В этом курсе вы научитесь разрабатывать приложение/веб-сайт/веб-компонент, а также веб-решение. Это может быть целое приложение или простой плагин для веб-ввода. Мы увидим эти вещи, сначала нам нужно понять сеть.
Интернет
Сеть проста, смотрите на нее как на людей; вы задаете вопросы, и они ответят вам на каждый вопрос, если ответ будет ошибкой, то это ответ, плохой, но, по крайней мере, ответ. Но поверь мне, плохой ответ лучше, чем ничего.
Но вот хитрость в том, что нужно задавать правильные вопросы, так как же нам вообще начать задавать. Что ж, всегда есть проблема, которую мы хотим решить. Это может быть что-то совсем незначительное, например: «Я всегда забываю каждый день проверять свой список пожеланий» или, может быть, что-то вроде «Я хочу, чтобы мое портфолио выглядело очень круто». » На самом деле не имеет значения, что вам нужно, так это разбить эту проблему на маленькие части, чтобы вы могли решать каждую часть одну за другой.
Теперь, когда у нас есть наш маленький мешок проблем, у нас всегда будет более одного решения; Найдите инструмент, который может решить эту проблему, или решите проблему самостоятельно, в этом курсе мы увидим и то, и другое, не волнуйтесь.
Техническая часть
Итак, первое, что вам нужно знать о сети, это:
Интернет
Интернет может быть человеком, который будет бежать, чтобы рассказать другим людям о ваших вопросах или ответах, правильно, вы также можете ответить на чей-то вопрос. Если вы подключены прямо сейчас, вы являетесь частью Интернета, вы вносите свой вклад в этот мир взаимосвязанных машин.
Веб-сервер
Это посредник в транзакции между клиентом и внешним миром, здесь вы можете обрабатывать файлы, вопросы, вы также можете получить услугу или создать подпрограммы, которые могут работать время от времени. Веб-сервер не так уж отличается от компьютера, есть несколько веб-серверов, самый популярный это Apache, но мы доберемся до него.
Веб-браузер
Служба поддержки клиентов в Интернете, эта служба работает не со всеми клиентами, безусловно, самая популярная связь с Интернетом, там много веб-браузеров.
Это получение всех ваших запросов, сохранение вашей личной информации и выполнение некоторых процессов на вашем компьютере, чтобы получить ваши ответы как можно быстрее.
Итак, сначала мы будем работать с веб-браузером, это просто, и большинство людей имеют доступ к веб-браузеру. Я знаю, что знаю, многие люди используют свои телефоны, но даже для мобильного телефона требуется веб-браузер, такой как Safari, Chrome, Firefox и т. д.…
Ну, это потому, что у мобильного телефона есть собственная операционная система, поэтому вопрос в том, она должна работать так же, как и настольная версия, верно? Извините, но ответ нет. , и причина этого довольно проста: вы не на компьютере, у вас нет тех же ресурсов, поэтому у разработчиков веб-браузера нет тех же инструментов, которые у них были для разработки его старших братьев. .
Но не волнуйтесь, каждый сезон веб-браузер обновляется новыми функциями, исправлением старых ошибок и правильными действиями, такими как Internet Explorer; так что это не пост о том, насколько плох IE, на самом деле многие люди используют его, потому что это стандарт в технологических компаниях, все программное обеспечение, разработанное на технологии Microsoft с некоторыми веб-функциями, использует IE внутри.
Но мы говорим о веб-браузерах и мобильных веб-браузерах, поэтому для начала я хотел бы открыть консоль, в каждом веб-браузере есть консоль, именно здесь выполняется код. и введите следующее:
2 + 2;
Теперь я знаю, что будет много вопросов, но не волнуйтесь, просто делайте, как я, я собираюсь сделать это в Chrome, поэтому, если вы используете другой веб-браузер, просто найдите как открыть консоль в Firefox или в вашем любимом веб-браузере, так что приступим
Ctrl + Shift + I или Cmd + Opt + I
Итак, вы должны увидеть что-то вроде этого:
Как вы можете видеть, это код страницы, вы можете запустить этот трюк на каждой странице, где хотите, мы должны обратить внимание на верхнюю панель:
1 Первая кнопка предназначена для поиска на странице элемента, это может быть изображение или текст, видео, что угодно.
2 Вторая кнопка измените размер вашего браузера, чтобы увидеть, как он будет выглядеть на мобильном устройстве.
Элементы Здесь вы можете увидеть каждый элемент вашей страницы, так что да, мы не видели, как это элемент , не волнуйтесь.
Консоль Теперь здесь вы можете делать свои фокусы, вот сообщения, оставленные разработчиками, или ошибки, которые должны произойти.
Здесь мы найдем другие кнопки и список со всеми сообщениями со страницы, не волнуйтесь, просто нажмите кнопку «Очистить консоль». Итак, теперь мы можем написать наш код здесь, это просто способ поиграть с Javascript.
PD: если некоторые сообщения постоянно отображаются, выберите параметр «Скрыть сетевые сообщения».
Итак, это Javascript, и очень скоро мы увидим этот удивительный язык.
В заключение прямо сейчас мы можем открыть консоль на веб-странице и запустить немного Javascript, мы не знаем, что именно мы можем с этим сделать, но, по крайней мере, мы знаем, что это очень умно, попробуйте сделайте более сложную математику, поверьте мне, это ответит на все ваши математические вопросы.
В следующий раз мы поговорим о языках и о нашем новом друге Javascript, увидимся позже.
Вы можете проверить немного больше информации, руководств и/или демонстраций здесь:
