Роль Javascript во Frontend
Продолжаем серию статей в формате “для чайников”. Сегодня мы поговорим о том, зачем нужен JavaScript, как его учить и что для этого нужно.
JavaScript - это язык для придания интерактивности сайту. Условно - в сайте, написанный на html, просто есть текст и картинки и они как-то расположены на странице. Подключаем туда CSS - все становится покрасивее. Пишем его на JS - теперь он еще и работает, кликается и становится живым.
JS - это ваша следующая ступенька изучения фронтэнда после HTML и CSS. И теперь эта ступенька вполне серьезная, и изучать ее придется долго и много
Всю теорию по языку можно условно поделить на базовую и продвинутую части. Продвинутая - это асинхронщина, event loop, прототипирование, замыкание и тп - грузить вас этим я сейчас не буду, еще рано. Пока остановимся на том, из чего примерно состоит базовая
- Лексика, синтаксис и семантика;
- Типы данных;
- Операторы;
- Переменные;
- Функции;
- Условные конструкции:
- Методы, объекты и свойства;
- Циклы.
Получше погрузиться в JS вам поможет вот этот учебник - https://learn.javascript.ru/
А тренироваться на практике можно на проектах, тут вам тоже нужна полезная ссылочка - https://proglib.io/p/web-projects
Важная ремарка: JS - уже реально достаточно сложный язык. И если html/css-у вас легко и на ютубе индусы научат, то Джаваскрипт может достаточно тяжело заходить. Мой личный совет - на этом этапе не сдаваться и начать более серьезно относиться к программированию
Если вы дошли до JS, значит фронтэнд должен перерасти из состояния вашего хобби в что-то более серьезное. И пора относиться к нему более основательно
Во-первых, советую искать комьюнити или ментора. Вам точно понадобятся люди, у которых можно что-то спросить. В качестве комьюнити хорошо работают чаты в телеграме. Например, мой чат, туда можно задать любой вопрос. С ментором подсказать не смогу, обычно это или друзья или платно.
Во-вторых, тут уже реально пора задумываться о том, чтобы уделять изучению больше времени. Если html/css можно и за час в день выучить, на js вы рискуете надолго зависнуть, если будете медленно продвигаться.
Что после JS?
Нет, еще не работа. Джаваскрипт - это только база, на основе которой вы уже сможете овладеть актуальным для коммерческой разработки стэком
Во-первых, вам надо овладеть Typescript-ом. По сути это небольшая надстройка над JS-ом, которая будет вам помогать замечать возможные ошибки. Сейчас она используется почти везде
Во-вторых, на основе JS вам нужно будет овладеть одним или несколькими фреймворками.
Если вкратце, фреймворки - это набор функций, элементов, модулей, которые позволяют быстро создавать компоненты для приложений и соединять их вместе, короче облегчают жизнь.
Самые популярные фреймворки это React, Vue.js и Angular.
React — это самый популярный фреймворк, который нужен в 90% вакансий. Лично я на нем сейчас и пишу.
Angular — тоже популярный фреймворк от Google. Считается, что он подходит для более сложных приложений, но это понятие относительно, короче накодить можно что угодно. Лично я им почти не пользуюсь, но многие тоже его учат
Vue.js — что то между react и angular. Я лично на нем не писал, но иногда вакансии вижу где его требуют. Тут на ваше усмотрение
Итог статьи - в идеале вы теперь знаете, что такое js, с чем его едят и из чего он состоит. А в в следующих статьях постараюсь раскрыть уже больше технических особенностей, чтобы была прикладная польза.