Опубликовано 29 июня • Первоначально опубликовано на htmlallthethings.com
Введение
Итак, вы хотите стать веб-разработчиком, но с чего начать? С таким количеством информации это может быть ошеломляющим! Будьте уверены, эксперты в области технологий Мэтт Лоуренс и Майк Каран успокоят вас и помогут выбрать правильный путь обучения, который подходит именно вам, в этой статье для начинающих!
Темы, затронутые в этой статье, включают:
- Причины изучать веб-разработку
- Заблуждения о времени, необходимом для обучения
- Что учить и в каком порядке их учить
- Различные пути обучения
- Рекомендуемые учебные платформы и ресурсы
- Ценность нетворкинга
Зачем становиться разработчиком?
Есть много причин для обучения веб-разработке, в том числе возможность прибыльного заработка, смены карьеры или продвижения по службе, а также желание заниматься творческим хобби, и это лишь некоторые из них.
Мало того, что веб-разработка является востребованным навыком, но с недавним всплеском удаленной работы вы можете работать полный рабочий день дома или подрабатывать неполный рабочий день в качестве подработки!
Причины, по которым вы хотели бы стать разработчиком
- Потенциал прибыльного заработка
- Возможность карьерного роста или карьерного роста
- Займитесь продуктивным и творческим хобби
- Возможности удаленной и гибкой работы
Заблуждения о времени, необходимом для обучения
Теперь, прежде чем вы бросите свою основную работу и пойдете на курс «Узнайте все, что вам нужно знать, за 6 недель, чтобы стать веб-разработчиком с шестизначной суммой», Мэтт и Майк хотели бы сделать вам честное предупреждение: вы не узнаете все, что вам нужно знать за 6 недель, чтобы стать веб-разработчиком с шестизначной суммой!
Обучение веб-разработке требует времени, терпения и преданности делу. Вы не можете освоить веб-разработку за заранее установленный промежуток времени! Позвольте себе потратить необходимое время на изучение веб-разработки и формирование реалистичных ожиданий.
Помните, практика делает совершенным! Как и другие ремесла, такие как обучение игре на гитаре, освоение веб-разработки требует большого количества практических занятий. Вы не станете следующим Эдди Ван Халеном, просто читая книги по теории музыки, и вы не станете рок-звездой программиста, просто читая книги по программированию! Когда дело доходит до веб-разработки, вы должны получить много практической практики кодирования. Только тогда вы начнете понимать лежащие в основе концепции программирования.
Самое главное, не торопитесь с процессом обучения! Я говорю вам это, потому что заманчиво ускорить обучение, чтобы получить сертификат. Поверьте мне в этом, потому что я был там раньше. Если вы сделаете сертификаты и сертификаты своей основной целью и спешите их получить, вы можете обнаружить, что вам все еще нужно приобретать перечисленные в них навыки, когда они заработаны!
Основы (HTML, CSS, JavaScript)
Хотя существует множество технологий веб-разработки, Мэтт и Майк советуют нам начать с основ: HTML, CSS и JavaScript.
HTML
Язык гипертекстовой разметки — это стандартный язык для создания и проектирования веб-сайтов и веб-приложений. Он отвечает за структурирование контента в Интернете. (Только не называйте это языком программирования открыто, а то вас затроллят! Позже вы поймете почему.)
CSS
Каскадные таблицы стилей — язык таблиц стилей, который позволяет разработчикам управлять внешним видом и макетом веб-страниц, включая цвета, шрифты и интервалы.
JavaScript
Универсальный язык программирования высокого уровня, используемый для создания динамических и интерактивных веб-приложений путем манипулирования элементами HTML и CSS на веб-странице.
Мэтт и Майк советуют нам учить их в таком порядке:
- HTML
- CSS
- 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:
- Эрик Ханчетт — традиционная школа
- Александр Ли (Tech Rally) — буткемп
- Дилан Исраэль — самоучка
Эрик, Александр и Дилан выбрали разные пути обучения и получили работу в Amazon!
Учиться учиться
Независимо от того, выберете ли вы традиционную школу, буткемп или самоучку, веб-разработка — это путешествие длиною в жизнь. Поскольку постоянно появляются новые технологии, вам необходимо постоянно заниматься самообучением. Как метко сказал нам Мэтт: «Вы не собираетесь возвращаться в школу после того, как уже закончили обучение Svelte!»
Таким образом, чтобы по-настоящему преуспеть в веб-разработке, вы должны научиться учиться, что включает в себя развитие мышления роста, принятие вызовов и сохранение открытости для новых идей и методов даже после завершения вашего образовательного пути.
С таким мышлением вы будете лучше подготовлены к навигации в постоянно меняющемся ландшафте веб-разработки и будете опережать кривую, независимо от выбранного вами пути обучения.
Учебные платформы
freeCodeCamp
Отличная БЕСПЛАТНАЯ платформа для обучения веб-разработке — freeCodeCamp. Вы можете изучить основы кодирования, непосредственно кодируя на их веб-сайте, и вы можете получить сертификаты!
Как рекомендуют Мэтт и Майк, сначала вы должны изучить HTML и CSS. На веб-сайте freeCodeCamp вы можете изучить и то, и другое и получить сертификат адаптивного веб-дизайна! Я прошел этот БЕСПЛАТНЫЙ курс, и я очень рекомендую его!
Скримба
Scrimba — это онлайн-школа кодирования, которая предлагает как БЕСПЛАТНЫЕ, так и платные курсы. Что уникально в Scrimba, так это онлайн-редактор кода. В отличие от других редакторов статического кода, они представляют собой скринкасты, где учитель рассказывает вам о отображаемом коде (в виде презентации в звуковом стиле), и вы можете приостановить скринкаст и отредактировать код, что делает обучение кодированию гораздо более захватывающим!
Если вы знаете, кто я такой, вы уже знаете, что у меня долгая история работы со Scrimba, и я настоятельно рекомендую учиться у них!
Если вы хотите пройти платный курс от Scrimba, обязательно используйте предоставленный код скидки, любезно предоставленный HTML All The Things!
Скримба Скидка! tinyurl.com/ScrimbaHATT
YouTube
Другие пути самообучения включают обучение на YouTube. Я провел много времени, изучая веб-разработку на YouTube, и я считаю, что это хорошо составленный список БЕСПЛАТНЫХ учителей, дружелюбных к новичкам, у которых можно учиться:
- Брэд Трэверси (Traversy Media) — для HTML
- Кевин Пауэлл — для CSS
- Gary Simon ( DesignCourse) — для UI/UX дизайна (основы дизайна с HTML и CSS)
- Кайл Кук (упрощенная веб-разработка) — для JavaScript
Практическая платформа
CodePen — отличный БЕСПЛАТНЫЙ онлайн-ресурс, где вы можете получить множество практических навыков работы с HTML, CSS и JavaScript.
Мэтт и Майк поощряют нас изучать веб-разработку, создавая интересующие нас проекты, и CodePen — отличное место для этого! Нет необходимости загружать или устанавливать программное обеспечение; все это доступно онлайн!
Если вы хотите получить представление о том, что вы можете построить, вы можете проверить мой профиль на CodePen, который включает в себя проекты, которые я завершил для получения сертификата freeCodeCamp: Мой профиль CodePen эм>
Сеть
Независимо от того, какой путь обучения веб-разработке вы решите выбрать, будьте ПРОАКТИВНЫ в нетворкинге!
Майк говорит нам, что когда вы общаетесь с другими людьми, изучающими программирование, вы формируете с ними связь в стиле «в окопе». Затем, когда люди в вашей сети входят в технологическую отрасль, они, вероятно, обратятся к вам с предложениями о возможностях трудоустройства, когда компании, в которых они работают, нанимают. Майк говорит нам, что это часто случается, поэтому нетворкинг — отличный способ проникнуть в мир технологий!
Обязательно послушайте выпуск!
Эпизод 248 Стань младшим разработчиком, изучи веб-разработку с нуля
Обязательно ознакомьтесь с HTML All The Things в социальных сетях!
Скримба Скидка!
- Научитесь кодировать, используя Scrimba с их интерактивным редактором кода.
- Присоединяйтесь к их эксклюзивным сообществам и сети Discord, чтобы найти свою первую работу!
- Используйте этот URL, чтобы получить скидку 10% на все их платные планы: tinyurl.com/ScrimbaHATT
Эта статья содержит партнерские ссылки, что означает, что мы можем получать комиссию за любые покупки, совершенные по этим ссылкам, без каких-либо дополнительных затрат для вас. Это помогает поддерживать нашу работу и позволяет нам продолжать предоставлять ценный контент. Спасибо за вашу поддержку!
Другие мои статьи по теме
- Майк Каран — Советы по продуктивности от технического специалиста, которые помогут повысить уровень наших навыков
- freeCodeCamp — Научитесь программировать и получите сертификат бесплатно
Заключение
Когда вы изучаете веб-разработку, вы приобретаете навыки, которые могут обеспечить финансовые возможности, карьерный рост или даже веселое и продуктивное хобби.
Лучший способ начать работу и выяснить, подходит ли вам веб-разработка, — начать с изучения основ: сначала HTML и CSS, затем JavaScript. Вы можете изучить их БЕСПЛАТНО, используя онлайн-ресурсы.
Если вы ищете работу, лучше всего изучить требования компаний, в которых вы хотите работать. Некоторым компаниям требуется высшее образование, другим нет, некоторые компании признают сертификаты и сертификаты, а другие нет. Знание этого поможет вам решить, какой путь обучения вам больше всего подходит, а дополнение вашего образования реальным опытом работы даст вам конкурентное преимущество.
Ваше путешествие продолжается после выпуска! Веб-разработка — это занятие на всю жизнь, поэтому вы должны развивать мышление роста и постоянно учиться, чтобы идти в ногу со временем!
Независимо от вашего пути обучения, общение с другими людьми на этом пути может принести вам пользу в будущем. Кто-то в вашей сети, которому удалось пробиться в технологическую отрасль, может связаться с вами напрямую, когда их компания наймет на работу, предоставив вам карьерный лайфхак, чтобы пробиться в технологии!