Когда вы начинаете с нуля, веб-разработка может показаться нелегкой — мы вместе пройдем этот путь, предоставляя вам достаточно информации, чтобы вы чувствовали себя комфортно и уверенно в любой теме. Чувствуйте себя как дома, изучая веб-технологии.
Что будет на курсе ?
Расширенные возможности HTML и CSS Мы изучим HTML и научимся работать со стилями: менять расположение блоков на странице, цвета и шрифты. Вместе разберем несколько проектов с базовым синтаксисом CSS и HTML, а также минимально необходимый набор тегов и стилистических правил.
Детально исследуем HTML и CSS, а также Flexbox, создание анимаций, позиционирование элементов, работу с медиафайлами, виджетами и формами. Отдельно разберем методологию БЭМ и модульные сетки.
Кроме этого, вместе подключим к проекту систему контроля версий Git и начнем работу командной строке, создадим для сайта необходимое окружение из вспомогательного программного обеспечения.
Адаптивная верстка и работа с макетом В этом блоке мы изучим макеты, их виды, а также что нужно знать и уметь с ними делать разработчику. Кроме этого, вы самостоятельно создадите свой первый веб-интерфейс для мобильных, планшетных и компьютерных устройств. А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток.
Мы научим вас разрабатывать инфраструктуру проекта: вместе освоим инструменты коллективной работы, разместим сайт в интернете и опубликуем изменения в нём из командной строки.
Базовый JavaScript и работа с браузером Этот блок будет посвящен детальному и информативному погружению в JavaScript. Словно аргонавты, мы исследуем загадочные типы данных, научимся работать с условиями, циклами и функциями.
Мы изучим DOM и научимся добавлять вёрстку в проект с помощью JavaScript, а также делать интерактивные формы с проверкой данных.
Вы пройдете большое приключение, где узнаете, как работать с пользовательскими событиями и добавлять интерактивность на страницу.
JavaScript — продвинутые концепции Наше путь в JavaScript продолжится. Мы освоим сложные концепции языка: объектно-ориентированное программирование, асинхронность и обмен данными с сервером. Встретимся с менеджером пакетов npm, научимся добавлять зависимости в проект, писать модульный код и настраивать инфраструктуру приложения с помощью инструмента Webpack. Эти инструменты - настоящие космические артефакты. Они превратят вас из верстальщика в веб-разработчика
Интерфейсы с использованием React Мы оказались почти на финишной прямой. Здесь мы разберем библиотеку React и её экосистему. Познакомимся со всеми базовыми концепциями React. Начнём делать сайты из компонентов, которые можно повторно использовать на разных страницах. Мы научимся разрабатывать сложные интерфейсы и поддерживать код еще быстрее и проще, а также добавлять в приложение авторизацию и аутентификацию, без которой тяжело представить любое современное веб-приложение.
Основы бэкенда для фронтенд-разработчиков Взаимодействие с сервером - один из важнейших навыков для веб-разработчика. Невозможно создавать полноценные веб-приложения без взаимодействия с сервером. После фронтенда мы узнаем, как работает серверная часть приложения, изучим JavaScript в среде Node.js, поднимем и настроим сервер.
Мы познакомимся с фреймворком Express.js и базой данных MongoDB. Вы уже самостоятельно создадите серверный API для сайта, над которым мы работали раньше. Кроме этого, расширите функциональность авторизацией и регистрацией пользователей.
В завершении вы научитесь работать с удалённой машиной, размещать и запускать на ней код.