В этом обзоре разберём ТОП онлайн-курсов веб-разработки. На курсах обучат профессии «Веб-разработчик» с нуля для начинающих специалистов (включая трудоустройство), научат создавать сайты и веб-приложения с помощью программирования, использовать HTML, CSS, Javascript, PHP и другие языки программирования.
Научим веб-разработке с нуля: вы пройдёте путь от создания макетов до оптимизации баз данных и алгоритмов. После обучения получите практический опыт и сможете развивать высоконагруженные проекты.
- 16 месяцев
- 5 проектов в портфолио
- Гарантия трудоустройства
- Диплом о переподготовке
- Хостинг-партнер курса REG.RU
Веб-разработчик создаёт сайты: поисковики, соцсети, банковские приложения. Он отвечает как за внешний вид сайта, так и за его логику: работу серверов, файлов и баз данных. Если убрать веб-разработчиков, бизнес перестанет зарабатывать в интернете.
Кому подойдет курс
Новичкам
Даже если вы никогда не работали в IT, вы получите востребованную и высокооплачиваемую специальность.
Начинающим веб-разработчикам
У вас будет всё для ускоренного карьерного роста: комплексные знания и опыт работы с продвинутыми инструментами, методологиями и стандартами.
Практикующим IT-специалистам
Подскажем, как перейти в востребованное направление и зарабатывать больше.
Как вы найдете работу с помощью GeekBrains
Дадим необходимые знания
Вы получите все навыки на курсах основного обучения и факультативах от компаний-партнеров.
Вместе оформим резюме
Вы подадите заявку в сервис трудоустройства, а HR-специалисты GeekBrains помогут создать резюме, которое выделит вас среди других кандидатов.
Предложим подходящие вакансии
Вы будете рассматривать предложенные нами позиции, откликаться на вакансии из раздела «Карьера» и участвовать в поиске идеального места работы.
Поможем пройти собеседования
Мы дадим советы по прохождению собеседования. И поздравим с оффером 🙂
Программа обучения
Подготовительный блок
I четверть. Верстка
II четверть. Frontend-разработка
III четверть. Backend-разработка магазина
IV четверть. Агрегатор данных
V четверть. Soft skills
Курсы с открытой датой
- Компьютерные сети
- Как стать программистом
- Английский для IT-специалистов
- Безопасность клиентской части веб-приложений
- Безопасность серверной части веб-приложений: часть 1
- Подготовка к поиску работы
Ключевые навыки
— Верстаю сайты с помощью HTML/CSS, использую фреймворк Bootstrap
— Владею JavaScript, библиотеками Node.js, ReactJS
— Владею PHP, фреймворком Laravel
— Умею работать с базами данных, MySQL, MongoDB
— Умею работать с ОС Linux, системой контроля версий Git
— Умею писать «чистый» код, работать в команде
Станьте дипломированным специалистом
Мы проводим обучение на основании государственной лицензии № 040485. Вы получите диплом о профессиональной переподготовке и электронный сертификат, которые можно добавить в портфолио и показать работодателю.
- Научим программировать на JavaScript и PHP — сможете создавать сайты и веб-приложения
- Масштабная программа и много практики — выполните 9 проектов для портфолио
- Лучших выпускников ждёт стажировка или трудоустройство в Affinage
- Формат обучения — Вебинары по вечерам и практические задания с проверкой
- Результат — Новая профессия, портфолио, контакты в IT‑сообществе
- Документ — Диплом о профессиональной переподготовке установленного образца
Вы сможете уверенно работать и с фронтендом, и с бэкендом веб-сервисов — это выделит вас на фоне других junior-разработчиков
Ваши будущие проекты
- Свёрстанный макет сайта
- Игра «Крестики-нолики» на JavaScript
- Веб-менеджер личных финансов
- Бот для поиска и хранения информации
- Онлайн-система администрирования кинозалов
- Адаптивная мобильная версия макета сайта
- Cайт-биржа по продаже криптовалюты
- Онлайн-игра «ходилка» в стиле фэнтези
- Интернет-магазин обуви
Программа курса
Программа строится от простого к сложному. За время обучения вы освоите востребованные навыки веб-разработчика, соберёте портфолио проектов и станете уверенным junior-специалистом.
- Вёрстка сайта на HTML и CSS
- Мобильная и адаптивная вёрстка
- Английский язык для начинающих разработчиков
- Основы программирования
- Git — система контроля версий
- Основы JavaScript
- Основы JavaScript в браузере
- Продвинутый JavaScript
- Продвинутый JavaScript в браузере
- Библиотека React
- Основы PHP
- Продвинутый PHP
- Фреймворк Laravel
- Карьера в веб-разработке
Как вы будете учиться
Если понадобится перерыв, можно заморозить обучение или перейти на другой поток
- Онлайн-занятия
Вы будете общаться с преподавателями и однокурсниками в онлайне 2‑3 раза в неделю. Вебинары также будут доступны в записи и после обучения. - Практика на реальных проектах
После каждой лекции будете делать практические задания, а затем получать развёрнутую обратную связь. Так наполните портфолио. - Сопровождение
Преподаватели будут постоянно на связи — в общем чате. А ещё у каждой группы будет команда поддержки, которая поможет, если будет сложно. - Трудоустройство или стажировка
Поможем оформить резюме, составить сопроводительное письмо, найти стажировку и подготовиться к собеседованию.
Кому подойдёт этот курс
Тем, кто хочет освоить программирование
Даже если вы никогда не программировали и совсем не гуру математики, вы сориентируетесь в новой области и получите необходимые навыки для успешного старта в профессии.
Тем, кто пробовал кодить сам
Если вы начинали изучать программирование, но пока не добились результатов, попробуйте снова, но уже под руководством преподавателя.
Тем, кто хочет сменить профессию
Вы получите структурированную информацию, которая станет базой для старта, готовое портфолио и помощь в дальнейшем трудоустройстве.
Ключевые навыки
- Вёрстка веб-страниц: HTML, CSS
- Адаптивная и мобильная верстка
- Контроль изменений кода проекта, работа на GitHub
- Решение задач с использованием JavaScript
- Создание интерактивных веб-страниц
- Использование библиотеки React, JSX, React router, VirtualDom
- Применение принципов клиент-серверного взаимодействия
- Бэкэнд на PHP
- Работа с библиотекой Laravel для разработки бэкэнда
Ваш рывок в сферу программирования.
Обучение с нуля. Помощь в трудоустройстве.
- Формат онлайн
- Длительность 12 месяцев или 450 часов
- Уровень с нуля
Ваш путь веб-разработчика
Теория: основы разработки
Мы обучаем так, что вы освоите программирование, не имея технической базы. Заложенный фундамент позволит вам быстро развиваться в дальнейшем.
Практика: 30 проектов в портфолио
Для отработки навыков вы выполните 2 крупных, 3 средних и 24 мини-проекта, примите участие в хакатоне и пройдете 6 тренажеров (HTML, CSS, JS, PHP, SQL, React).
Трудоустройство
Центр карьеры SkillFactory поможет вам составить резюме и пройти симулятор собеседования. Мы также разошлем ваше резюме нашему списку работодателей.
Работа
Теперь вы работаете программистом в IT-компании. Вы создаете веб-сайты и получаете за это деньги.
Программа обучения
За 12 месяцев курса вы освоите основы программирования, backend на PHP и frontend на JavaScript.
А затем при желании за 6 месяцев дополнительного обучения прокачаете навыки до уровня junior+, изучив фреймворки Laravel и React и поучаствовав в командной работе.
Часть 1. Введение в программирование
1,5 месяца
3 часа интерактивных вебинаров
Тренажеры: HTML, CSS
3 мини-проекта: сайт-визитка, новостная страница, страница на bootstrap
Часть 2. Fullstack веб-разработчик на PHP и JavaScript
7 месяцев
15 часов интерактивных вебинаров
3 тренажера: JavaScript, SQL, PHP
20+ мини-проектов
3 сквозных проекта
Хакатон по программированию
Часть 3. Основы администрирования
1 месяц
2 часа интерактивных вебинаров
Итоговый проект — мессенджер
Часть 4. Финальный проект
2,5 месяца
Бонус. Дополнительные навыки разработчика — фреймворки
3 месяца
Тренажер React
2 сквозных проекта
Бонус. Стажировка — командный проект
3 месяца
Навыки после обучения:
- Full-stack разработка на PHP и JavaScript
- Понимаю принципы ООП, MySQL (SELECT, INSERT и т.д) + процедуры
- Опыт работы с API различных сервисов/ сайтов /систем
- Работаю с серверами Nginx, Apache, WebSocket
- Умею работать с любой GitHub
- Пишу unit-тесты
- Понимаю принципы построения инфраструктуры данных
- Практикую объектно-ориентированный подход
- Использую REST API и SOAP API
- Могу предоставить портфолио с наработанными кейсами и проектами
После успешного обучения
- Сертификат
- Развитие карьеры
- Сообщество
Верстальщик воплощает в жизнь замысел веб-дизайнера и создаёт рабочие сайты из дизайн-макетов. На курсе вы научитесь верстать одностраничные лендинги, сайты услуг и мероприятий, интернет-магазины. С вёрстки начнётся ваш путь в веб-разработку.
- ★ 4,57 из 5 на основе 10 028 оценок курса
- Длительность – 4 месяца
- 4 проекта для портфолио
- Практика на вебинарах с разработчиками из крупных компаний
- Доступ к курсу навсегда.
Кому подойдёт этот курс:
- Новичкам в разработке
Если вы мечтаете создавать сайты, но не знаете, с чего начать. Хотите глубоко погрузиться в основы веб-разработки, а не просто пройтись по верхам. - Начинающим верстальщикам
Если вас раздражает, что ваш сайт работает по-разному в браузерах, долго грузится или ломается на маленьких экранах. Вы хотите прокачать свои навыки в работе с векторной графикой и анимацией, что-то слышали про доступность, но не знаете, как сделать проекты удобными для людей с особенностями.
Чему вы научитесь:
- Писать код на HTML и CSS.
- Основам программирования на JavaScript
- Верстать сайты для любых экранов
- Учитывать особенности браузеров при вёрстке
- Проверять сайты на доступность
- Работать в инструментах веб-разработчика.
Содержание курса:
Вас ждут 2 уровня по HTML и CSS и более 200 видео. Сложность курса увеличивается постепенно. Мы постоянно обновляем курс, чтобы вы получали навыки, которые прямо сейчас нужны работодателям.
4 месяца, 24 практических работы
- Базовый уровень. 2 месяца
Получите базовые навыки HTML и CSS, сможете верстать простые и средние по сложности веб-страницы с анимациями. Например, сайты компаний или лендинги — одностраничные сайты о товаре и услугах. Научитесь адаптировать сайт для отображения на разных устройствах: экране монитора, планшета и смартфона. - Продвинутый уровень. 2 месяца
Изучите особенности вёрстки html-писем и отточите навыки работы с векторной графикой. Сможете создавать сложные и эффектные анимации. Узнаете, как ускорить время загрузки сайта. Автоматизируете сборку готового проекта, сможете минифицировать свой код, чтобы он меньше весил.
Ускорите свою работу с CSS и освоите технологию Grid. Сможете создавать сложные сайты-каталоги.
Приобретаемые профессиональные навыки:
- Современные стандарты верстки: блочная, кроссбраузерная, резиновая, адаптивная
- Знание HTML5 и CSS3, включая анимацию
- Основы JavaScrip
- Вёрстка с использованием Flexbox
- Работа с фреймворком Bootstrap
- Сборка проекта на Gulp и Webpack
- Работа с макетом, векторной и растровой графикой: Figma
- Работа с Git
- Знание принципов БЭМ
- Владение Pixel Perfect
- Настройка хостинга, работа через FTP.
Сертификат Skillbox подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.
Вы научитесь верстать сайты на HTML и CSS, изучите JavaScript, сможете разрабатывать на Python серверную часть сайта — и сделаете первые проекты для портфолио.
Чему вы научитесь
Разработке интерактивных сайтов
Научитесь делать сложную анимацию, слайдеры, попап-окна, выпадающее меню с помощью JavaScript
Качественной верстке сайтов
Узнаете, как разрабатывать сайты с помощью HTML и CSS для всех актуальных версий браузеров и платформ
Создавать веб-приложения
Сможете создавать сайты и веб-приложения повышенной сложности, обрабатывать пользовательские функции и работать с файлами
Пользоваться Git
Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта.
Курс для Web-разработчика
- 60 лекций и 60 практических заданий от практиков рынка с проверкой
- Курс можно проходить со своей скоростью на нашей платформе
- По ходу курса мы помогаем вам с трудоустройством и подготовкой к собеседованиям
- Нетворкинг: общение внутри группы курса и поддержка ментора
Ваши профнавыки после курса
Создание web-приложений
Разработка веб-приложений на Javascript и Python
Создание мобильных сайтов
Создание мобильных сайтов средствами HTML и CSS
Основы тестирования
Автоматизированное и ручное тестирование приложений
ООП
Знание принципов ООП и применение их в рабочих проектах
Работа с базами данных
Работа с Redis и MongoDB
Javascript
Разработка веб-приложений на языке Javascript
Оптимизация кода
Тестирование и оптимизация кода, отлов исключений
HTML и CSS
Настройка внешнего вида сервиса с помощью HTML и CSS
SQL
Продвинутый уровень анализа данных за счёт использования SQL-запросов
Backend и frontend
Создание backend-приложения и визуальной frontend-части
Работа с сетью
Работа с протоколом HTTP, с файлами и сетью
Принципы проектирования
Использование шаблонов проектирования
Кому будет полезен вебинар:
Тем, кто планирует изучать веб-разработку.
На вебинаре вы узнаете:
— За какое время можно стать веб-разработчиком с нуля;
— На что в первую очередь смотрят работодатели;
— Как стать специалистом с зарплатой от 100 000 рублей в месяц. Также вы сможете записаться на карьерную консультацию.
Что Вы получите
- Видеозаписи всех онлайн-занятий
- Методички и практические задания
- Общение с одногруппниками
- Сертификат об окончании обучения
- Научитесь вносить правки в код веб-страницы и верстать текстовые блоки с нуля
- Узнаете, как менять оформление и стиль отдельных элементов сайта
- Формат обучения — Вебинары и практическая работа
- Стоимость — бесплатно
- Уровень — с нуля
Чему научитесь
- Вносить правки в HTML-код страницы
- Верстать текстовые блоки
- Добавлять стили к отдельным элементам сайта
- Готовить контент для публикации на сайте
Программа курса — 5 занятий
- Теги для разметки текста и атрибуты
- Списки и таблицы
- Селекторы и свойства
- Оформление текстовых блоков с помощью CSS
- Основы клиент-серверного взаимодействия
Для кого будет полезно?
- Веб-дизайнеров
Вы поймете, как работают сайты и познакомитесь с версткой и сможете объяснить задачу кодеру. Поднимете свою стоимость, как профессионала.
- Сотрудников, поддерживающих сайт или внутренний корпоративный портал
Хотите повысить чек за свои услуги? Разберитесь в специфике сайтов и получите повышение за счет расширения своих полномочий.
- Владельцев бизнеса
Вы сделаете сайт самостоятельно, а если нет такого желания, то правильно поставите задачу фрилансерам или веб-студии, и будете разбираться в каждом этапе работы.
- Студентов
Попробуйте себя в актуальной профессии и найдите первую работу, овладев базовыми навыками в веб-дизайне.
- Желающих сменить профессию
Вы на практике познакомитесь с новым направлением и сможете поменять профессию, при желании.
- Всех, кого интересует веб-программирование
Вы хотите узнать что-то новое и приобрести навыки веб-дизайнера для своих целей? Наш курс вам поможет!
После окончания курса вы сможете
- Самостоятельно создавать сайты
- Работать удаленно из любого уголка мира
- Получить высокий уровень дохода
- Сменить нелюбимую работу на любимую
- Получать клиентов через собственный сайт
- Создать портфолио и представить его первому заказчику
- Получать заработную плату от 40 000 рублей
Программа курса веб-программирования
Урок № 1 — HTML. Редакторы для работы
Что такое HTML, история создания. Синтаксис, теги, атрибуты. Структура HTML, практика. Верстаем статью.
Урок № 2 — HTML. CSS. Базовые свойства
Единицы измерения, блочная модель. Практика. Стилизация сверстанной статьи.
Урок № 3 — CSS. Строчные и блочные элементы
Свойство display. Расположение блоков, Псевдоэлементы, псевдоклассы. Линейное преобразование элементов, анимация.
Урок № 4 — CSS. Свойство float
Display: flex. Адаптив.
Урок № 5 — CSS. Практика
Верстаем макет.
Урок № 6 — JavaScript. Часть 1
Синтаксис, переменные, Операции с числами. Строки, массивы, объекты, методы.
Урок № 7 — JavaScript. Часть 2
Объектная модель документа, получение элементов, изменение свойств. Условный оператор. Логические операции, циклы, функции. Манипулирование DOM. События, элементы ввода.
Урок № 8 — AJAX. Часть 3
Рассмотрим объект XMLHttpRequest().Как работает функция send. Поработаем с полями target и response.
Урок № 9 — JavaScript. Часть 4
Учимся работать с Jquery.
Урок № 10 — PHP. Часть 1
Для чего используется, как запускать, синтаксис. Переменные, строки, массивы, функции, условный оператор, циклы. Управление содержимым страницы.
Урок № 11 — PHP. Часть 2
Отправка файлов. Обработка запросов GET, POST
Урок № 12 — PHP. Часть 3
HTTP — заголовки. Cookies, Сессии
Урок № 13 — MySQL. Часть 1
Основные операции БД. Структура БД. Типы полей. Свойства полей. SQL. Виды связей.
Урок № 14 — MySQL. Часть 2
Хранение информации о пользователе.
Урок № 15 — MySQL. Часть 3
Работа с хэш-функции.
Частичный список курсов:
- Разработчик JavaScript (фуллстек)
- Python – разработчик
- NET разработчик
- Golang — разработчик fullstack (дипломная программа)
- Веб — программист. Профессиональная разработка на PHP и JS. 2021
- Веб — разработка. Профессионал Laravel и React
- Разработчик Python (фуллстек)
- Специалист JavaScript
- Full — stack javascript – разработчик
- Веб — мастер
Веб-разработчик разрабатывает сайт на языках HTML, CSS и JavaScript. Создаёт интерфейсы с помощью библиотеки React. Настраивает Git, чтобы работать в команде, и Webpack, чтобы собирать файлы проекта автоматически. Веб-разработчик разбирается и в устройстве сервера: может настроить Nginx и запрограммировать сервер на Node.js.
Основы HTML, CSS, JS: бесплатный вводный курс
20 часов
Курс посвящён базовому синтаксису HTML и CSS. Вы научитесь управлять цветом и шрифтами, размещать блоки на странице. Всё это — через практику: выполните в тренажёре 4 проекта. Вы напишете программу на языке JavaScript и сделаете страницу интерактивной.
Расширенные возможности HTML и CSS
60 часов
В этом курсе вы расширите знания о семантике HTML-разметки, необходимых CSS-технологиях: flexbox, позиционирование элементов, работа с медиафайлами и виджетами, создание анимаций, работа с формами. Изучите методологию БЭМ — самый популярный в мире подход к организации кода.
Современному сайту необходимо окружение из вспомогательного программного обеспечения. В этом курсе вы подключите к проекту систему контроля версий Git и научитесь работать в командной строке.
+ 1 проект в портфолио
HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
30 часов
На этом курсе вы узнаете, какие виды дизайн-макетов используют в работе профессионалы и как готовить макет к вёрстке. Научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Разберётесь, как создавать интерфейсы для разных устройств: настольных компьютеров, ноутбуков, планшетов, смартфонов.
В этом курсе вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
+ 1 проект в портфолио
1 неделя каникул после курса
Базовый JavaScript и работа с браузером
90 часов
Полноценное погружение в JavaScript. Исследуете типы данных, научитесь работать с условиями, циклами и функциями. Пустите в ход теорию в настоящем проекте — сделаете сайт интерактивным.
JavaScript — непростые концепции
90 часов
Освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность, замыкания и обмен данными с сервером. Вы познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в свой проект.
+ 1 проект в портфолио
1 неделя каникул после курса
Создание интерфейсов на React
60 часов
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты, состоящие из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
+ 1 проект в портфолио
Основы бэкенд-разработки
120 часов
Создание веб-приложений требует взаимодействия с сервером. Вы изучите, как работает серверный JavaScript в Node.js, поднимете сервер и настроите его. В результате вы создадите серверный API для сайта, фронтенд которого уже разработали в предыдущем курсе.
1 неделя каникул после курса
Выпускной проект
90 часов
Итоговый выпускной проект, подтверждающий знания и умения. Во время работы над ним не нужно выполнять домашние задания и узнавать новую теорию из тренажёра — здесь всё, как в реальной жизни: задание, сроки, приобретённые навыки и поисковик.
Карьерный трек (опционально)
50 часов
Параллельно основной программе вы можете пройти подготовку к получению джоб-оффера: научитесь составлять резюме, писать сопроводительные письма, делать портфолио и проходить собеседования. Реализуете проект для настоящего заказчика. А в конце — проделаете все шаги с нуля до трудоустройства: отклик на вакансию, тестовое задание, интервью и приглашение на работу.
Что включает курс
- 6 больших курсов по веб-разработке
- Сотни челленджей и десятки проектов
- Ревью кода и поддержка от наставника
- Бесплатные пожизненные обновления
- Безлимит на рестарты после перерыва
- Помощь в поиске работы после курса
Чему я научусь
- Верстать сайты, используя флексбокс и гриды
- Управлять элементами DOM с помощью JavaScript
- Организовывать CSS-код с помощью препроцессоров
- Работать с коммитами и ветками в git и Github
- Использовать продвинутые техники JavaScript
- Создавать одностраничные приложения на React
- Использовать npm-модули и сборщик Webpack
- Сетапить бэкенд, используя Node.js и Express
- Деплоить приложение на serverless-платформы
Целевая аудитория
- Дизайнеры, желающие собственноручно собирать прототип
- Редакторы, выпускающие интерактивные публикации
- Стартаперы, которые хотят грамотнее брифовать кодеров
- HR-менеджеры, хантящие и собеседующие программистов
- Диджитал-маркетологи, оптимизирующие интерфейс продукта
- Блогеры, желающие кастомизировать шаблоны публикаций
- Будущие программисты, которым интересно освоить фронтенд
Записывайтесь и получите востребованную профессию за 4,5 месяца: 60+ обучающих модулей, 100+ часов обучения, технологичное портфолио, личный наставник, топовые инструменты 2021 года — всё, что нужно для быстрого и качественного старта в IT.
Отзывы на сайте.
Чему Вы научитесь за 4,5 месяца
HTML и CSS
Вы освоите лучшие практики и инструменты (Flexbox, БЭМ-нейминг, SASS), а с помощью них научитесь верстать макеты любой сложности.
Адаптивная верстка
Вы научитесь создавать проекты под разные экраны и разрешения: от мобильных до широких экранов, а также ваша верстка будет безупречно смотреться в любых браузерах.
JavaScript
У вас в руках будет вся «база»: переменные, функции, объекты и массивы, обработка ошибок и отладка.
Архитектура приложений
Вы перейдете к модульному написанию JavaScript-кода и научитесь связывать модули через import, export и require.
Workflow
Освоите работу с редактором кода, работу в консоли, научитесь работать с системой контроля версий Git и загрузите ваш проект на GitHub Pages.
Работа с макетами
Научитесь работать с макетами с помощью удобного инструмента Figma, а также научитесь работать с SVG-графикой, которая стала стандартом в сфере веб-разработки.
API
Вы сможете использовать новые интерфейсы API, реализованные в стандарте HTML5: History, Drag-and-Drop, File, Storage. Освоите работу с API Яндекс, Youtube и стандартных API браузера.
PHP
В завершении курса разберемся, как работает серверная сторона проекта. Вы научитесь получать, обрабатывать
Программа (частично):
Тема: Знакомство с Html-разметкой. Инструментарий разработчика.
- Работа с FTP клиентом. Структура страницы. Cинтаксис HTML.
- Обзор тегов ( head, html, body, title, meta), работа с тегами на странице.
Тема: Знакомство с CSS.
- Основные принципы работы CSS. Синтаксис CSS.
- Подключение CSS к HTML документу.
Тема: Работа с CSS селекторами. Cелекторы тегов, идентификаторы и классы.
- Контекстные селекторы. Наследование и каскад. Приоритеты. Работа над типовыми ошибками.
Тема: Стили текста и оформления.
- Работа со шрифтом. Цвет, размер, межстрочное расстояние и т.д.
- Работа с фоном. Цвет, изображение. Маркеры списка. Рамки и обводки.
Тема: Работа с блочными и инлайновыми элементами.
- Виды элементов. Различия и применение блочных и инлайновых элементов.
- Свойство display. Изучение поведения элемента при отрисовке. Свойство float и «плавающие» элементы.
- Другие виды поведения элементов.
- Семантическая разметка документа. Теги для работы с текстом, оформление списков, работа со ссылками и изображениями, таблицы и контейнеры (div).
Тема: Стили позиционирования, отступы и размеры блоков.
- Поля (padding) и отступы (margin). Положение на странице. Алгоритм расчета ширины и высоты элементов на странице.
Тема: Управление блоками в потоке.
- Базовые способы поведения элементов на странице (display: none, display: inline, display: block, display: inline-block, display: list-item, table*)
- Области применения тех или иных способов поведения элементов.
- Позиционирование блоков (stati, Relative, Absolute, Fixed) с «плавающими» элементами и свойство float.
- Области применения тех или иных способов позиционирования.
Тема: Сетка. Базовая верстка.
- Построение сетки с использованием float и display: inline-block. Преимущества и недостатки построения сетки с данными свойствами.
- Позиционирование на странице. Отступы, фиксация ширины(центровка, 2,3 и более колонок), фиксация шапки, подвал, выносные элементы.
Тема: Верстка сайта. Пошаговый алгоритм создания.
Тема: Обзор типовых ошибок, проблемные участки кода, отображение страниц в браузерах. Секреты профессионалов. Принципы работы и профессиональный подход к созданию сайта — оформление кода с помощью CSS, HTML, JavaScript.
Что даст вам этот курс
На курсе вы освоите лучшие практики современной верстки сайтов, а также:
- научитесь интерпретировать макеты дизайнеров;
- создавать семантическую разметку вебсайтов;
- создавать макеты любой сложности без гор библиотек и плагинов;
- освоите основной стек технологий и приемы в верстке: box model, positioning, float, flexbox, grid, media quesries, fallbacks, CSS resets, autoprefixer, postcss;
- пройдете основы оптимизации, BEM номенклатуру;
- научитесь работать с фреймворками bootstrap и tailwind.
С первого же месяца вы будете заниматься в условиях, приближенных к реальной разработке: научитесь верстать сайт по макету, делать верстку адаптивной, тестировать ее на различных мобильных устройствах, деплоить промежуточные версии.
К концу обучения вы соберете портфолио из выполненных работ и сделаете готовый проект, который сможете опубликовать и показывать на собеседованиях.
Программа предназначена для новичков, не знакомых с версткой, а также для начинающих, кто:
— знаком с основами HTML и CSS и хочет развиваться в области верстки страницы;
— начал осваивать HTML и CSS, но хочет систематизировать знания и получить экспертную обратную связь;
— веб дизайнеров, который хотели бы сами воплощать свои макеты в жизнь.
По итогам курса каждый ученик сможет написать свой индивидуальный проект —веб-приложение с адаптивной вёрсткой, которое разместим на хостинге.
Программа обучения
Курс длится год и делится на 2 модуля
Модуль №1
- Основы HTML, CSS и JavaScript
- Веб-дизайн в Figma
- Конструктор сайтов Tilda
- Работа в среде разработки
и с системой контроля версий Git - Cоздание мультфильма на CSS
- Создание аналога «Кинопоиска»
- Защита проектов
Модуль №2
- Работа с современной
библиотекой React - Redux
- Введение в бэкенд
на фреймворке express - Создание ToDo листа
- Cоздание приложения «Погода»
- Защита проектов
Вы погрузитесь в IT-профессию с первого дня обучения, освоите востребованные навыки
веб-разработчика и соберёте портфолио проектов.
Кому подойдет этот курс
Новичкам в веб-разработке
Получите все необходимые знания для уверенного старта в веб-разработке и создадите первые проекты для портфолио
Начинающим веб-разработчикам
Сможете структурировать знания в работе с самыми популярными языками программирования и расширите круг своих компетенций в кодинге
Действующим веб-разработчикам
Прокачаете навыки в веб-разработке, повысите качество своих работ и сможете претендовать на позицию Full-Stack веб-разработчика.
Программа курса
«Веб-разработчик»
4 модуля, 27 онлайн-уроков
Язык разметки HTML
- Знакомство с HTML. Виды текстовых редакторов. Что такое HTML. Виды текстовых редакторов. Создание веб-страницы. Виды тегов. Основная структура веб-страницы.
- Основные теги HTML. Заголовки и форматирование текста. Списки. Работа с изображениями. Таблицы. Ссылки.
- Разработка сайта-визитки. Разработка сайта-визитки. Заголовки и форматирование текста. Списки. Работа с изображениями. Таблицы. Ссылки.
- Разработка портфолио в виде Landing Page. Что такое Landing Page. Разработка структуры портфолио. Подбор материала для портфолио. Верстка Landing Page.
Каскадные таблицы стилей CSS
- Введение в CSS. Что такое CSS. Основная структура CSS. Подключение стилей к веб-странице.
- Основы CSS. Виды селекторов. Id и классы. Свойства. Псевдоклассы. Стили основных элементов.
- Блочная верстка. Свойство display. Свойства блочных элементов. Позиция блочных элементов.
- Трансформация в CSS. Переходы в CSS. Анимация на сайте.
- Верстка главной страницы онлайн-кинотеатра. Создание меню навигации. Верстка сектора с плиткой фильмов. Верстка декоративных эффектов на сайте.
- Верстка сайта по заданному шаблону. Подготовка медиафайлов. Верстка основных блоков сайта. Подбор цвета для сайта. Верстка структуры основных блоков сайта. Наполнение сайта контентом.
Язык программирования JavaScript
- Введение в JavaScript. Что такое JavaScript. Подключение скрипта. DOM-дерево
- Основы программирования JavaScript. Типы данных. Ввод, вывод информации. Условный оператор. Циклы. Массивы.
- JavaScript в браузере. Получение информации с формы. Поиск элементов html и их id и классов. Создание элемента. Изменение свойств элементов.
- Валидация формы регистрации пользователя на сайте. Что такое валидация. Техники валидации форм. Валидация с помощью JavaScript.
- Разработка веб-приложения «Конвертер валют». Разработка дизайна приложения. Разработка пользовательского интерфейса. Обработка полей ввода и вывод результата пользователю.
Язык программирования PHP и база данных MySQL
- Введение в PHP. Что такое PHP. Что такое сервер. Настройка локального сервера OpenServer.
- Основы программирования PHP. Арифметические операции в PHP. Условный оператор. Цикл while. Цикл foreach в PHP. Массивы. Ассоциативный массив.
- Шаблонизация в PHP. Что такое шаблон. Подключение шаблона к веб-странице. Разбивка макета сайта на шаблоны и дальнейшая их сборка в одном документе.
- База данных MySQL. Что такое база данных. Проектирование базы данных. Создание базы данных. Подключение базы данных к веб-странице. Язык запросов SQL. Вывод информации из базы данных на веб-страницу. Запись информации в базу данных.
- Создание системы регистрации и авторизации пользователей на сайте. Верстка страниц регистрации пользователя и входа(авторизация) на сайт. Валидация полей формы регистрации. Создание базы данных для хранения информации о пользователях. Реализация регистрации и авторизации на сайте.
Вы научитесь писать на JavaScript и PHP, создавать сайты, приложения и интернет-магазины — и сможете зарабатывать на этом, даже если раньше не программировали.
- Первые 12 месяцев бесплатно
- Обучение на практике
- Трудоустройство после обучения
- Средняя зарплата 100 000 рублей
Кому подойдёт этот курс
- Новичкам в веб-разработке
Вы с нуля изучите основы программирования на JavaScript и PHP, научитесь верстать сайты на HTML и создадите первые проекты для портфолио.
- Начинающим разработчикам
Вы прокачаетесь в работе с самыми популярными языками программирования, изучите Vue.js,React.js или Angular и расширите круг своих компетенций в кодинге.
- IT-специалистам
Вы научитесь верстать сайты, создавать проекты на JavaScript и его фреймворках и программировать на PHP. Изучите основы менеджмента и работы в команде по методике Scrum.
Чему вы научитесь
- Верстать сайты на HTML и CSS, вносить изменения в вёрстку
- Работать с реляционными базами данных на примере MySQL
- Работать с API
- Проектировать сайт под любой тип устройств
- Разбираться в legacy-коде
- Управлять разработкой digital-проектов
- Применять знания UX и данные из Customer Journey Map
- Работать с React.js, Vue.js или Angular
Помощь в трудоустройстве
- Рекомендации по составлению портфолио и резюме
- Подготовка к собеседованию в компаниях-партнёрах
- Реальные заказчики
на защите диплома - Персональные консультации по развитию карьеры
Программа
Вас ждёт насыщенная программа, знание которой можно приравнять к году работы.
- 186 тематических модулей
- 300 онлайн-уроков
Основные курсы
- Веб-вёрстка. Базовый уровень
- Веб-вёрстка. Продвинутый уровень
- Базовый уровень
- Продвинутый уровень
- PHP
- js
Курсы на выбор
- js
- js
- Angular
Бонусные курсы
- Английский для IT-специалистов
- Универсальные знания программиста
- Онлайн-сессии по веб-разработке
- Веб-дизайн с нуля
- Веб-дизайн PRO
- Git и командная разработка
- Руководитель digital-проектов
- Программист «1C-Битрикс»
- Symfony
Дипломные проекты
- Проекты по вёрстке
- JavaScript
- js/Angular
- js
- PHP
Профессиональные навыки:
- Вёрстка веб-страниц
- Составление сложных SQL-запросов
- Понимание legacy-кода
- Работа сjs/ Angular/ React.js
- Создание интернет-магазинов
- Создание и работа с реляционными базами данных
- Программирование на JavaScript и PHP
- Публикация кода на сервере
- Работа с системой контроля версий Git
Диплом по окончании
После прохождения курса и выполнения всех дипломных работ вы получите диплом веб-разработчика.
