Javascript везде. Если мы говорим о каком-либо небольшом стартапе или большой компании, большинство из них работают над любым веб-сайтом или приложением, всегда ищут кого-то со знанием Javascript. Миллионы веб-страниц построены на JavaScript, и это никуда не денется, по крайней мере, на данный момент. Этот язык пользуется огромным спросом, и есть ТОННА объявлений о вакансиях, которые вы можете проверить в своём регионе. Одна сторона, где HTML и CSS придают стили страницам, другая сторона — JavaScript, который оживляет их.
Javascript широко используется, и это не ограничивается только лишь в вашем веб-браузере, но также широко используется в серверной стороне. JavaScript используется на 95% всех веб-сайтов. Согласно опросу разработчиков Stack Overflow 2019, Javascript также является языком программирования № 1, поэтому, если вы хотите встать на путь выбора javascript и стать ниндзя javascript, то это неглупое решение.
Теперь проблема, с которой вы можете столкнуться при переходе к этому языку, заключается в том, с чего начать, какие фреймворки вам следует выбрать, что вам нужно осветить, книги, учебные пособия, блоги или по какому пути следует идти. Расслабьтесь, сделайте глубокий вдох, и мы расскажем вам всё и дадим вам полный план развития, чтобы стать разработчиком Javascript.
Что изучать
1. Основные принципы и асинхронная концепция: если вы новичок, вам следует в первую очередь сосредоточиться на основных концепциях или базовых принципах, таких как Let, var и const, оператор If-else, циклы, функции, сопоставление, фильтрация и сокращение, выражения и операции, Числа, строки, массивы и объекты, ES5, ES6. Вы должны знать все основные концепции, прежде чем двигаться вперёд. Как манипулировать DOM, как использовать события и все другие базовые вещи в Javascript. Когда вы разберётесь с его основными концепциями, узнайте об асинхронном поведении javascript. А также узнайте о Prototypes, Coercion, Hosting, Scope, callback, promises, closures, функциях высшего порядка, как всё это работает в этом javascript.
2. Примите вызовы алгоритмики: когда вы будете подавать заявку на вакансию в качестве разработчика JavaScript, вы столкнётесь с некоторыми алгоритмическими проблемами, которые необходимо решить на собеседовании. Будет какой-то тест кода,или немногие компании предпочитают отправлять онлайн-тесты или репозиторий проекта, или они могут попросить выполнить некоторые живые тесты кода в компании. Поэтому мы настоятельно рекомендуем, как только вы закончите с основными концепциями, решить некоторые алгоритмические проблемы и проверить свои знания, а также проверить свой код, выполняя некоторые манипуляции или взяв другой пример ввода. Проверьте, чем отличается вывод, когда вы пытаетесь поиграть со своим кодом.
3. Клиентская платформа и библиотеки. Когда дело доходит до клиентскойчасти приложения, существует так много фреймворков и библиотек Javascript, что создаёт путаницу среди разработчиков при выборе правильной из всех. Помня о двух аспектах обучения и с точки зрения работы, мы настоятельно рекомендуем выбрать Vue.js, ReactJs или AngularJS. Эти клиентские фреймворки и библиотеки пользуются большим спросом на рынке труда, и большинство компаний используют их для создания своих приложений. Вы можете проверить популярность и сравнение этих фреймворков в Google Trends.
4. Серверная структура и среда: JavaScript не ограничивается только браузерами, вы также можете запускать его вне браузера, а NodeJS- это технология, позволяющая запускать Javascript вне браузера. NodeJs — это чрезвычайно мощная среда выполнения, которая позволяет javascript стать серверным языком программирования, и в последние годы разработчики предпочитают использовать NodeJS вместе с ExpressJS, который является структурой Node и широко используется для создания серверных API. Поэтому мы настоятельно рекомендуем вам изучить их оба.
5. Базы данных. При реализации вашего javascript-приложения вы должны знать хотя бы одну базу данных для подключения вашего приложения, а также для хранения и управления данными. Вы можете использовать любую базу данных SQL или NoSQL. Некоторые из вариантов: MongoDB, PostgreSQL, MySQL, CouchDB, Redis. Поэтому убедитесь, что у вас есть базовые знания хотя бы об одной базе данных.
6. Средство выполнения задач и сборщики модулей: средства запусказадач помогают объединять несколько файлов js и запускаются при каждом изменении определённого файла. Gulpи Grunt, эти два средства запуска задач в основном используются разработчиками. Если мы говорим о сборщиках модулей, которые отвечают за сшивание файлов Javascript в один файл перед его выполнением, это улучшает производительность веб-сайта. Webpack и Browserify — эти два приложения предпочитают большинство разработчиков, поэтому мы рекомендуем вам выбрать вышеуказанные средства выполнения задач и сборщики модулей.
7. ООП и функциональное программирование: объектно-ориентированное программирование в javascript не работает, поскольку оно работает на других языках программирования. Его концепция отличается, и это может создать путаницу, потому что JavaScript основан на прототипах, а не на классах.
8. Шаблоны проектирования: шаблоны проектирования помогают сделать приложение масштабируемым и поддерживаемым, а также упрощают работу разработчика, поэтому научитесь использовать некоторые общие шаблоны проектирования в Javascript, такие как Module, Prototype, Observer, Singleton, а также узнайте, как их использовать для решения различных типов проблемы.
9. Развертывание и хостинг: когда вы закончите со всеми концепциями, вы можете создать свой собственный проект, но на этом история не заканчивается. Вам также необходимо развернуть свой проект на живом сервере, это поможет вам получить работу, сделав портфолио и для ваших собственных знаний. GitHub Pages, Heroku, Netlify, Digital Ocean, AWS, Firebase. Доступ к Herokuи Netlify очень прост, так что вы можете предпочесть любой из них.
10. Прочие вещи
- Библиотеки тестирования: Jest, Mocha, Jasmine, Sinen, Chai, Enzyme.
- Менеджеры пакетов: NPM и Yarn.
- Инструменты браузера и разработчика: Chrome, Firefox, MS Edge и его инструменты для разработки или отладки.
- Контроль версий.
- Текстовый редактор.
- Знание HTMLи CSS.
Ниже приведено чёткое изображение Javascript Frontend и Backend части.
Сторона клиента:
На стороне сервера:
