Если вы хотите свободы передвижения и гибкости для работы из любой точки отрасли, которая пользуется спросом и быстро растет, тогда программирование может стать для вас миром. Вот что вам нужно знать и что вам нужно сделать, если вы собираетесь пойти на это, рассказано кем-то, кто, возможно, не совсем понимает, о чем он говорит. Созревает глобальная тенденция, и люди, находящиеся в ее центре, называются цифровыми кочевниками, те, у кого работа не зависит от местоположения, которые путешествуют по работе со стороны ледяных скал или солнечных пляжей. Во главе этого обвинения, пожалуй, стоит культовая профессия веб-разработчика. Будучи онлайн-учителем, я уже попадаю в категорию цифрового кочевника, но веб-разработка была для меня особой привлекательностью, возможно, потому, что я математик (компьютерщик, если хотите), возможно потому, что я пробовал программировать раньше и имел отличное время, возможно, потому что я интроверт, чтобы быть учителем, несмотря на то, что проработал учителем последние два с половиной года. Наверное, все три, а то и некоторые.

Если вы хотите окунуться в мир веб-разработки, я постараюсь дать вам несколько советов и указаний, с чего начать, потому что поверьте мне, первое, что вы заметите, это то, что все это может показаться полностью законченным. - потрясающе, и это продлится какое-то время. Если вы думаете: «Эй, я просто посмотрю объявление о вакансии, чтобы узнать, что они ищут». Вы будете засыпаны некоторой коллекцией вещей, которые напоминают слова, другими вещами, которые кажутся аббревиатурами и предложениями, которые также могут быть на суахили, и это будет выглядеть как долгий долгий путь к финишу. Прежде всего, сделайте глубокий вдох и помните, что то же самое и со всеми остальными, да, некоторые из этих вещей вам потребуется месяц, чтобы освоиться, но другие вы можете в основном опередить днем, так что пока просто оставьте все в покое и давайте сделаем это шаг за шагом.

  1. Сначала все казалось таким ошеломляющим и почти невозможным, но вы приняли это медленно и медленно, и проделали свой путь, и знаете что, теперь вы действительно начинаете действительно понимать вещи. Затем бум, вы попадаете во вторую горку. Не волнуйтесь, мы пройдем через это так же, как и в первом случае, но, возможно, вы снова будете испытывать чувство дежавю. По сути, сейчас станут необходимы некоторые вещи, которых раньше можно было избежать. Во-первых, вам нужно немного узнать, как использовать командную строку, и на этом этапе вам действительно нужно начать использовать Git и, скорее всего, Github. Эти двое хорошо сочетаются, я рекомендую пройти эту короткую серию «https://www.learnenough.com/command-line-tutorial» Майкла Хартла, вы также найдете такую ​​в git и текстовом редакторе, они очень хороши и бесплатно. Если вы используете Windows, вам действительно стоит подумать о переходе на Linux или Mac на этом этапе, командная строка намного проще в использовании, и вы избавите себя от многих головных болей. Итак, мы изучили командную строку, Git для контроля версий и, возможно, как использовать новую ОС, и мы вернулись к Vue.js. теперь нам нужно изучить Node.js, к счастью, нам действительно не нужно ничего изучать, кроме того, как его загружать, нам просто нужно что-то внутри него, называемое npm, чтобы помочь нам запускать некоторые другие программы, но все это в основном сводится к простому вводу npm в начале некоторых команд в терминале, так что это неплохо. Затем мы используем VueCLI для получения Webpack. Опять же, мы просто загружаем его, вводим относительно простую команду, а затем Webpack будет настроен, и мы сможем использовать его в нашем любимом текстовом редакторе, так что вернемся к обычным делам. Webpack действительно нам очень поможет, а Node.js и VueCLI на самом деле просто работают в фоновом режиме, поэтому мы можем их игнорировать, так что все было не так уж плохо. Если вы еще раз ознакомились с вызовами Ajax, это тоже станет проще, поскольку запуск всего этого материала даст нам локальный сервер для использования на нашем компьютере, и у него есть встроенный компилятор, что означает, что нам не о чем беспокоиться настолько, если конкретный браузер будет совместим с кодом, который мы пишем, поскольку Webpack позаботится об этом за нас. Окей, мы прошли через все это, открываем наш текстовый редактор и спрашиваем "Какого черта?" все двигалось, и что это за хрень импорт / экспорт? Еще один глубокий вдох, все не так уж плохо. Сейчас мы находимся на финише. Да, в основном вместо того, чтобы иметь отдельные файлы для HTML, CSS и JavaScript, как мы привыкли, все смешалось вместе и разбилось на кучу странных кусков. Да, это странно, да, потребуется немного времени, чтобы привыкнуть к новому форматированию, но тогда оно вам понравится, а добавленные утилиты станут вашей палочкой-выручалочкой. Ну вот и мы. Мне потребовалось около четырех месяцев, чтобы пройти через все это, и вот где я сейчас нахожусь. Я прошел второй курс от Udemy по Vue.js, и это мне очень помогло. Я также планирую сделать еще один по CSS в будущем, чтобы немного улучшить его. Обязательно настройте учетную запись Github как можно быстрее и продолжайте загружать туда свои работы, чтобы люди могли их увидеть. После того, как вы все пройдете, остается лишь выполнить несколько собственных проектов, чтобы люди могли увидеть вашу работу. Удачи!

Давайте начнем с выяснения того, что мы пытаемся сделать. Во-первых, программист и разработчик - одно и то же, а веб-сайт - это, по сути, часть программного обеспечения, поэтому давайте не будем слишком увлекаться разработкой программного обеспечения и просто рассмотрим первые три. Что, кажется, в основном относится к веб-разработке, то есть к созданию веб-сайтов. Front-end также называется клиентской стороной и в основном работает со всем, с чем может взаимодействовать посетитель сайта, включая кнопки, ссылки, слайд-шоу, видео, изображения и просто общий вид и макет. Back-end называется серверной частью, и я действительно мало знаю о том, что делают back-end-разработчики, они в основном помогают хорошо подключить все к серверу и сгладить все за кулисами. Мы не будем сильно об этом беспокоиться. Полный стек просто означает, что вы в какой-то мере знаете переднюю и заднюю стороны. Не для нас и сейчас. Мне сказали, что 90% работы приходится на Front-end, и что для работы с back-end вам в любом случае нужно некоторое знакомство с front-end, так что это должно быть место для нас! Сейчас существует множество разных языков кодирования, все со своими преимуществами и недостатками, но для веба, похоже, лучше всего подходит JavaScript. Почему? Конечно, начнем с этого. Во-первых, в браузере работает JavaScript. Щелкните эту страницу правой кнопкой мыши, прокрутите вниз до пункта «проверить», и справа появится часть кода JavaScript, это так просто. Не беспокойтесь об этом сейчас, но это очень поможет, когда мы начнем. Во-вторых, соотношение количества рабочих и рабочих мест для JavaScript является дружественным к работникам, мы же хотим получить работу в конце, не так ли? Так что это здорово для нас. Вам нужно больше причин, спросите кого-нибудь еще, потому что я уже был продан на этом этапе, поэтому я перестал спрашивать.

2. С чего мне тогда начать? Могу я просто загрузить JavaScript или что-то в этом роде?

Нет, javascript - это не то, что вы загружаете. Я очень рекомендую Udemy.com. Все курсы стоят 10 долларов (если там написано что-то еще, вернитесь в личное окно браузера). Вы можете найти различные курсы в Интернете бесплатно, но я настоятельно рекомендую использовать Udemy и особенно любой курс, в названии которого написано что-то вроде «Front-end Developer». Вы можете потратить много времени на бесплатные курсы, чтобы никуда не пойти, поэтому найдите что-нибудь, специально разработанное для того, чем вы пытаетесь заниматься. Помимо прохождения курсов, вот с чего начать.

Шаг 1: Вам нужен редактор сценариев! это 100% определенно первый шаг, некоторые из популярных - Atom, Sublime и Webstorm. Atom бесплатен и работает нормально, Webstorm бесплатен, если вы студент, вы можете зарегистрироваться, используя свой студенческий адрес электронной почты, и получать его бесплатно, пока вы учитесь. У Sublime есть бесплатная пробная версия. Вы можете поискать дополнительную информацию в другом месте, прежде чем сделать выбор. Сначала я использовал Atom, но теперь использую Webstorm. Вы не ошибетесь, и после этого легко переключиться. Когда у вас есть текстовый редактор, вы можете приступить к написанию кода. и легко просматривать написанное в веб-браузере. С Chrome, вероятно, проще всего работать (по крайней мере, я думаю), когда вы щелкаете правой кнопкой мыши и выбираете «Проверить», вы можете увидеть много ценной информации о том, над чем вы работаете, вкладка «консоль» особенно важна.

Шаг 2. Изучите HTML, затем CSS. Это не «языки», такие как JavaScript, люди обычно говорят «разметка», когда говорят о HTML, и «стили», когда говорят о CSS. В основном HTML создает на странице кучу ящиков, в которые можно выгрузить все, что вам нравится, он будет обрабатывать разные части по-разному, например. ‹Button› hello ‹/button› создаст кнопку с надписью «привет». Есть некоторое поведение по умолчанию, но в целом вы будете использовать JavaScript, чтобы все на странице делало то, что вам нравится, HTML в основном просто решает, где все это разместить. CSS - это стилизация, хорошо потратить на это время, так как он во многом поможет вашим веб-страницам выглядеть красиво (или не очень). Он в основном контролирует то, как вещи выглядят и где именно они сидят на странице относительно друг друга.

Шаг 3. Изучите JavaScript. Практически все, что вам осталось изучить, - это JavaScript, но он будет принимать множество разных форм и форм, когда вы вставляете разные библиотеки. На этом этапе вам также следует познакомиться с концепцией DOM. (не волнуйтесь, если вы действительно не понимаете, что такое DOM на данный момент, и если это заставляет вас выдергивать волосы, пытаясь повозиться с ним в JavaScript, библиотеки упростят эти мили. синтаксис и функциональность JavaScript, а также то, как использовать его вместе с HTML и CSS, тогда мы можем двигаться дальше.

Шаг 4. Изучите некоторые библиотеки JavaScript. Сначала я изучил jQuerry и Backbone.js. Я не рекомендую Backbone.js, так как он уже не пользуется большой популярностью в 2018 году. По словам моих (более знающих) друзей, сейчас Vue.js и React являются самыми популярными и наиболее популярными в этом году. Кажется, что она меняется примерно раз в год, так как отрасль так быстро развивается, поэтому, если эта статья немного устарела, когда вы ее читаете, вы можете проверить это. Я выбрал Vue.js, поскольку он должен иметь немного более легкую кривую обучения (и мы изучаем МНОГО сразу, так что давайте сделаем небольшой перерыв), и он также довольно популярен и очень полезен.

3. Вторая кочка на дороге.

Мой путь к обучению программированию