За сколько можно изучить html и css

Сколько времени занимает обучение JavaScript

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

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

Итак, давай начнем с ответа на самый распространенный вопрос:

Сколько времени нужно, чтобы выучить JavaScript?

Короткий ответ — один год.

Тебе понадобится как минимум один год, чтобы выучить JavaScript от начинающего до готового к работе Junior программиста.

Эти 12 месяцев можно разделить на четыре этапа обучения.

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

Новичок (1-3 месяца)

На этом этапе ты только начинаешь изучать JavaScript и знакомишься с синтаксисом языка.

В первые недели твоё внимание будет сосредоточено на основных концепциях JavaScript, таких, как переменные, функции и типы данных.

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

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

Продвинутый новичок (4-6 месяцев)

К четвертому месяцу ты должен быть знаком с основными концепциями и механизмами JavaScript.

Ты сможешь использовать JS для создания консольных программ и возможно начнешь разбираться с тем как добавлять его на веб страницы.

С этого момента твоя главная цель — применять полученные знания на практике.

Средний уровень (7-9 месяцев)

На этом этапе ты больше не новичок — теперь ты понимаешь основные концепции JavaScript и начинаешь работать над углублением знаний.

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

Продвинутый средний уровень (10 — 12 месяцев)

На этом последнем этапе вы теперь должны иметь возможность писать Full-Stack проекты на JavaScript, читать и понимать код, а также знать, как исправлять ошибки.

После завершения этого этапа ты будешь готов к работе Junior JavaScript разработчиком.

Почему изучение JavaScript занимает так много времени?

Причину, по которой обучение занимает так много времени, можно разделить на две:

HTML и CSS не являются языками программирования
JavaScript не интуитивно понятен

HTML и CSS не являются языками программирования

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

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

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

JavaScript НЕ интуитивно понятен для начинающих

Еще одна проблема с изучением JavaScript заключается в том, что он не интуитивно понятен.

В HTML все зависит от того, какие теги использовать. CSS просто выясняет, какие теги выбрать, и изменяет стиль. Если ты выучил эти правила, ты готов к работе с HTML и CSS.

Что касается JavaScript, в нем так много правил, и, кроме того, тебе нужно потратить время на размышления о том, как ты собираешься создать что-то на JavaScript, прежде чем даже писать одну строку кода! Вот почему требуется 3-6 месяцев, чтобы узнать все его правила, прежде чем он сможет полностью раскрыть свой потенциал.

Факторы, влияющие на время, необходимое для изучения JavaScript

Время уделенное практическим занятиям

Первое, что влияет на общее время, необходимое для изучения JavaScript, — это то, сколько времени ты готов тратить на практику. Если ты тратишь от 30 минут до 1 часа в день на написание кода и никогда не пропускаешь занятия, то за год твой прогресс будет очевиден.

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

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

Предыдущие знания программирования

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

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

Как вы изучаете JavaScript

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

Как и в случае любых других навыков, единственный способ стать лучше — это практика, практика и еще раз практика. А это значит, что нужно писать больше кода.

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

Но без практики, без ежедневного написания кода, ты просто провалишься в так называемый адом учебников (tutorial hell), который довольно часто встречается у новичков.

HTML-верстальщик

HTML-верстальщик — это тот, кто превращает нарисованный дизайнером макет в живой сайт, переводит картинку-макет на язык, понятный любому браузеру и видный посетителю.

средняя зарплата
удовлетворенность

Что делает HTML-верстальщик

Верстальщик — это переводчик между дизайнером и программистом. Верстальщик берет то, что нарисовал дизайнер и переводит его из формата PSD в код. Верстая компонент, он обязан понимать, как этот компонент будет реализован программистом, и сверстать его так, чтобы он не развалился, когда программист добавит в него логику.

В связке дизайнер-верстальщик-программист он находится между молотом «красиво» и наковальней «выполняемо» для конкретного ресурса, ситуации и ТЗ заказчика.

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

Сколько получает HTML-верстальщик

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

Интерактивные онлайн-курсы HTML Academy

Научитесь создавать и программировать современные веб-интерфейсы, начните карьеру в IT, оттачивайте своё мастерство.

Подробнейшие тренажёры
по HTML, CSS и JavaScript

Мы выбрали одно направление — фронтенд — и сделали самые подробные тренажёры о веб-технологиях. Одну тысячу пятьсот заданий в среднем проходят за три месяца.

8 частей тренажёров — бесплатно

Сто тридцать интерактивных заданий — бесплатные. После их прохождения вы сможете создать свой сайт.

Обучение на практике

С самого начала мы учим работать с живым кодом и самостоятельно решать задачи, приближённые к реальным. Также вас ждут испытания, принцип которых — «сверстай, как показано в образце».

От новичка до профессионала

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

Учиться весело

Интересные, наглядные и затягивающие курсы, интерактивные интерфейсы, достижения — всё для обучения с удовольствием. И конечно же, Инструктор Кекс. Заскучать не получится.

1 507 Заданий и испытаний

1 318 601 Пользователь

105 191 646 Заданий выполнено

Всё начинается с сущей шалости. «Я только попробую», — говоришь ты. А утром обнаруживаешь себя за компьютером и не можешь ответить, как долго просидел за ним, проходя онлайн‑курсы один за другим. Именно в этот момент всё выходит из-под контроля: базовый интенсив, продвинутый, JavaScript. И вот ты уже меняешь свою работу, жизнь и мечтаешь теперь об одном: стать ниндзя веб-разработки, в арсенале которого HTML, CSS, SVG и JavaScript. Ребятам из HTML Academy удалось невозможное: увлечь за собой многих «скучающих и сомневающихся» и занять их сложным, современным и очень классным делом. Ирина Смирнова, фронтенд-разработчик в Bookmate

Обучаясь в Академии, вы сэкономите огромное количество времени и научитесь правильно писать код, работать с реальными проектами и очень легко сможете продолжить свою карьеру фронтенд-разработчика самостоятельно. А также работа с наставником даёт большой опыт работы с кодом, потому что он всегда готов помочь в трудную минуту. Богдан Васкан, веб-разработчик в Synergic Software

Курсы Академии мне порекомендовали. Всегда скептически относился к вебинарам, но обучение в Академии изменило это представление. Учиться действительно интересно, занимательно, и, самое главное, не скучно. Интенсив Академии просто «вбивает» в голову нужные и современные навыки и знания, которые пригодятся вам в любимом деле. Павел Цыганов, преподаватель

Для меня знакомство с миром вёрстки началось с книжек и скринкастов на YouTube. Это было интересно, но непросто. И вызывало больше вопросов, чем ответов. В процессе появилось понимание, что без структуры и обратной связи от опытных практиков обучение может растянуться до бесконечности. В какой-то момент я наткнулся на сайт Академии. Это было что-то принципиально новое, интересное и увлекательное. Я стал проходить курсы по HTML и CSS. Это напоминало увлекательную игру, в которой хочется пройти на новый уровень. Сразу вспомнилась моя любимая игра World of Warcraft. Выполнил задание — получил достижение. В какой-то момент захотелось большего, и естественным продолжением стал интенсив. Месяц бессонных ночей, взорванный мозг, и вот, я смотрю на мой первый сайт. Потом на второй. И этот загадочный мир вёрстки начинает становиться понятным и уже родным. Для меня Академия стала прекрасным стартом, и я уверен, что будет отличным продолжением! Сергей Фоменко, ученик Академии

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

HTML Academy — это новый уровень в онлайн-обучении. Я даже представить не мог, что такой уровень подачи материала может быть в онлайн. Академия учит тебя думать как профессионал, делать как профессионал. Плюс ко всему Академия — это семья и сообщество в одном лице, где каждый найдёт себе собеседника, ответ на волнующий его вопрос. Ни разу не пожалел, что год тому назад решил попробовать их курсы! Дмитрий Руднев, фронтенд-разработчик в Greensight

Обучение в HTML Academy позволяет быстро погрузиться и качественно прокачаться в сфере фронтенда. Круто стать частью огромного волшебного мира и так скоро уже оказаться одним из лучших среди новых коллег. Артемий Альтигин, системный администратор

Как выучить JavaScript?

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

С чего начать изучение JavaScript

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

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

Наиболее эффективный способ выучить javascript — комбинировать теорию и практику. Теоретические знания можно почерпнуть из книг по JS, видеоуроков, изучая информацию на тематических онлайн-ресурсах. А практические — при написании кода.

Для программирования на JS рекомендуется установить редактор кода, хотя писать скрипты можно и в «Блокноте», а результаты проверять в любом браузере. Однако удобнее будет воспользоваться специализированной программой, так как это ускорит работу. Редакторы кода помогают быстрее находить ошибки, подсвечивают синтаксис, предлагают автодополнение при вводе команд и т.д.

Из бесплатных рекомендуем обратить внимание на:

Microsoft Visual Studio. Имеет всё необходимое для работы с JS, есть дебагер, можно создавать Unit-тесты. Из минусов — много весит и достаточно сильно загружает систему.
Visual Studio Code — облегчённый кросс-платформенный редактор. Поддерживает JavaScript, TypeScript и Node.JS. Есть дебагер, встроенные Git-команды.
Atom Editor — бесплатный редактор, работающий на базе Chromium. Имеется всё необходимое для начала работы, но после установки нужно будет скачать дополнительные модули и плагины.
SciTe — простой, лёгкий и быстрый редактор, не грузит систему.

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

Составляем план обучения

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

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

Далее мы рассмотрим примерную последовательность изучения JavaScript.

Изучаем основы языка

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

В процессе освоения теории вы изучите:

типы данных и как их задавать в JS;
имеющиеся операторы, позволяющие обрабатывать введённые данные;
наборы функций, их применение;
как задавать и использовать переменные;
особенности применения условных операторов, создания сложных условных конструкций;
способы задания циклов и как их применять;
методы, объектыи их свойства.

Чтобы познакомиться с основами языка удобно воспользоваться видеокурсами для новичков или стуктурированными онлайн-самоучителями.

Из бесплатных видеокурсов можем порекомендовать:

«Основы программирования» от Hexlet (29 уроков, общая длительность 10 часов);
«Уроки JavaScript» от itProger (15 уроков, общая длительность 4 часа);
«JavaScript для начинающих» от Code Basics (25 уроков, всего — 25 часов);
и другие.

Из онлайн-ресурсов можно воспользоваться следующими.

https://learnjs.ru/
https://schoolsw3.com/js
https://learn.javascript.ru

На английском языке:

https://www.freecodecamp.org

Углубляемся в изучение языка

После того, как основы изучены, следует получить более глубокие знания. На этом этапе хорошим выбором станет литература по JS. Есть много книг по JavaScript, к наиболее популярным изданиям относятся следующие:

«JavaScript. Подробное руководство» Дэвида Флэнагана;
«Вы не знаете JavaScript» Кайла Симпсона;
«Эффективный JavaScript» Дэвида Хермана;
«JavaScript: сильные стороны» Дугласа Крокфорда;
«Выразительный JavaScript» Марейн Хавербеке;
и другие.

Также разработчику пригодится знание системы контроля версий Git, серверной платформы Node.js, а также фрейморков и библиотек JS.

К основным фреймворкам относятся следующие:

Из библиотек следует обратить внимание на:

Lodash (пригодится при работе с массивами, объектами, строками и прочими элементами кода);
Highlight (содержит классы и массивы, использующиеся при выделении синтаксиса, полезна при работе с объёмным кодом);
D3 (для визуализации данных, пригодится при создании игр);
и другие.

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

Также можно подписаться на тематические группы в соцсетях, задать вопросы на форумах по программированию и т.д.

За сколько можно выучить JavaScript

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

Опытные разработчики могут освоить синтаксис JS за месяц или даже за несколько недель. У новичков в программировании на это уйдёт больше времени — в среднем от 3 до 6 месяцев или же до года (многое зависит от интенсивности обучения).

Платные программы обучения JavaScript обычно длятся 12 месяцев.

Платные или бесплатные курсы: стоит ли?

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

Платные курсы по JavaScript имеются у всех популярных онлайн-школ, например:

«Frontend-разработчик: быстрый старт в профессии» от GeekBrains;
«Java-разработчик с нуля» от Нетологии;
«Фронтенд-разработчик» от Яндекс Практикум;
«Профессия Веб-разработчик» от Skillbox;
и другие (смотрите больше в группе: «Где Курс» на VC)

Среди преимуществ платных курсов:

Структурированная программа обучения. Вам не придётся составлять план изучения языка самостоятельно, подбирать актуальные материалы — всё необходимое есть в программе курса.
Обратная связь от наставника. Вы сможете задать своему куратору интересующие вопросы, получить от него обратную связь по выполненному домашнему заданию и т.д. Опытный наставник исправит ошибки, даст полезные рекомендации, обсудит с вами сложные моменты.
Общение в группе. На курсах будет возможность пообщаться с одногруппниками, обсудить интересующие вопросы.
Актуальные материалы. Программы платных курсов периодически обновляются и корректируются, можно не беспокоиться об актуальности изучаемого материала.
Помощь с трудоустройством. Некоторые школы помогают найти работу после обучения. Кто-то предлагает помощь в составлении резюме, даёт рекомендации по прохождению собеседования, а некоторые школы даже предлагают вернуть деньги, если не удастся найти работу.
Пополнение портфолио. На платных курсах вы наверняка будете работать над своим проектом, который впоследствии сможете добавить в портфолио, что станет плюсом при поиске работы.
Диплом. Большинство школ после прохождения обучения выдают диплом, что также станет преимуществом при составлении резюме.

В сети также есть много бесплатных курсов. Среди их преимуществ:

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

Как стать востребованным JavaScript-разработчиком после изучения основ

Чтобы стать востребованным специалистом, следует получить хорошие практические навыки и собрать качественное портфолио. Чем больше у вас работ, тем скорее на вас обратят внимание рекрутеры и пригласят на собеседование.

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

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

Итак, выше мы привели рекомендации по самостоятельному изучению JavaScript. Надеемся, эта информация оказалась полезна для вас и поможет в освоении нового навыка. Желаем успехов!

8 шагов, чтобы получать 200 тысяч за код

Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.

1. Познакомьтесь с веб-разработкой

Продолжительность этапа: 1 месяц.

Сначала будет много непонятных слов, аббревиатур и голова пойдёт кругом. В одном JavaScript десятка три направлений, поэтому нужно понять, ваше ли это вообще. Смотрите видео на Ютубе или тренируйтесь на тренажёрах. Другой вариант — по учебникам, но с ними сложнее всего. Электронные пока держатся, а вот бумажные устарели ещё до публикации.

Что знать на этом этапе:

Структуру HTML.
Отличия фронтенда и бэкенда.
Разметку и оформление текста.
Как размечать страницу по макету.
Как ставить ссылки и вставлять изображения.
Основы CSS — правила, селекторы, свойства и каскадирование.
Хотя бы немного понимать, как работает и где применяется JavaScript.

Для начала вам даже не нужен сайт. Чтобы было проще и дешевле — настройте на домашнем компьютере сервер и экспериментируйте там. Можно и код покрутить, и вёрстку поломать, и написать пару скриптов на PHP.

Где применять знания. Пока просто поймите, какая из областей веб-разработки нравится больше (и нравится ли вообще хоть что-то).

Что читать:

Веб-разработка, с чего начать
Книжки по разработке
Книжки по JavaScript
Сколько человек делают сайт
Чем отличаются фронтенд, бэкенд и фулстек

2. Постепенно увеличивайте уровень сложности

Продолжительность этапа: 2 месяца, деньги — до 10 тысяч.

После того как определились с направлением, проходите более сложные курсы.

База. На этом этапе нужно знать обо всём, из чего строятся страницы — о формах, таблицах, медиа-элементах и всём остальном. Хорошо строить сетки, отличать флексы от гридов и декорировать страницы. Ещё хорошо бы не путать друг с другом переменные, типы, условия, циклы, массивы и объекты. Хотя бы со словарём и StackOverflow.

GitHub и бэкапы. На этом этапе стоит научиться пользоваться Гитхабом и завести себе репозиторий. Вы сможете показывать хорошие проекты работодателям, чтобы не делать все подряд тестовые задания при приёме на работу.

Инструменты. Экспорт графики из макетов, консоль, быстрая работа с Гитом, инструменты разработчика в браузере — это всё должно быть знакомо и под рукой.

Где применять знания. На этом этапе вы окончательно разберётесь, из чего состоят веб-страницы, как их правильно собрать и сделать всё красиво. Этого уровня хватит, чтобы создать страничку своей собаке или брать несложные заказы на фрилансе.

Читать:

Как снять обшивку дверей на volkswagen polo

А ещё не бойтесь, что всё сломалось или не получается. Это как в качалке — сначала тяжело, а потом бицуха.

3. Запишитесь на полноценный курс и пройдите его

Продолжительность этапа: до полугода.

Веб-разработке обычно не учат в колледжах и университетах, так что есть смысл посмотреть на какой-нибудь полноценный курс по вёрстке или программированию. Их тоже очень много на любой бюджет.

Актуальная программа курса. Проверьте, чтобы в выбранном курсе учили вещам из списков ниже — обязательно не всё, но чем больше, тем лучше. Иногда такие списки могут вмещаться в два или три курса, это нормально, так как все знания должны уложиться в голове и усвоиться на практике.

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

В курсах по вёрстке должны быть:

Семантическая разметка
Сетки на флексах и гридах
БЭМ
Адаптивная вёрстка
Анимация интерактивных элементов
Векторная графика
Ретиновая и адаптивная графика
Доступность
Автоматизация

В курсах по JavaScript. Хорошо бы, чтобы там давали понятную базу: типы, операторы, функции, циклы, массивы, объекты, алгоритмы и структуры данных.

Концепции:

Работа с DOM-деревом
Встроенные API
Шаблонизация
Асинхронность
Валидация форм
Области видимости функций
Модульность
Объекты, иммутабельность и компонентный подход
Связывание данных

Аббревиатуры:

HTTP: XML, JSON, JSONP, XMLHttpRequest
REST API
DRY, KISS, SOLID
ООП

Инструменты для вёрстки и JavaScript:

Препроцессоры (LESS, Sass)
Gulp или webpack для автоматизации сборки
Git для контроля версий
Figma для графики
Chrome DevTools для отладки
Терминал

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

Делайте проекты, которые интересны лично вам или полезны в хозяйстве.

Идеи проектов для тренировки: **

Клон несложной игры из восьмидесятых: Space Invaders, Pacman или что-нибудь с Atari 2600. Да хоть крестики-нолики (но против компьютера).
Интерфейс для умного дома. Выведите на одну страницу показания датчиков.
Время прибытия транспорта на остановку у дома. Берём открытые данные и крутим их.
Таск-трекер. Их делают все, но вдруг у вас получится первый нормальный.

Деньги. После курсов по вёрстке можно пойти младшим верстальщиком за 25–45 тысяч (в зависимости от города) и делать хорошие сайты. Обычно верстальщикам быстро наскучивает верстать, и они идут на курсы по JavaScript — это увеличивает количество задач и поднимает зарплату до 63 тысяч. К тому же хорошие разработчики быстро растут, так как их меньше, чем нужно в индустрии.

4. Найдите знакомого, который разбирается в теме

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

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

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

5. Выучите какой-нибудь фреймворк

Продолжительность этапа: 1–3 месяца, в зависимости от занятости.

Ваши будущие коллеги обычно не пишут на чистом JavaScript — они используют фреймворки (на курсах об этом тоже расскажут).

Что учить. Самые популярные и прибыльные для фронтендеров — React, Angular, Vue, Svelte и Preact. Для бэкендеров — Laravel, Flask, Django, Express.js и Ruby on Rails.

Если вы знаете JavaScript, но вам понравилось делать бэкенд, попробуйте Express.js — это фреймворк для Node.js.

Суть фреймворков. Они устаревают быстрее бумажных книг по фреймворкам. Будьте готовы доучиваться, так как на очередном месте работы может понадобиться Vue вместо React, с которым вы уже знакомы. Поэтому относитесь к ним серьёзно, но не слишком.

Где применять знания. Для практики на этом этапе попробуйте сделать какое-нибудь тестовое задание по React — на Гитхабе есть репозиторий, где лежат задания разных крупных компаний. Выберите то, которое понравилось, разберитесь и реализуйте. А потом положите результат к себе на Гитхаб — лишним не будет.

Деньги. На этом этапе можно зарабатывать ещё больше — средняя зарплата React-разработчика около 150 тысяч. И чем дольше и лучше вы работаете, тем больше получаете.

Можно остановиться на этом шаге — цель из заголовка выполнена. Но никто не мешает пойти дальше и жечь сердца кодом.

6. Пройдите стажировку с командой

Продолжительность этапа: до полугода.

Искать работу можно и без стажировки, но чаще всего она не бывает лишней — как минимум, там вы посмотрите на разработку изнутри.

Где стажироваться. Это или несколько месяцев в крупной компании летом (обычно туда берут студентов старших курсов), или от 3 месяцев до полугода в компании, которая целенаправленно берёт стажёров на вырост.

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

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

Компании, которые берут себе стажёров, часто встраивают их в команду с менеджером, тестировщиком и другими программистами — вот тут-то и нужно проявить себя.

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

Что читать: **

Как устроен «Акселератор» в HTML Academy
Всё о стажировке в «Лиге А.»

7. Найдите работу

Продолжительность этапа: у кого как.

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

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

Деньги. Зависит от компании и города. Если вы знаете и умеете всё, что написано выше, хорошо ладите с коллегами и можете спроектировать большой сайт самостоятельно, можно претендовать на зарплату, о которой мы писали в пункте 5. С постоянным развитием и обучением она может повышаться почти бесконечно — потолка особо нет. Тут уж как договоритесь.

Что читать:

17 ошибок, которые испортят ваше резюме
Как написать хорошее сопроводительное письмо
Как пройти собеседование
Как попасть в компанию мечты, если там закрыты все вакансии

8. Участвуйте в жизни сообщества

Продолжительность этапа: всю остальную карьеру.

Если вам есть чем поделиться, ваша ценность растёт.

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

Куда ездить. На митапы из этого календаря.

Когда наберётесь опыта — выступайте. Чаще всего компании проводят митапы, чтобы найти себе новых разработчиков, и там можно получить интересные предложения и по задачам, и по зарплате.

Учитесь вообще всё время

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

Как получать 200 тысяч за код

Познакомиться с веб-разработкой и определиться с направлением.
Постепенно доучивать более сложные вещи (здесь нужно завести Гитхаб).
Пройти курсы по фронтенд-разработке (начиная с этого пункта можно искать работу).
Найти наставника.
Выучить популярный фреймворк и регулярно на нём писать.
Пройти стажировку и научиться работать в команде.
Уже точно найти работу и проработать там год.
Разбираться в новом, писать об этом и выступать на митапах.
Постоянно учиться.

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Сколько времени потребуется на изучение HTML, PHP, CSS и MySQL?

Николай Серов
10.04.2015
А что вы имеете ввиду? На полное изучение конечно уйдет много времени, это понятие растяжимое. Всегда есть подводные камни, всегда можно узнать что-то новое, даже когда кажется, что знаешь все. Плюс есть знание языка, а есть опыт. Я html в 12 лет освоил (не в полном объеме, конечно же), в первый день делал простенькую разметку. Начиная с 14 лет за пару месяцев освоил простенький забитый С-подобный язык, на нем длительное время работал, прокачивался и работаю до сих пор. Поэтому кодить на php не составляет сильного труда, что не знаю — всегда можно загуглить или посмотреть в документации. На изучение MySQL, уверен, уйдет немало времени. Потому что «изучение MySQL» тоже понятие очень объемное. Но для практичных задач очень часто хватает базовых знаний. Мне кажется, главное уметь придумать алгоритм, который выполнит нужную вам задачу. А изучить язык, при помощи которого вы сможете объяснить его компьютеру — уже другая, куда более простая задача.

P.S. Не воспринимайте все написанное мною на веру! Это всего-лишь мое мнение и оно может быть ошибочным.

Chaz Ashley
10.04.2015
Есть лишь один способ узнать, сколько тебе потребуется на это времени.

Сергей Афанасьев
10.04.2015
Чтобы написать небольшой сайт, просто повторять уроки, времени уйдёт не много. А вот изучить всё это до среднего уровня, надо наверное не один год!

Сколько времени потребуется на изучение таких языков?
За сколько времени можно выучить HTML, CSS, JS, MySQL и PHP чтобы можно было фрилансить?
HTML 5 Стоит ли изучать html 5? Я знаю html, css, php, MySQL. Что нового в html 5?
Сколько времени займет изучение PHP, MYSQL?
1.Html 2.css 3.javascript и jquery 4.php и mysql? Или 1.Html 2.css 3.php и mysql 4.javascript и jquery?