Логотип КурсесТоп

Курсы HTML и CSS верстки с нуля

11
добавить курс
по рейтингу

Онлайн курсы

Веб-разработчик  -7%
SkyPro
-7  %
Рейтинг
4.95
Длительность
12 месяцев
Цена
182 867 ₽
196 632 ₽
?
Рассрочка
5 462 ₽
ВыборыНовый курс!
ВыборыНовый курс!
Возврат средств в любой момент
90 часов теории
330 часов практики
7 проектов в портфолио
Разбор сложных тем с преподавателем онлайн
Наставники — практикующие веб-разработчики крупных компаний, дают развернутую обратную связь
Веб-разработчик с нуля  -7%
Нетология
-7  %
Рейтинг
4.90
Длительность
22 месяца
Цена
149 823 ₽
161 100 ₽
?
Рассрочка
6 712 ₽
ВыборыНовый курс!
ВыборыНовый курс!
Вебинары, видеолекции, практические задания
Frontend-разработчик с нуля  -7%
Нетология
-7  %
Рейтинг
4.90
Длительность
18 месяцев
Цена
102 393 ₽
110 100 ₽
?
Рассрочка
4 587 ₽
ВыборыНовый курс!
ВыборыНовый курс!
Вебинары, видеолекции, практические задания
Вёрстка веб-приложений  
Хекслет
Рейтинг
4.90
Длительность
2 месяца
Цена
33 000 ₽
Рассрочка
20 600 ₽
Выборы1 за апрель
Выборы1 за апрель
Актуальные инструменты
Код-ревью
Выгодный
Основы вёрстки сайтов  
LoftSchool
Рейтинг
4.80
Длительность
5 недель
Цена
20 670 ₽
Рассрочка
861 ₽
Выборы4 за апрель
Выборы4 за апрель
Доступ к материалам навсегда
Поддержка наставника
Насыщенная программа
Frontend-разработчик  -15%
GeekBrains
-15  %
Рейтинг
4.70
Длительность
12 месяцев
Цена
67 595 ₽
79 524 ₽
?
Рассрочка
2 209 ₽
Выборы1 за апрель
Выборы1 за апрель
Frontend-разработчик  
Skillbox
Рейтинг
4.60
Длительность
12 месяцев
Цена
72 012 ₽
Рассрочка
2 118 ₽
ВыборыНовый курс!
ВыборыНовый курс!
Онлайн в удобное время
Практические задания
Факультет frontend-разработки  -15%
GeekBrains
-15  %
Рейтинг
4.55
Длительность
12 месяцев
Цена
67 595 ₽
79 524 ₽
?
Рассрочка
2 209 ₽
ВыборыНовый курс!
ВыборыНовый курс!
5 работ в портфолио
трудоустройство после обучения
Веб-разработчик с нуля  -15%
Бруноям
-15  %
Рейтинг
4.50
Длительность
8 месяцев
Цена
50 915 ₽
59 900 ₽
?
Рассрочка
4 991 ₽
ВыборыНовый курс!
ВыборыНовый курс!
1 год поддержки наставника после обучения
1 год поддержки наставника после обучения
3 проекта для портфолио
Возврат, если не понравится
Налоговый вычет
Вечный доступ к курсу
С нуля за 8 месяцев
Профессия Frontend-разработчик PRO  
Skillbox
Рейтинг
4.50
Длительность
12 месяцев
Цена
72 012 ₽
Рассрочка
2 118 ₽
ВыборыНовый курс!
ВыборыНовый курс!
Командный дипломный проект
Максимально полная программа обучения

Бесплатные курсы

Выгодный
Основы вёрстки сайта  -7%
Нетология
-7  %
Рейтинг
4.00
Длительность
Цена
-
-
?
ВыборыНовый курс!
ВыборыНовый курс!

HTML и CSS онлайн обучение для начинающих

Веб-разработчик

Веб-разработчик

SkyPro
Цена курса
182 867 ₽  196 632 ₽
В рассрочку
5 462 ₽
20 отзывов

Получите новую профессию за 10 часов в неделю. Научитесь программировать с нуля. Создадите сайт интернет-магазина всего через месяц. Начнете искать работу до конца обучения
Школа
Skypro
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
90 часов теории
330 часов практики
7 проектов в портфолио
Разбор сложных тем с преподавателем онлайн
Наставники — практикующие веб-разработчики крупных компаний, дают развернутую обратную связь

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

Курс 1. HTML, CSS и адаптивный дизайн

Что вас ждет в модуле:

Научитесь верстать и стилизовать сайты с помощью HTML и CSS, адаптировать их под различные устройства. Освоите технологии Grid Layout и Flexbox для позиционирования элементов на странице, а также узнаете, как подключить к своему проекту препроцессоры.

Проектный результат:

По итогу модуля сверстаете функциональный сайт интернет-магазина, адаптированный под разные устройства. Для большей практики в этом курсе есть возможность сверстать 4 дополнительных лендинга.

Курс 2. Основы JavaScript

Что вас ждет в модуле:

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

Проектный результат:

В этом курсе вы закрепите навык вёрстки без подсказок и инструкций, а также подключите JavaScript проекту. По итогу курса вы сделаете стильный лендинг с играми на JavaScript.

Курс 3. JavaScript в браузере

Что вас ждет в модуле:

С помощью JavaScript вы научитесь добавлять динамичности интерфейсу, осуществлять интерактивное взаимодействие с пользователем, работать с интерфейсом, обработчиками событий, браузерными API: Browser Object Model и Document Object Model), а также внешними API.

Проектный результат:

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

Курс 4. Инструменты разработки

Что вас ждет в модуле:

В этом курсе вы узнаете об основных инструментых разработчика, которые важны для удобства работы с проектом и скорости внесения изменений. Вас ждёт знакомство и работа с GIT, GitHub, линтерами, форматтерами, пакетными менеджерами и инструментом для сборки Webpack. Во второй половине курса вы научитесь тестировать свой проект, проводить рефакторинг и ревью кода.

Проектный результат:

В этом курсе вы запрограммируете приложение для карточной игры, подключите свой проект к GIT, настроите форматтеры и линтеры. После вы проведете тестирование, деббаг и рефакторинг своего проекта.

Курс 5. Фреймворк React

Что вас ждет в модуле:

Фреймворк React — это набор готовых решений и функций на Java Script. Сегодня React — самый популярный фреймворк во фронтенд-разработке и большинство крупных компаний используют именно его. В рамках этого курса вы осовоите React-компоненты, React Hooks, а также научитесь работать с бибилиотекой Rеdux.

Проектный результат:

В рамках этого самого длинного курса вы с нуля создадите SPA-приложение — билетный портал с продажей билетов и интерфейсом билетного контролера, который с телефона может проверить QR-код на билете.

Курс 6. Знакомство с бэкенд-разработкой

Что вас ждет в модуле:

Понимание серверной части является ключом к созданию полноценных web-сервисов. В рамках курса вы научитесь принимать, обрабатывать и собирать данные в формате json, работать с API и понимать работы бэкенда: запуск сервера, роутинг, обработка запросов. Познакомитесь с библиотекой для разработки серверных приложений Express_JS, средой выполнения Node.js, базами данных.

Проектный результат:

В рамках этого короткого модуля вы подключите собственный бекэнд к проекту из курса по React.

Курс 7. Процессы командной разработки

Что вас ждет в модуле:

К этому моменту вы пройдете основные блоки веб-разработки, кроме настоящей практики работы в команде. Перед стартом проекта вы подробнее разберете тему Deployment и CI/CD. Далее вас ждёт освоение навыков по декомпозиции задач, разделению зон ответственности, проводению код-ревью и тестированию решений. Помимо хард скиллов, вы прокачаете навыки работы в команде: научитесь принимать и давать обратную связь, соблюдать сроки, договариваться, приходить к компромиссу, мотивировать друг друга и презентовать работу целой команды.

Проектный результат:

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

Курс 8. Финальный индивидуальный проект

Финальный проект — это время собрать все знания, навыки и опыт за время обучения. У вас будет 2 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

 


Веб-разработчик с нуля

Веб-разработчик с нуля

Нетология
Цена курса
149 823 ₽  161 100 ₽
В рассрочку
6 712 ₽
9 отзывов

Научитесь программировать на JavaScript и PHP — сможете создавать сайты и веб-приложения. Масштабная программа и много практики — выполните 9 проектов для портфолио. Лучших выпускников ждёт стажировка или трудоустройство в Affinage
Школа
Нетология
Документ об окончании
Диплом
Сложность
С нуля
Длительность
22 месяца
Вебинары, видеолекции, практические задания

Кому подойдёт курс:

  • Тем, кто хочет освоить программирование

Даже если вы никогда не программировали и совсем не гуру математики, вы сориентируетесь в новой области и получите необходимые навыки для успешного старта в профессии

  • Тем, кто пробовал кодить сам

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

  • Тем, кто хочет сменить профессию

Вы получите структурированную информацию, которая станет базой для старта, готовое портфолио и помощь в дальнейшем трудоустройстве

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

Часть 1. Frontend-разработка 

  • HTML-вёрстка с нуля до первого макета

Курсовой проект — вёрстка сайта

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

Курсовой проект — адаптивная вёрстка сайта

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

Курсовой проект — игра на JavaScript

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

Курсовой проект — биржа валюты

  • Основы JavaScript в браузере

Курсовой проект — учёт финансов

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

Курсовой проект — онлайн-игра

  • Продвинутый JavaScript в браузере

Курсовой проект — бот для поиска информации

  • Библиотека React

Курсовой проект — интернет-магазин

Часть 2. Backend-разработка

  • Основы PHP
  • Продвинутый PHP
  • Фреймворк Laravel

Дополнительные модули

  • Английский язык для начинающих разработчиков
  • Основы графического дизайна
  • Карьера в веб-разработке

Ключевые навыки:

  1. Вёрстка веб-страниц: HTML, CSS
  2. Адаптивная и мобильная верстка
  3. Контроль изменений кода проекта, работа на GitHub
  4. Решение задач с использованием JavaScript
  5. Создание интерактивных веб-страниц
  6. Использование библиотеки React, JSX, React router, VirtualDom
  7. Применение принципов клиент-серверного взаимодействия
  8. Бэкэнд на PHP
  9. Работа с библиотекой Laravel для разработки бэкэнда

Frontend-разработчик с нуля

Frontend-разработчик с нуля

Нетология
Цена курса
102 393 ₽  110 100 ₽
В рассрочку
4 587 ₽
9 отзывов

Научитесь создавать сайты и приложения, проектировать интерфейсы и работать с Flexbox и JavaScript. Соберите крутое портфолио из 9 жизнеспособных проектов для получения работы своей мечты
Школа
Нетология
Документ об окончании
Диплом
Сложность
С нуля
Длительность
18 месяцев
Вебинары, видеолекции, практические задания

Что вы будете уметь после обучения:

  • Верстать сайты и приложения для всех типов устройств

Узнаете о тонкостях вёрстки под iOS и другие мобильные операционные системы

  • Решать задачи с использованием JavaScript

Узнаете всё о семантике, синтаксисе и архитектуре языка и сможете создавать сайты и приложения

  • Оформлять решения, как это делают опытные разработчики

Изучите подходы к решению задач и варианты практического использования инструментов

  • Использовать библиотеку React

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

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

  • HTML-вёрстка с нуля до первого макета

Курсовой проект — вёрстка сайта

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

Курсовой проект — адаптивная вёрстка сайта

  • Английский язык для начинающих разработчиков

Бонусный модуль

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

Курсовой проект — игра на JavaScript

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

Курсовой проект — биржа валюты

  • Основы JavaScript в браузере

Курсовой проект — учёт финансов

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

Курсовой проект — онлайн-игра

  • Продвинутый JavaScript в браузере

Курсовой проект — бот для поиска информации

  • Библиотека React

Курсовой проект — интернет-магазин

  • Основы графического дизайна
  • Карьера в Frontend-разработке

Ваше резюме после обучения:

Умею делать

  • Интернет-магазин обуви
  • Онлайн-игру «ходилку»
  • «Крестики-нолики» на JavaScript
  • Cайт-биржу по продаже криптовалюты
  • Веб-менеджер личных финансов
  • Бот для поиска и хранения информации
  • Систему бронирования ж/д-билетов

Мои навыки

  • Вёрстка под тач и мобильные устройства
  • Работа с Flexbox и JavaScript
  • Способность правильно использовать переменные, числа и строки
  • Создание прототипа и конструктора объекта
  • Использование выражений в JavaScript
  • Применение символов, итераторов и генераторов
  • Импорт и экспорт модулей
  • Создание интерактивных веб-страниц
  • Работа с файлами и медиаресурсами
  • Применение принципов клиент-серверного взаимодействия
  • Создание одностраничных веб-приложений (SPA)
  • Навыки использования библиотеки React, JSX, React router, VirtualDom

Вёрстка веб-приложений

Вёрстка веб-приложений

Хекслет
Цена курса
33 000 ₽  
В рассрочку
20 600 ₽
21 отзыв

Изучите HTML, CSS и современные модули для позиционирования элементов: Flex, Grid, Columns. Научитесь разворачивать окружение, которое поможет в разметке и написании CSS стилей.
Школа
Хекслет
Документ об окончании
Диплом
Сложность
С нуля
Длительность
2 месяца
Актуальные инструменты
Код-ревью

Кому подойдёт обучение:

  • Тем, кто хочет сменить стек
  • Тем, кто уже пробовал учиться самостоятельно, но чувствует потребность в наставнике
  • Тем, кто не знаком с этой темой и хочет в ней разобраться на хорошем уровне

Учим необходимому:

Основы вёрстки и позиционирования контента

Изучите базовые принципы работы с HTML и CSS. Познакомьтесь с возможностями разметки контента и научитесь правильно размечать данные и располагать их на странице с помощью базовых инструментов позиционирования. Настройте своё первое рабочее окружение.

Темы

  • Базовая структура документа
  • Разметка различных типов элементов
  • Стилизация элементов с использованием CSS
  • Принципы организации CSS кода
  • Позиционирование с помощью свойства position
  • Использование современных инструментов для вёрстки (редакторы кода, плагины)
  • Отладка кода с использованием DevTools
  • Базовая настройка окружения для вёрстки (node, npm, stylelint, htmlhint, surge)

Продвинутое позиционирование элементов и адаптивность

Изучите возможности позиционирования элементов с помощью трёх основных CSS модулей: Columns, Flex и Grid. Научитесь выбирать оптимальный инструмент исходя из потребностей. Узнайте, как адаптировать страницу под различные устройства.


Основы вёрстки сайтов

Основы вёрстки сайтов

LoftSchool
Цена курса
20 670 ₽  
В рассрочку
861 ₽
8 отзывов

Записывайтесь и за 5 недель качественно освойте верстку на HTML и CSS, и получите первый проект в портфолио.
Документ об окончании
Диплом
Длительность
5 недель
Сложность
С нуля
Доступ к материалам навсегда
Поддержка наставника
Насыщенная программа

За 5 недель вы научитесь:

Как устроен интернет

  • Основательно разберётесь в том, что такое: HTTP, IP, DNS, хостинг, хостер, домен, сервер, клиент и пр.

HTML и CSS

  • Самостоятельно верстать сайты любой сложности с применением Flexbox и BEM-naming.

Кроссбраузерная вёрстка

  • Ваша вёрстка будет отлично работать на всех браузерах в разных операционных системах.

Работа с макетами

  • Вы научитесь работать с макетами с помощью простого и удобного инструмента Figma.

Workflow

  • Вы будете работать в идеально настроенной под вас среде разработки: VS Code, Emmet, FTP-клиент.

Верстать сайты "под ключ"

  • Размещать сайты на собственном хостинге с привязкой доменных имён.

Что ожидать от обучения?

Насыщенная программа

  • 16 обучающих модулей, 100+ часов обучения.

Поддержка наставника

  • Практикующий IT-специалист будет отвечать на любые вопросы и делать кодревью.

Готовое портфолио

  • Многостраничный сайт, демонстрирующий уровень ваших знаний.

Доступ к материалам

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

Telegram-чат

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

Сертификат

  • С уникальным ID, подтверждающий уровень ваших знаний.

Ламповая атмосфера

  • Никаких скучных и занудных “дядек“. В Loftschool вас будут учить в атмосфере rock-and-roll.

Начало карьеры

  • После обучения вы сразу же готовы к старту карьеры в веб-индустрии.

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

Неделя 1 — Работа с хостингом, HTML

  • Знакомимся со своим личным наставником и группой.
  • Учимся работать с панелью хостинга и с файлами через FTP.
  • Делаем разметку для первой страницы проекта.
  • Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
  • VSCode. Обзор редактора
  • Устройство интернета
  • Работа с GitHub Pages
  • HTML
  • БЭМ. Разметка элементов страницы
  • Воркшоп

Неделя 2 — CSS, работа с макетом, Perfect Pixel

  • Стилизуем элементы главной страницы.
  • Изучаем свойства позиционирования и поведение блочной модели.
  • Figma для верстальщика
  • CSS. Работа со стилями
  • Работа со шрифтами
  • Блочная модель
  • Стилизация проекта
  • Воркшоп

Неделя 3 — Flexbox, БЭМ-нейминг

  • Изучаем свойства флексбокса и применяем их к главной странице.
  • Пишем разметку для оставшихся страниц проекта.
  • Приводим верстку в состояние Perfect Pixel.
  • Flexbox
  • Построение лейаута и БЭМ-нейминг
  • Flexbox. Реализация проекта

Неделя 4 — CSS-анимации

  • Подключаем иконки к проекту с применением спрайтов.
  • Реализуем динамические элементы страниц.
  • Дорабатываем проект.
  • Частые приемы верстки
  • Анимации CSS
  • Анимации. Реализация проекта

Неделя 5 — Защита выпускного проекта

  • Дорабатываем проект.
  • Сдаём проект на проверку наставникам.
  • Выставление оценок в дипломы.

Frontend-разработчик

Frontend-разработчик

GeekBrains
Цена курса
67 595 ₽  79 524 ₽
В рассрочку
2 209 ₽
20 отзывов

Станьте веб-разработчиком, который специализируется на внешнем оформлении сайтов. Вы получите базовые знания и на практике научитесь создавать сайты и приложения, проектировать интерфейсы и работать со сложными инструментами frontend-разработчика. Изучите фреймворки и библиотеки, которые упростят вашу работу. Через 9 месяцев обучения вы сможете трудоустроиться.
Школа
GeekBrains
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев

Эта программа подойдет тем, кто:

Никогда не работал

  • и хочет получить востребованную‍ профессию и трудоустроиться с нуля

Хочет сменить работу

  • и получить актуальную высокооплачиваемую специальность в IT

Профессиональные навыки:

  • Изучите ключевые инструменты IT, стандарты кодирования, базы данных и системы аналитики
  • Изучите операционные системы, их особенности и механизм работы
  • Откроете для себя языки программирования, их принципиальные отличия и практики использования

Что вы изучите:

  • Языки программирования
  • Стандарты кодирования
  • Профессии в IT
  • Инструменты в IT
  • Информатика
  • Операционные системы
  • Алгоритмы и структуры
  • Контроль версий
  • Базы данных
  • Математика

Специализации:

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

Программист

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

Тестировщик

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

Аналитик

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

Проджект-менеджер

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

Продакт-менеджер

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

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

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

  1. Курсы
  2. Введение в программирование
  3. Математика и информатика
  4. Введение в контроль версий
  5. Знакомство с языком программирования C#
  6. Введение в базы данных

Frontend-разработчик

Frontend-разработчик

Skillbox
Цена курса
72 012 ₽  
В рассрочку
2 118 ₽
17 отзывов

Вы изучите основы HTML, CSS и JavaScript, научитесь создавать сайты и приложения для любых устройств, оптимизировать код и работать с анимацией. Соберёте портфолио и сможете начать карьеру разработчика.
Школа
SkillBox
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
Онлайн в удобное время
Практические задания

Кому подойдёт этот курс

  • Новичкам в разработке
  • Вы с нуля научитесь верстать сайты на HTML и CSS, создавать приложения и веб-страницы на JavaScript. Отработаете полученные знания на практике и соберёте портфолио.
  • Начинающим программистам
  • Вы расширите круг своих компетенций, изучив синтаксис JavaScript, CSS на продвинутом уровне. Научитесь настраивать командный доступ с Git и делать более чистые и качественные сайты.

Чему вы научитесь

  1. Верстать сайты и приложения для всех типов устройств
  2. Делать сайты, которые будут корректно открываться в любом браузере
  3. Обрабатывать ошибки в JavaScript
  4. Создавать сайты и приложения с помощью JavaScript
  5. Подключать сторонние модули через npm
  6. Писать асинхронный код на JavaScript
  7. Работать в Git
  8. Анимировать веб-страницы

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

  1. Базовый уровень
  2. Веб-вёрстка. Базовый уровень
  3. Введение.
  4. Базовый HTML.
  5. Базовый CSS. Часть 1.
  6. Базовый CSS. Часть 2.
  7. Подготовка к вёрстке.
  8. Layout. HTML-разметка.
  9. Layout. Flexbox.
  10. Layout. Стилизация.
  11. Продвинутый HTML. Формы.
  12. Продвинутый CSS. Часть 1.
  13. Продвинутый CSS. Часть 2.
  14. Адаптивность. Десктоп.
  15. Адаптивность. Мобильные устройства.
  16. JavaScript для верстальщика.
  17. Доступность.
  18. Кросс-браузерность.
  19. База знаний.
  20. Сетки.
  21. Работа с хостингом.
  22. Анимация.
  23. JavaScript. Базовый уровень
  24. Введение.
  25. Переменные и работа с числами.
  26. Строки, boolean и условные операторы.
  27. Массивы и циклы.
  28. Функции.
  29. Объекты.
  30. Введение в DOM.
  31. Введение в DOM. Часть 2.
  32. Константы, области видимости и замыкания.
  33. Преобразование типов и нестрогие сравнения.
  34. Общение с сервером, async/await.
  35. Продвинутый уровень
  36. Веб-вёрстка. Продвинутый уровень
  37. Верстка HTML-писем.
  38. SVG.
  39. Анимация на JS.
  40. Оптимизация и процесс загрузки.
  41. Отрисовка сайта
  42. Сборщики.
  43. Препроцессоры и постпроцессоры.
  44. CSS Grid.
  45. Будущее вёрстки.
  46. JavaScript. Продвинутый уровень
  47. События браузера, контекст выполнения.
  48. Модули.
  49. Event loop и асинхронная разработка.
  50. Обработка ошибок.
  51. Классы.
  52. События.
  53. Экосистема JavaScript и npm.
  54. Сборка.
  55. Тестирование.
  56. База знаний.
  57. Онлайн-сессии по веб-разработке
  58. Библиотека jQuery.
  59. Адаптация макета под мобильные устройства.
  60. Практикум по интерактивным элементам.
  61. Что такое Webpack.
  62. Сборка проекта на Gulp и обзор препроцессора Sass.
  63. Анимация в CSS.
  64. Итоговые проекты
  65. Проекты по вёрстке
  66. Вы сверстаете лендинг и интернет-магазин.
  67. JavaScript
  68. Создадите CRM-систему для компании и разработаете клиентскую часть для интернет-банка.

Профессиональные навыки:

  • Адаптивная и кроссбраузерная вёрстка
  • Работа с протоколами HTTP/HTTPS
  • Работа с Web API
  • Использование библиотеки для ускорения процесса разработки
  • Сборка проектов
  • Взаимодействие со внешними сервисами
  • Работа с системой контроля версий Git
  • Владение методологией БЭМ
  • Верстка под десктоп и мобильные устройства

Факультет frontend-разработки

Факультет frontend-разработки

GeekBrains
Цена курса
67 595 ₽  79 524 ₽
В рассрочку
2 209 ₽
20 отзывов

Освойте современную профессию: вы научитесь создавать сайты и приложения, проектировать интерфейсы и работать со сложными инструментами frontend-разработчика.
Школа
GeekBrains
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
5 работ в портфолио
трудоустройство после обучения

Кому подойдет курс

  • Новичкам
  • Поможем начать карьеру frontend-разработчика, научим создавать красивые сайты и удобные интерфейсы.
  • Начинающим веб-разработчикам
  • Поможем ускорить карьерный рост: вы получите новый опыт работы с HTML, CSS, JavaScript, ReactJS, Node.js.
  • Практикующим IT-специалистам
  • Поможем перейти в перспективное направление, чтобы заниматься любимым делом и больше зарабатывать.

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

Подготовительный блок

Как учиться эффективно. Видеокурс от методистов GeekUniversity

— Особенности обучения в GeekUniversity

— Почему тяжело учиться

— Инструменты для самообразования

— Учимся от компетенций

— Особенности обучения взрослых

— Постановка целей по схеме SMART

— Как формулировать образовательный запрос

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

— Создание переменных;

— Операции сложения, вычитания, деления и умножения;

— Логические операции;

— Работа с массивами;

— Функции.

Git. Базовый курс

Git очень важен для любого современного разработчика, так как закладывает тот базис, который необходим для удобной командной работы внутри коллектива и работы со сторонними open source-решениями.

I четверть

Веб-верстка

— Научитесь верстать сайты, создадите страницу и подготовитесь к созданию планировщика задач

— Освоите библиотеку Bootstrap, препроцессоры LESS и SASS

— Освоите адаптивную вёрстку, принципы кроссбраузерности и валидности

— Создадите посадочную страницу

HTML/CSS. Интерактивный курс

— Основные понятия веб-разработки

— Основы языка разметки HTML

— Основы таблиц стилей CSS

— Основные теги, псевдоклассы и псевдоэлементы

— Основы позиционирования и работа с технологией CSS Flexbox

— Работа с макетом в графическом редакторе Figma

— Основы создания адаптивного сайта

— Веб-стандарты и вспомогательные инструменты

Профессиональная вёрстка

— Позиционирование элементов. Практическая верстка

— Структура HTML5, знакомство с формами

— Практическое применение Bootstrap

— Препроцессоры: применение на практике

— Эффекты перехода и трансформации в CSS3

— CSS3: медиа-запросы, адаптивная верстка

— Практическое применение адаптивной верстки

— Grid layout, новые возможности CSS3

II четверть

Frontend-разработка

— Освоите JavaScript и принципы ООП

— Научитесь работать с Parcel, Webpack, Vue.js и сторонними API

— Сможете работать в различном окружении и подключать сторонние библиотеки

Проект

— Приложение для учета расходов

Базовый курс JavaScript

— Основы языка JavaScript

— Основные операторы JavaScript

— Циклы, массивы и структуры данных

— Объекты в JavaScript

— Введение в DOM — объектную модель документа

— Обработка событий в JavaScript

— Урок-практикум

— Анонимные функции и замыкания

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

— Современный JavaScript

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

— Асинхронные запросы

— Регулярные выражения

— Фреймворк Vue.js

— Компоненты Vue.js

— JavaScript на сервере

— Тестирование и сборка кода

Инструменты сборки проектов

— Установка и работа с упаковщиками Parcel и Webpack

— Работа с таск-менеджером Gulp

— Работа с менеджером пакетов npm

— Подключение сторонних пакетов и библиотек

Vue.js

— Знакомство с Vue.js

— Взаимодействие компонентов Vue.js

— Методы и директивы

— Vue CLI для создания проекта приложения Vue.js

— Работа с маршрутизатором Vue Router

— Работа с паттерном управления состоянием Vuex

— Работа с API — программным интерфейсом приложения

III четверть

Библиотека ReactJS и основы backend-разработки

— Научитесь работать с ReactJS

— Сможете применять ECMAScript 6 и использовать концепцию Flux

— Освоите основы разработки бэкенда на Node.js и сможете создавать различные REST API

ReactJS. Базовый курс

— Настройка среды разработки и первое React-приложение

— Жизненный цикл React-компонента

— Погружение в React и подключение UI-библиотеки

— Роутинг в React: разделение мессенджера на чаты

— Библиотека Redux для JavaScript

— Функции Redux middleware. Подключение роутера к Redux и хранение данных с помощью библиотеки Redux persist

— Работа с API

— Прогрессивное веб-приложение (Progressive Web App)

Платформа Node.js

— Знакомство с Node.js

— Консольные программы

— Работа с сетевыми запросами

— Фреймворк Express

— Работа с MySQL — системой управления базами данных

— Аутентификация и авторизация

— Работа с архитектурным подходом REST API

— Веб-сокеты (WebSockets)

IV четверть

Разработка от идеи до релиза

— Познакомитесь с методологиями Agile, Scrum, Kanban

— Получите навыки командной разработки и научитесь работать с GIT 

— Изучите принципы Continuous Integration и Continuous Delivery

Проекты

— Командный выпускной проект. Пройдете этапы профессиональной разработки: от поиска идеи до тестирования и релиза продукта

TypeScript

— Введение в TypeScript.

— Система типов в TypeScript

— Обобщённое программирование

— Работа с JavaScript кодом

— Классы и ООП

— Расширенная настройка tsconfig

Agile, Scrum. Теория

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

Командная разработка по методологии Agile: SCRUM

Работа в команде над выпускным проектом. Свободный проект (студенты выбирают сами).

Дополнительные курсы

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

Базы данных

— Вебинар. Установка окружения и DDL-команды

— Видеоурок. Управление базой данных и работа с языком запросов SQL

— Вебинар. Введение в проектирование баз данных

— Вебинар. CRUD-операции

— Видеоурок + вебинар: операторы, фильтрация, сортировка и ограничение. Агрегация данных

— Видеоурок + вебинар: сложные запросы

— Видеоурок + вебинар: транзакции, переменные, представления. Администрирование. Хранимые процедуры и функции, триггеры

— Видеоурок + вебинар: Оптимизация запросов. NoSQL

Linux. Рабочая станция

— Установка и знакомство с Linux

— Настройка интерфейса командной строки

— Управление пользователями и группами

— Загрузка ОС и процессы

— Устройство файловой системы Linux. Понятия файла и каталога

— Введение в скрипты Bash. Планировщики задач crontab и at

— Управление пакетами и репозиториями. Основы сетевой безопасности

— Введение в Docker

Ключевые навыки

— Верстаю сайты и владею адаптивной версткой.

— Создаю одностраничные приложения 

— Работаю с HTML и CSS, Node.js

— Владею инструментами для модульной сборки — Parcel и Webpack

— Использую Vue.js и основных библиотек его экосистемы, разрабатываю компоненты на Vue.js

— Работаю с библиотекой ReactJS

— Использую концепцию Flux с применением библиотек Redux


Веб-разработчик с нуля

Веб-разработчик с нуля

Бруноям
Цена курса
50 915 ₽  59 900 ₽
В рассрочку
4 991 ₽
25 отзывов

Практический курс по веб-разработке: от HTML и CSS до практики по Javascript и PHP. Обучение включает создание портфолио, подготовку к собеседованиям и помощь наставника в вашем проекте. Последнее обновление курса — Январь 2022
Школа
Бруноям
Документ об окончании
Диплом
Сложность
С нуля
Длительность
8 месяцев
1 год поддержки наставника после обучения
3 проекта для портфолио
Возврат, если не понравится
Налоговый вычет
Вечный доступ к курсу
С нуля за 8 месяцев

О курсе

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

Преподаватели и наставники — действующие веб-разработчики. Курс вы пройдёте вместе с личным наставником, который поможет в обучении и в прохождении собеседований.

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

Для кого этот курс

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

Вы научитесь

  • HTML/HTML5, CSS/CSS3
  • Сетевые технологии и протоколы TCP/IP, HTTP, HTTPS, FTP
  • Многоколоночные макеты с flexbox
  • Вёрстка адаптивных версий сайтов
  • Анимация с помощью HTML5 и CSS3
  • JavaScript
  • Основы React
  • Основы Typescript
  • Основы PHP
  • Знание основ Adobe Photoshop/Figma для верстальщика

Профессия Frontend-разработчик PRO

Профессия Frontend-разработчик PRO

Skillbox
Цена курса
72 012 ₽  
В рассрочку
2 118 ₽
17 отзывов

Вы начнёте с основ вёрстки и JavaScript, а к концу обучения научитесь делать корпоративные сервисы. Получите опыт работы в команде и начнёте карьеру веб-разработчика.
Школа
SkillBox
Документ об окончании
Диплом
Сложность
С нуля
Длительность
12 месяцев
Командный дипломный проект
Максимально полная программа обучения

Кому подойдёт этот курс

  • Новичкам
  • Вам не нужно разбираться в математике или иметь опыт в программировании. Шаг за шагом вы научитесь разрабатывать сайты. Начнёте с простых лендингов, а к концу обучения будете знать фреймворки, создавать сложные корпоративные сервисы и работать в команде.
  • Начинающим программистам
  • Превратите программирование из хобби в прибыльную профессию. Освоите продвинутые навыки вёрстки, глубже изучите JavaScript и фреймворки. Закроете пробелы в знаниях и сможете претендовать на позицию middle-разработчика в большой компании.
  • Фрилансерам без опыта в IT
  • Если вы устали от скучной работы и хотите построить карьеру в IT — курс станет хорошим путеводителем в мир веб-разработки. После обучения у вас будет мощное портфолио, опыт командной работы и все необходимые знания для работы на удалёнке или в крутой команде.

Чему вы научитесь

  1. Верстать сайты правильно
  2. Детально изучите все возможности современного CSS, научитесь верстать адаптивные сайты, которыми удобно пользоваться. Сделаете проекты эстетичнее при помощи анимаций и переходов.
  3. Программировать на JavaScript
  4. Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования.
  5. Работать с современными фреймворками
  6. С помощью фреймворков вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера. Вы сами выбираете, что учить — React или Vue.
  7. Работать с Git
  8. Будете сохранять все этапы работы над проектами, чтобы у коллег всегда был доступ к коду, а случайные ошибки можно было исправить в два клика.
  9. Создавать красоту в команде
  10. Научитесь работать по спринтам и Scrum-методологии. Под руководством тимлида вместе с другими студентами напишете веб-приложение.

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

Основные курсы

  1. Веб-вёрстка
  2. Базовый уровень: вы познакомитесь с HTML и CSS, кросс-браузерной и адаптивной вёрсткой. Научитесь работать с анимацией и хостингами. Сверстаете сайт для художественной галереи по готовым макетам.
  3. Продвинутый уровень: узнаете, как автоматизировать сборку проектов и быстрее описывать стили с помощью препроцессоров. Научитесь верстать письма, создавать сетки на grid.
  4. JavaScript
  5. Базовый уровень: научитесь работать с переменными и числами, изучите массивы, циклы, объекты и функции. Познакомитесь с константами, ключевыми словами const и var, областями видимости, замыканиями и научитесь их использовать в работе.
  6. Продвинутый уровень: освоите работу с модулями, событиями и менеджером пакетов npm. Научитесь создавать методы объектов и прототипов, писать тесты и взаимодействовать с сервером с помощью fetch API.

Курсы на выбор

  1. React.js
  2. Расширьте свои профессиональные знания и навыки разработчика, научившись использовать в работе фреймворк React.js
  3. Vue.js
  4. Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js.

Дополнительные курсы

  1. Универсальные знания программиста
  2. Курс по слепому методу печати
  3. Photoshop
  4. Figma
  5. Английский для IT-специалистов
  6. Система контроля версий Git
  7. Язык запросов SQL
  8. Карьера и развитие программиста
  9. Soft skills для программиста
  10. Работа в командной строке Bash
  11. Алгоритмы и структуры данных

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

  1. Лендинг
  2. Вы сверстаете посадочную страницу, продвигающую вас как фриланс-разработчика.
  3. Сайт
  4. Вы создадите сайт из трёх страниц, функционирующий как интернет-магазин.
  5. Интернет-магазин
  6. Вы разработаете полноценный интернет-магазин с помощью Vue.js.
  7. Трекер задач по системе «Помодоро»
  8. Вы напишете трекер с таймером, который поможет сфокусироваться на работе.

 

Профессиональные навыки:

  • Адаптивная и кроссбраузерная вёрстка
  • Корректирование макетов в Figma и Photoshop
  • Знание JavaScript
  • Разработка по scrum-методологии
  • Работа с Web API и протоколами HTTP/HTTPS
  • Знание SQL
  • Создание сайтов и приложений на Vue.js, React.js
  • Работа в командной строке Bash
  • Продвинутые навыки работы с CSS3 и HTML5
  • Работа с системами контроля версий Git
  • Создание серверных решений
  • Деплой, сборка проектов под продакшн

Основы вёрстки сайта

Основы вёрстки сайта

Нетология
Цена курса
-  -
В рассрочку
-
9 отзывов


Описание

Теги

Верстка
HTML
CSS