Создание сайтов с нуля от Бруноям

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

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

Основы web-технологий

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

Верстка. HTML5 и CSS3

Познакомитесь с HTML. Изучите структуру страницы, атрибуты, и теги. Узнаете, что такое валидаторы и валидность кода. Выучите правила для работы с HTML и CSS кодом, подключение шрифтов. Поработаете с векторными изображениями.

Блочная модель. Макет веб-страницы

Освоите использование строк и блочных элементов. Научитесь правильно рассчитывать размер блоков и с их помощью строить макеты.

Flexbox

Познакомитесь с модулем Flexbox, его контейнерами и элементами. Научитесь выравнивать элементы, вертикальную и поперечную ось.

Позиционирование

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

Форма обратной связи

Научитесь делать форму обратной связи. Узнаете, как провести разметку, оформить его и добавать кастомные переключатели.

Препроцессоры. Sass, SCSS и Less

Познакомитесь с таблицами стилей и модулем, который сделает работу с ними удобнее и быстрее. Рассмотрите примеси, вложения и расширения.

Адаптивный дизайн

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

Основы JavaScript

Познакомитесь с JS. Узнаете, где и для чего используется, на каких движках работает. Вам расскажут о способах создания переменных, изучите некоторые ключевые слова. Вам расскажут, какие типы данных бывают, на некоторых из них остановитесь и изучите более подробно. Рассмотрите работу с различными операторами, например, сложения, вычитания, деления и т.д. Узнаете, как использовать одного оператора двумя способами. Научитесь преобразовывать данные при работе с математическими операторами.  Научитесь проводить сравнение, отрицание, рассчет величины данных при помощи логических операторов. Продолжите изучать логических операторов и различные конструкции.  Научитесь использовать JavaScript для создания переменных, работы с различными типами данных и логическими операторами, а также сможете использовать математические операции.

Познакомитесь с JS. Узнаете, где и для чего используется, на каких движках работает.

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

Рассмотрите работу с различными операторами, например, сложения, вычитания, деления и т.д. Узнаете, как использовать одного оператора двумя способами. Научитесь преобразовывать данные при работе с математическими операторами. 

Научитесь проводить сравнение, отрицание, рассчет величины данных при помощи логических операторов.

Продолжите изучать логических операторов и различные конструкции. 

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

Циклы и массивы в JavaScript.

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

Функции

Рассмотрите использование функций Expression и Declaration. Научитесь работать с таймером и функцией обратного вызова. Закрепите полученные знания на практике.

Объекты. DOM. События

Вам расскажут, как работать со словарями и создавать объекты. Научитесь использовать прототипы и настраивать наследование, работать с архитектурой MVP. Узнаете, что такое объектная модель документа.

jQuery

Разберетесь, как работать с объектной моделью документа, используя jQuery. Научитесь проводить поиск и манипуляции DOM. Поработаете с событиями.

Работа с сервером

Вам расскажут, как использовать промисы и классы, а также обращаться к серверу. Рассмотрите использование метода fetch и библиотеки для выполнения HTTP-запросов. 

Основы React

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