#javascript #frontend Полезные ресурсы для погружения в frontend-разработку от экспертов «Криптонита»:

1. Курсы
- «Фронтенд-разработчик» от Центра компьютерного обучения «Специалист» при МГТУ им.Н.Э. Баумана

2. Полезные сайты
- learn.javascript.ru — обучение JavaScript;
- webref.ru — справочник HTML и CSS;
- developer.mozilla.org — справочник по различным технологиям.

3. Комьюнити
- Telegram-чат @vuejs_ru.

4. Конференции
- FrontendConf;
- HolyJS.

5. Подкасты
- Веб-стандарты;
- Frontend Weekend.
- - - - - - - - - - - - - - - - - - - - - - - - -
👾Кстати, мы ищем Senior Frontend Developer.
#подборки

Какой язык программирования выбрать?

Третья часть нашего цикла про #языки_программирования посвящена #JavaScript. Фронтенд-разработчик «Криптонита» Антон Воронков рассказал о тонкостях JS — сегодня разберём его особенности.

JavaScript: Особенности

📍Если вы никогда раньше не работали с JavaScript и читаете этот текст из десктопной версии одного из современных браузеров, то вы можете прямо сейчас написать свой первый HelloWorld-скрипт. Нужно нажать клавишу F12 (открыть инспектор), перейти на вкладку «Console», ввести console.log("Hello, World!"); и нажать клавишу «Enter».

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

📍Главная сила JS — это работа с пользовательскими интерфейсами, поэтому он практически неотделим от прочих составляющих веб-разработки: HTML, CSS и браузерного окружения. Если вы хотите изучать и JavaScript, и фронтенд в целом, нужны хотя бы минимальные навыки вёрстки. Без знания HTML и CSS далеко не уедешь.

📍Конечно, есть проекты, где JS используется только для описания сложной логики и работы с данными, при этом никак не затрагивая интерфейсы. Но это небольшая часть индустрии. Если искать вакансии по этому признаку, то таких почти не встретится: для сложных и объёмных вычислений JavaScript — не самый лучший выбор в плане производительности, многопоточности и т.д.

Продолжаем цикл постов про #языки_программирования. Наш фронтенд-разработчик Антон Воронков рассказывает, где применяется самый распространённый язык для браузеров — #JavaScript.

JS: Где используется

📍JavaScript создавался как язык для веба, буквально «чтобы сделать веб-страницы живыми», поэтому все свои прелести он раскрывает в веб-разработке. При этом среда его выполнения не ограничивается браузером. Сейчас он используется для разработки интерфейсов десктопных и мобильных приложений, а также для описания логики бэкенд-части, то есть на сервере. Всё благодаря программной платформе Node.js, которая дарит языку широкую специализацию.

📍В «Криптоните» JavaScript используется для разработки интерфейсов веб-приложений и для создания middleware-сервисов — легковесной прослойки логики между клиентской и серверной частями.

📍Моя работа не исключение: я веду разработку фронта на Vue.js для проекта-интегратора различных сервисов, в котором из-за специфики задач приходится использовать не совсем стандартные подходы. Например, выносить большую часть логики авторизации в middleware-сервис на Node.js, или использовать Vue-компоненты + JSX для реактивной генерации системы SVG-изображений с привязкой к глобальному хранилищу приложения.

Продолжаем цикл постов про #языки_программирования. Вот такие плюсы и минусы #JavaScript выделяют наши разработчики.

JS: плюсы и минусы

Преимущества➕

• JavaScript — язык, в котором «простые вещи делаются просто». Он обладает несложным синтаксисом и высокой читабельностью кода, что может быть особенно важно для новичков.

• Кроссплатформенность. Исполняемая среда находится практически на любом смартфоне или ПК.

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

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

Недостатки➖

• JavaScript неотделим от фронтенд-разработки и наоборот. Поэтому, скорее всего, придётся писать не только на «чистом» JS. Сейчас знание библиотек/фреймворков типа React, Vue.js, Nest.js является практически обязательным.

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

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

Новый пост про #JavaScript — наш фронтенд-разработчик Антон Воронков поделился идеями для pet-проектов на этом языке. #языки_программирования

JS: Pet-проекты

📍Самое распространённое, что можно сделать — это сайт-портфолио. Попробуйте завести репозиторий на GitHub и запилить страничку о себе. Дальше можно вывести этот сайт через веб-хуки на какой-нибудь хостинг, например, Netlify. Энтузиасты могут усложнить себе задачу: поработать с Docker и использовать сервис типа Heroku, чтобы можно было обновлять сайт через консоль.

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

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

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