Главная Школы Robot Dreams Основи frontend-розробки
Robot Dreams

Основи frontend-розробки

10 занятий
Для начинающих
Frontend
Этот курс научит писать чистый код на JavaScript и работать с версткой — от базовых тегов HTML до сложных макетов на CSS. Вы освоите работу с Git, адаптацию под различные устройства и создание веб-приложений с использованием ООП. После курса сможете самостоятельно разрабатывать сайты и публиковать их онлайн.

О курсе

Программа курса

На этом курсе изучают веб-разработку с нуля. Программа построена логично - от основ до сложных тем.

Основы HTML и структура веб-страниц

Курс начинается с основ. Студенты узнают, из чего состоит сайт, изучают базовые теги и атрибуты. Они настраивают редактор кода и полезные расширения для комфортной работы. Этот модуль дает понимание структуры веб-страниц и основ разметки.

Работа с таблицами, списками и формами

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

Введение в CSS и современные методы верстки

Здесь студенты знакомятся со стилями и способами их подключения. Они изучают единицы измерения, подключают шрифты и осваивают современные технологии верстки - Flexbox и Grid. Модуль включает работу с CSS-библиотеками для ускорения разработки.

Инструменты разработчика и публикация проектов

Этот блок посвящен практическим инструментам. Студенты учатся работать с системами контроля версий Git и хостингом GitHub Pages. Они размещают свои веб-сайты в интернете, что позволяет сразу видеть результаты работы.

Верстка макетов и адаптация под устройства

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

Основы JavaScript: синтаксис и работа с данными

Курс переходит к программированию. Студенты изучают подключение JavaScript к страницам, переменные, типы данных и условные операторы. Это фундамент для дальнейшего изучения языка программирования.

Работа с объектами, массивами и функциями

Здесь рассматриваются более сложные структуры данных. Студенты учатся работать с объектами, массивами, коллекциями Map и Set. Они изучают циклы для перебора данных и функции для повторного использования кода.

Объектно-ориентированное программирование в JavaScript

Эти два модуля посвящены ООП. Студенты разбирают прототипное наследование, функции-конструкторы и классы ES6. Они пишут собственные классы, изучают контекст вызова и ключевое слово this. Сравнивают ООП в JavaScript с другими языками программирования.

Взаимодействие с пользователем и работа с сервером

Завершающий модуль охватывает практические аспекты. Студенты учатся создавать DOM-элементы, обрабатывать события пользователя и отправлять AJAX-запросы на сервер. Это позволяет создавать динамические веб-приложения, взаимодействующие с пользователем.

Что получат студенты

Курс охватывает все необходимые технологии для начала карьеры frontend-разработчика: HTML, CSS и JavaScript. Студенты получат практические навыки для создания современных веб-сайтов. Как бонус - подписка на WebStorm от JetBrains для комфортной работы.

Что включено

Гибкий график
Реальный проект в портфолио