Опубликовано 29 июня • Первоначально опубликовано на htmlallthethings.com

Введение

Итак, вы хотите стать веб-разработчиком, но с чего начать? С таким количеством информации это может быть ошеломляющим! Будьте уверены, эксперты в области технологий Мэтт Лоуренс и Майк Каран успокоят вас и помогут выбрать правильный путь обучения, который подходит именно вам, в этой статье для начинающих!

Темы, затронутые в этой статье, включают:

  • Причины изучать веб-разработку
  • Заблуждения о времени, необходимом для обучения
  • Что учить и в каком порядке их учить
  • Различные пути обучения
  • Рекомендуемые учебные платформы и ресурсы
  • Ценность нетворкинга

Зачем становиться разработчиком?

Есть много причин для обучения веб-разработке, в том числе возможность прибыльного заработка, смены карьеры или продвижения по службе, а также желание заниматься творческим хобби, и это лишь некоторые из них.

Мало того, что веб-разработка является востребованным навыком, но с недавним всплеском удаленной работы вы можете работать полный рабочий день дома или подрабатывать неполный рабочий день в качестве подработки!

Причины, по которым вы хотели бы стать разработчиком

  • Потенциал прибыльного заработка
  • Возможность карьерного роста или карьерного роста
  • Займитесь продуктивным и творческим хобби
  • Возможности удаленной и гибкой работы

Заблуждения о времени, необходимом для обучения

Теперь, прежде чем вы бросите свою основную работу и пойдете на курс «Узнайте все, что вам нужно знать, за 6 недель, чтобы стать веб-разработчиком с шестизначной суммой», Мэтт и Майк хотели бы сделать вам честное предупреждение: вы не узнаете все, что вам нужно знать за 6 недель, чтобы стать веб-разработчиком с шестизначной суммой!

Обучение веб-разработке требует времени, терпения и преданности делу. Вы не можете освоить веб-разработку за заранее установленный промежуток времени! Позвольте себе потратить необходимое время на изучение веб-разработки и формирование реалистичных ожиданий.

Помните, практика делает совершенным! Как и другие ремесла, такие как обучение игре на гитаре, освоение веб-разработки требует большого количества практических занятий. Вы не станете следующим Эдди Ван Халеном, просто читая книги по теории музыки, и вы не станете рок-звездой программиста, просто читая книги по программированию! Когда дело доходит до веб-разработки, вы должны получить много практической практики кодирования. Только тогда вы начнете понимать лежащие в основе концепции программирования.

Самое главное, не торопитесь с процессом обучения! Я говорю вам это, потому что заманчиво ускорить обучение, чтобы получить сертификат. Поверьте мне в этом, потому что я был там раньше. Если вы сделаете сертификаты и сертификаты своей основной целью и спешите их получить, вы можете обнаружить, что вам все еще нужно приобретать перечисленные в них навыки, когда они заработаны!

Основы (HTML, CSS, JavaScript)

Хотя существует множество технологий веб-разработки, Мэтт и Майк советуют нам начать с основ: HTML, CSS и JavaScript.

HTML

Язык гипертекстовой разметки — это стандартный язык для создания и проектирования веб-сайтов и веб-приложений. Он отвечает за структурирование контента в Интернете. (Только не называйте это языком программирования открыто, а то вас затроллят! Позже вы поймете почему.)

CSS

Каскадные таблицы стилей — язык таблиц стилей, который позволяет разработчикам управлять внешним видом и макетом веб-страниц, включая цвета, шрифты и интервалы.

JavaScript

Универсальный язык программирования высокого уровня, используемый для создания динамических и интерактивных веб-приложений путем манипулирования элементами HTML и CSS на веб-странице.

Мэтт и Майк советуют нам учить их в таком порядке:

  1. HTML
  2. CSS
  3. JavaScript

Начать с HTML и CSS — отличный подход для начинающих, поскольку эти два языка хорошо дополняют друг друга. Изучая HTML, вы можете структурировать свой контент, а CSS позволяет вам стилизовать и форматировать этот контент. Вы будете удивлены, как быстро вы сможете создавать визуально привлекательные и функциональные веб-страницы, используя только HTML и CSS, что сделает процесс обучения приятным!

Однако JavaScript — это язык программирования, требующий более крутой кривой обучения. JavaScript требует более глубокого понимания логики и концепций программирования. Для новичков нырять сразу может быть ошеломляющим и контрпродуктивным.

Я точно могу заявить, что не начинаю сначала с изучения JavaScript! Когда я впервые обратился к изучению веб-разработки, я увидел, что JavaScript очень востребованный навык, поэтому я решил пропустить изучение HTML и CSS. Я провел почти год, сосредоточившись исключительно на JavaScript, и, как упоминалось ранее, я торопился с обучением, потому что хотел получить сертификат. Я так разочаровался, что чуть не бросил учиться программировать!

Как только вы хорошо разберетесь в основах HTML, CSS и JavaScript, вы сможете уверенно переходить к изучению других технологий, таких как Frameworks.

Фреймворки — какой из них подходит именно вам

Что такое фреймворк? Среда веб-разработки — это набор инструментов, библиотек и соглашений, которые упрощают и оптимизируют разработку веб-приложений.

Для наглядного примера: использование фреймворка в веб-разработке похоже на создание чего-то из коробки готовых деталей LEGO. Оба предлагают готовые компоненты, которые можно быстро собрать для создания желаемой структуры, что делает процесс более эффективным и удобным для начинающих.

Некоторые популярные фреймворки для веб-разработки включают в себя:

  • Реагировать
  • Угловой
  • Vue.js
  • Стройный

Отличный совет, который поможет определить, какая структура вам подходит, — это проверить местный рынок труда. Если рабочие места в вашем районе нанимают разработчиков, которые знают Angular, что ж, это может быть вашим ответом!

Если вашей основной целью не является трудоустройство в местном масштабе, вы можете изучить каждую структуру и определить, какая из них может быть наиболее удобной для вас.

Если вы заинтересованы в изучении Svelte, Майк очень хорошо в этом разбирается и написал статью на эту тему, которая опубликована на веб-сайте Scrimba! Svelte vs React: какой фреймворк изучать в 2023 году?

Svelte, в отличие от других фреймворков, в процессе сборки компилирует ваш код в высокооптимизированный ванильный JavaScript, что приводит к уменьшению размера пакетов и сокращению времени загрузки. Svelte помогает создавать быстрые и простые в использовании приложения с меньшими усилиями, что делает его отличным вариантом для создания эффективных и легких приложений.

Если вы все еще пытаетесь решить, какой фреймворк изучать, React — отличный вариант, так как многие компании используют его и преподают во многих учебных заведениях.

Пути обучения

При выборе пути обучения есть в основном три варианта: традиционная школа, буткемп и самоучка. Каждый из этих путей имеет свои преимущества и недостатки.

Традиционная школа

  • Плюсы: получение степени, квалификация для работы, требующей степени, структурированная среда обучения.
  • Минусы: высокая стоимость, большая продолжительность, возможно, устаревшая учебная программа.

Учебный лагерь

  • Плюсы: более короткая продолжительность, целенаправленный учебный план, возможности для общения.
  • Минусы: дорогой, интенсивный темп, может не хватать глубины в некоторых областях.

Самоучка

  • Плюсы: Низкая стоимость, гибкий график, самообучение.
  • Минусы: нет аккредитованной степени, отсутствие структуры, ограниченные сетевые возможности.

Мэтт и Майк честно предупреждают: независимо от того, какой путь обучения вы выберете, на современном рынке труда нет никаких гарантий, когда речь идет о трудоустройстве, к сожалению.

Хотя нет никаких гарантий успешного трудоустройства для любого пути обучения, это понимание не должно вас обескураживать; вместо этого он призван помочь вам определить наиболее подходящий путь обучения для ваших нужд.

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

В качестве вашего ободрения сообщаю, что люди из каждого пути обучения успешно получили работу в компаниях FAANG:

Эрик, Александр и Дилан выбрали разные пути обучения и получили работу в Amazon!

Учиться учиться

Независимо от того, выберете ли вы традиционную школу, буткемп или самоучку, веб-разработка — это путешествие длиною в жизнь. Поскольку постоянно появляются новые технологии, вам необходимо постоянно заниматься самообучением. Как метко сказал нам Мэтт: «Вы не собираетесь возвращаться в школу после того, как уже закончили обучение Svelte!»

Таким образом, чтобы по-настоящему преуспеть в веб-разработке, вы должны научиться учиться, что включает в себя развитие мышления роста, принятие вызовов и сохранение открытости для новых идей и методов даже после завершения вашего образовательного пути.

С таким мышлением вы будете лучше подготовлены к навигации в постоянно меняющемся ландшафте веб-разработки и будете опережать кривую, независимо от выбранного вами пути обучения.

Учебные платформы

freeCodeCamp

Отличная БЕСПЛАТНАЯ платформа для обучения веб-разработке — freeCodeCamp. Вы можете изучить основы кодирования, непосредственно кодируя на их веб-сайте, и вы можете получить сертификаты!

Как рекомендуют Мэтт и Майк, сначала вы должны изучить HTML и CSS. На веб-сайте freeCodeCamp вы можете изучить и то, и другое и получить сертификат адаптивного веб-дизайна! Я прошел этот БЕСПЛАТНЫЙ курс, и я очень рекомендую его!

Скримба

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

Если вы знаете, кто я такой, вы уже знаете, что у меня долгая история работы со Scrimba, и я настоятельно рекомендую учиться у них!

Если вы хотите пройти платный курс от Scrimba, обязательно используйте предоставленный код скидки, любезно предоставленный HTML All The Things!

Скримба Скидка! tinyurl.com/ScrimbaHATT

YouTube

Другие пути самообучения включают обучение на YouTube. Я провел много времени, изучая веб-разработку на YouTube, и я считаю, что это хорошо составленный список БЕСПЛАТНЫХ учителей, дружелюбных к новичкам, у которых можно учиться:

Практическая платформа

CodePen — отличный БЕСПЛАТНЫЙ онлайн-ресурс, где вы можете получить множество практических навыков работы с HTML, CSS и JavaScript.

Мэтт и Майк поощряют нас изучать веб-разработку, создавая интересующие нас проекты, и CodePen — отличное место для этого! Нет необходимости загружать или устанавливать программное обеспечение; все это доступно онлайн!

Если вы хотите получить представление о том, что вы можете построить, вы можете проверить мой профиль на CodePen, который включает в себя проекты, которые я завершил для получения сертификата freeCodeCamp: Мой профиль CodePen эм>

Сеть

Независимо от того, какой путь обучения веб-разработке вы решите выбрать, будьте ПРОАКТИВНЫ в нетворкинге!

Майк говорит нам, что когда вы общаетесь с другими людьми, изучающими программирование, вы формируете с ними связь в стиле «в окопе». Затем, когда люди в вашей сети входят в технологическую отрасль, они, вероятно, обратятся к вам с предложениями о возможностях трудоустройства, когда компании, в которых они работают, нанимают. Майк говорит нам, что это часто случается, поэтому нетворкинг — отличный способ проникнуть в мир технологий!

Обязательно послушайте выпуск!

Эпизод 248 Стань младшим разработчиком, изучи веб-разработку с нуля

Обязательно ознакомьтесь с HTML All The Things в социальных сетях!

Скримба Скидка!

  • Научитесь кодировать, используя Scrimba с их интерактивным редактором кода.
  • Присоединяйтесь к их эксклюзивным сообществам и сети Discord, чтобы найти свою первую работу!
  • Используйте этот URL, чтобы получить скидку 10% на все их платные планы: tinyurl.com/ScrimbaHATT

Эта статья содержит партнерские ссылки, что означает, что мы можем получать комиссию за любые покупки, совершенные по этим ссылкам, без каких-либо дополнительных затрат для вас. Это помогает поддерживать нашу работу и позволяет нам продолжать предоставлять ценный контент. Спасибо за вашу поддержку!

Другие мои статьи по теме

Заключение

Когда вы изучаете веб-разработку, вы приобретаете навыки, которые могут обеспечить финансовые возможности, карьерный рост или даже веселое и продуктивное хобби.

Лучший способ начать работу и выяснить, подходит ли вам веб-разработка, — начать с изучения основ: сначала HTML и CSS, затем JavaScript. Вы можете изучить их БЕСПЛАТНО, используя онлайн-ресурсы.

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

Ваше путешествие продолжается после выпуска! Веб-разработка — это занятие на всю жизнь, поэтому вы должны развивать мышление роста и постоянно учиться, чтобы идти в ногу со временем!

Независимо от вашего пути обучения, общение с другими людьми на этом пути может принести вам пользу в будущем. Кто-то в вашей сети, которому удалось пробиться в технологическую отрасль, может связаться с вами напрямую, когда их компания наймет на работу, предоставив вам карьерный лайфхак, чтобы пробиться в технологии!

Подключаемся! Я активен в LinkedIn и Twitter.