Фронтенд-разработчик [Тариф Базовая программа] [Нетология]

Складчина: Фронтенд-разработчик [Тариф Базовая программа] [Нетология]

Фронтенд-разработка входит в топ-5 самых востребованных профессий в IT, а на hh.ru сейчас открыто более 3500 вакансий для фронтендеров.

Этот курс — ваш осознанный путь к успешной карьере.

Курс объединил последние тренды на рынке и практику:

• 80% курса — практика. Закрепите теорию на учебных проектах и реальных кейсах от работодателей и партнёров
• Вебинары с экспертами. Фронтенд-разработчики из QIWI, Сбера, Еаптеки и Здравсити поделятся своим опытом
• Совместные проекты с дизайнерами. Погрузитесь в профессию изнутри, будете взаимодействовать с дизайнером — обеспечите эффективные коммуникации
• Партнёр курса — биржа фриланса FL.ru. Узнаете, как выйти на фриланс, найти заказчиков и проекты

На курсе вы научитесь:

• Верстать сайты на HTML и CSS
• Разрабатывать веб-приложения на Javascript
• Работать в React - популярной библиотеке для создания интерфейсов
• Вы освоите современные инструменты фронтенд‑разработки.
• Изучите программы, которые чаще всего упоминаются в требованиях работодателей — для этого мы изучали актуальные вакансии и проводили интервью с нанимающими менеджерами и разработчиками.
• React и React Router — возможность работать над более интересными задачами. Это самые современные и востребованные инструменты фронтенд-разработки — они встречаются почти в каждой вакансии.
• С React создавать сайты и приложения получится быстрее, а с помощью React Router вы сможете сделать интерфейсы более эффективными.
• Выполните до 20 масштабных проектов для портфолио

Программа обучения:

HTML и CSS. Вёрстка с нуля до первого макета

Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам модуля, который включает 8 занятий, вы самостоятельно сверстаете лендинг с нуля.

• Введение в вёрстку
• Контентные теги
• Теги для вёрстки структуры контента
• Позиционирование блочных элементов
• Вёрстка форм
• Нестандартные элементы форм
• Всплывающие элементы
• Позиционирование flex-элементов
• Проект: вёрстка макета сайта

Адаптивная и мобильная вёрстка

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

• Вёрстка резинового макета
• Резиновые изображения
• Введение в медиазапросы
• Медиафункции
• Особенности вёрстки на мобильных устройствах
• Вёрстка адаптивного макета
• Адаптивная типографика
• Breakpoints
• Адаптивные изображения
• CSS Grid
• Кроссбраузерность и доступность
• Проект: адаптивная мобильная версия макета сайта

Основы программирования

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

• Базовые понятия. Переменные и числа
• Логический тип и ветвление
• Строки. Алгоритмы. Как отлаживать код
• Массивы и базовые методы работы с ними
• Циклы
• Ассоциативные массивы
• Функция без параметров. Область видимости
• Параметры и возвращаемое значение
• Воркшоп: разработка логики игры «Виселица»
• Проект: игра «Крестики-нолики» на JavaScript

Git — система контроля версий

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

• Знакомство с системой контроля версий Git
• Работа с локальным репозиторием в Git
• Работа с удалённым репозиторием через GitHub
• Командная работа в Git и GitHub. Часть 1
• Командная работа в Git и GitHub. Часть 2

Основы JavaScript

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

• Основные понятия
• Функции
• Объекты
• Классы
• Обработка исключений и замыкания
• Асинхронность
• Функции декораторы, call, apply
• Проект: сайт-биржа по продаже криптовалюты

Основы JavaScript в браузере для фронтенд-разработчика

Узнаете о дополнительных возможностях браузера — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ живым: изменять его и реагировать на действия пользователя.

• Возможности JavaScript в браузере
• Способы поиска нужного HTML-элемента
• Объект события
• DOM
• Работа с HTML-формами
• Изменение структуры HTML-документа
• Асинхронные запросы
• Хранение состояния на клиенте и отправка на сервер

Продвинутый JavaScript и основы React

Научитесь использовать ESLint для автоматической проверки кода на наличие проблем. Добавите в ваши проекты Webpack для сборки модулей веб‑приложения в единый JS-файл. Познакомитесь с React — библиотекой для создания пользовательского интерфейса приложения на JavaScript.

Блок 1. Организация работы в JavaScript

• Стандарты и рабочее окружение
• Модули и WebPack
• Unit-тестирование
• Работа с контейнерами
• TypeScript

Блок 2. Разработка веб-страниц в React

• Библиотека React, компоненты
• События и состояния
• Props
• Работа с формами
• React Router
• Разбор вопросов и домашних заданий
• Проект: онлайн-игра «ходилка» в стиле фэнтези

Дипломный проект

Создадите SPA на React для сервиса покупки ж/д билетов, в котором в качестве API используете внешний сервер.

Тариф Базовая программа

• 73 часа теории
• 324 часа практики
• Освоите все навыки, необходимые фронтенд-разработчику.
• Прокачаетесь в HTML-вёрстке, создадите свой первый сайт и приложение, освоите JavaScript и познакомитесь с библиотекой React.

Цена 118000 руб.
Скрытая ссылка