ТОП-30 лучших курсов веб-разработчика: обучение онлайн, бесплатные и платные в 2024 году

Веб-разработка – это процесс создания веб-сайтов и веб-приложений с использованием языков программирования и технологий веб-разработки. В веб-разработке можно использовать различные языки программирования, такие как HTML, CSS и JavaScript, а также различные фреймворки и библиотеки для создания динамических и интерактивных веб-сайтов. В веб-разработке также важно понимать основы баз данных и работы с сервером.

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

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

Содержание статьи:

1 место. Курс «Веб-разработчик с нуля до PRO от Skillbox»

Цена: Рассрочка на 12 месяцев – 6 877 ₽ / мес

Ссылка на сайт: https://skillbox.ru/course/webdev/

Вы научитесь верстать сайты на HTML и CSS, изучите JavaScript. Сможете разрабатывать на PHP серверную часть сайта — и сделаете первые проекты для портфолио.

  • Длительность – 10 месяцев
  • Онлайн в удобное время
  • Практические задачи для отработки навыков
  • Telegram-чат с куратором и участниками курса.

Перейти на официальный сайт →

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

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

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

  • Качественно верстать сайты
    Узнаете, как разрабатывать сайты с помощью HTML и CSS для всех актуальных версий браузеров и платформ.
  • Разрабатывать интерактивные сайты
    Научитесь делать сложную анимацию, слайдеры, попап-окна, выпадающее меню с помощью JavaScript.
  • Программировать на PHP
    Сможете создавать сайты и веб-приложения повышенной сложности, обрабатывать пользовательские функции и работать с файлами.

Содержание курсов:

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

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

  1. Веб-вёрстка. Базовый уровень ~17 часов
  • Введение.
  • Базовый HTML.
  • Базовый CSS. 2 модуля.
  • Подготовка к вёрстке.
  • HTML-разметка.
  • Flexbox.
  • Стилизация.
  • Продвинутый HTML. Формы.
  • Продвинутый CSS. 2 модуля.
  • Адаптивность. Десктоп.
  • Адаптивность. Мобильные устройства.
  • Javascript для верстальщика.
  • Доступность.
  • Кросс-браузерность.
  • База знаний.
  • Сетки.
  • Работа с хостингом.
  • Анимация.
  1. PHP-разработчик. Базовый уровень ~14 часов
  • Введение в программирование на PHP.
  • Переменные, числа и boolean.
  • Условные операторы и булева алгебра.
  • Строки и массивы.
  • Циклы.
  • Функции: создание и использование.
  • Рекурсия, callback и анонимные функции.
  • Классы, методы и объекты.
  • Наследование и абстрактные классы.
  • Интерфейсы и полиморфизм.
  • Модификаторы доступа, геттеры и сеттеры.
  • HTML/CSS.
  • Подключение frontend к
  • Разделение приложения на файлы.
  • Работа с файлами и сетью.
  • Обработка ошибок, Exceptions и логи.
  • Протокол HTTP.
  • Обработка GET- и POST-запросов, Header, Cookie и Session.
  • REST и RESTful API.
  • Язык запросов SQL.
  • Работа с базами данных в PHP.
  • Фреймворк Laravel.
  1. Базовый уровень ~8 часов
  • Введение.
  • Переменные и работа с числами.
  • Строки, boolean и условные операторы.
  • Массивы и циклы.
  • Функции.
  • Объекты.
  • Введение в DOM. 2 модуля.
  • Константы, области видимости и замыкания.
  • Преобразование типов и нестрогие сравнения.
  • Общение с сервером, async/await.
  1. Веб-вёрстка. Продвинутый уровень ~10 часов
  • Верстка HMTL-писем.
  • Анимация на JS.
  • Оптимизация и процесс загрузки.
  • Отрисовка сайта.
  • Сборщики.
  • Препроцессоры и постпроцессоры.
  • CSS Grid.
  • Будущее вёрстки.
  1. Продвинутый уровень ~9 часов
  • События браузера, контекст выполнения.
  • Модули.
  • Event loop и асинхронная разработка.
  • Обработка ошибок.
  • Классы.
  • События.
  • Экосистема JavaScript и npm.
  • Сборка.
  • Тестирование.
  • База знаний.

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

  1. Онлайн-сессии по веб-разработке
  • Адаптация макета под мобильные устройства.
  • Практикум по интерактивным элементам.
  • Что такое Webpack.
  • Сборка проекта на Gulp и обзор препроцессора Sass.
  • Анимация в CSS.
  • Вёрстка писем.
  1. Система контроля версий Git
  • Версии программного кода.
  • Установка Git.
  • Индекс и частичные коммиты.
  • Сравнение версий.
  • Отмена изменений и откат версий.
  • Репозитории и коллективная работа.
  • Ветки: создание и управление.
  • Слияние и разрешение конфликтов.
  • Полезные инструменты.
  • Правила работы с Git.
  • Публикация проекта на Github.
  • Подключение PHPStorm к GitLab.

Итоговые проекты

  1. Веб-вёрстка
    Вы сверстаете лендинг и несколько страниц интернет-магазина.
  2. Облачное хранилище
    Вы разработаете аналог файлового хранилища Dropbox. Компоненты приложения напишете с нуля на чистом PHP — без использования фреймворков.
  3. Система управления контактными данными клиентов
    Вы разработаете полноценную CRM-систему. Через ваше приложение сотрудники смогут отслеживать списки сделок, клиентов, следить за документооборотом. Пройдёте через все этапы разработки коммерческого ПО в компании и будете готовы к командной работе.
  4. Банк-клиент
    Напишете систему для управления счетами, добавите возможность перевода крипты другим пользователям и отображение списка доступных банкоматов на карте.

Спикеры:

  • Сергей Корниенко
    Frontend team-lead инвестиционного маркетплейса Московской биржи
  • Максим Васянович
    Практикующий фрилансер, ментор блока «Веб-вёрстка»
  • Тимофей Тиунов
    Системный архитектор в Сбермегамаркете
  • Дмитрий Игнатьев
    Руководил продуктовой командой в «Работа.ру‎». До 2018 года Senior-разработчик в EPAM
  • Михаил Молеску
    PHP-разработчик, руководитель филиала ITRex Group.

Отзывы об обучении в Skillbox доступны на сайте.

Сертификат Skillbox подтвердит, что вы прошли курс, и станет дополнительным аргументом при устройстве на работу.

Подробнее о курсе веб-разработчика →

2 место. Курс «Веб-разработчик с нуля от Нетология»

Цена: 159 000 ₽ или рассрочка на 24 месяца – 6 625 ₽ / мес

Ссылка на сайт: https://netology.ru/programs/web-developer#!

Научитесь программировать на JavaScript и PHP — сможете создавать сайты и веб-приложения.
Соберёте портфолио из 9 проектов. Сможете начать работать по специальности уже через 6 месяцев обучения.

  • Формат обучения: Вебинары, видеолекции, практические задания
  • Результат: Новая профессия, портфолио, контакты в IT‑сообществе
  • Документ: Диплом о профессиональной переподготовке установленного образца.

Перейти на официальный сайт →

Вас ждёт 756 часов практики и более 200 практических задач — вы создадите 9 готовых работающих проектов, которые можно показывать работодателям и заказчикам.

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

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

Ваши будущие проекты:

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

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

  • Олег Сафонов
    Ведущий разработчик в «Визиолоджи Технологии»
  • Сергей Вертепов
    Старший разработчик в Veeam Software
  • Сергей Судничников
    Руководитель направления в Сбербанке
  • Дмитрий Бронских
    Fullstack-разработчик в «Телеком-Нейва»
  • Алёна Батицкая
    Frontend-разработчик, freelance.

И др.

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

Программа строится от простого к сложному. За время обучения вы освоите востребованные навыки веб-разработчика, соберёте портфолио проектов и станете уверенным junior-специалистом.

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

  1. HTML-вёрстка с нуля до первого макета
    Научитесь верстать сайты на HTML и CSS и вносить изменения в существующую вёрстку. По итогам этого модуля вы уже самостоятельно сверстаете лендинг. Модуль включает 8 занятий.
  • Теги для вёрстки контента страницы
  • Теги для вёрстки структуры страницы
  • Теги для вёрстки форм
  • Селекторы CSS
  • Определение контекста элементов
  • Блочная модель
  • Позиционирование элементов
  • Оформление текста
  • Оформление декоративных элементов
  • Состояние интерактивных элементов
  • Выполнение проекта по итогам модуля: вёрстка макета сайта
  1. Мобильная и адаптивная вёрстка
    Получите опыт, который позволит стать незаменимым звеном в проектировании и создании современных отзывчивых веб-интерфейсов. Сможете верстать сайты для всех типов устройств.
  • Вёрстка резинового макета
  • Резиновые изображения
  • Медиа-запросы и медиа-функции
  • Вёрстка мобильных устройств
  • Вёрстка адаптивного макета
  • Адаптивная типографика, выбор breakpoints
  • Адаптивные изображения
  • Выполнение проекта по итогам модуля: адаптивная мобильная версия макета сайта
  1. Основы программирования
    Познакомитесь с азами программирования, напишете первые строки кода и создадите первые простые проекты на популярном языке JavaScript. Разберётесь с видами языков программирования и поймёте, как выбрать «свой» с учётом личных интересов и профессиональных планов. В итоговом проекте вы разработаете онлайн-игру, похожую на «Монополию».
  • Алгоритмы
  • Переменные, числа и строки
  • Логика и математика
  • Ветвление кода
  • Алгоритм с множественным выбором
  • Ошибки в коде
  • Массивы
  • Циклы
  • Подпрограмма, функция
  • Объекты
  • Синхронное и асинхронное выполнение алгоритма
  • Выполнение проекта по итогам модуля: игра «Крестики-нолики» на JavaScript
  1. Git — система контроля версий
    Вы научитесь работать с системой Git и с сервисом GitHub, сможете публиковать свои домашние работы и уже в процессе обучения сформируете первое портфолио — работодатели часто просят показать примеры вашего кода на GitHub.
  • Предназначение системы контроля версий
  • Основные операции: фиксация и откат изменений, поиск, история
  • Работа с сервисом GitHub
  • Ветки, слияние веток и разрешение конфликтов
  • Командная работа
  1. Основы JavaScript
    Глубже погрузитесь в JavaScript — один из самых популярных и гибких языков программирования. Начнёте с азов синтаксиса, узнаете, как работает сайт, и за 8 занятий напишете своё первое веб-приложение — онлайн-сервис для торговли криптовалютой.
    Далее узнаете о дополнительных возможностях, которые даёт браузер. Подключив скрипт к HTML-документу, получите к нему доступ и сможете делать документ «живым»: изменять его и реагировать на действия пользователя.
  • Основы отладки
  • Базовый синтаксис
  • Расширенный синтаксис
  • Типы данных
  • Функции, объекты
  • Прототип и конструктор объекта
  • ООП в JS (ES6)
  • Обработка исключений и замыкания
  • Прототип массива, функции высшего порядка
  • Асинхронность
  • Выполнение проекта по итогам модуля: сайт-биржа по продаже криптовалюты
  1. Основы JavaScript в браузере
    Вы узнаете о дополнительных возможностях, которые даёт браузер — Web API. Подключите скрипт к HTML-документу и получите к нему доступ, чтобы сделать документ «живым»: изменять его и реагировать на действия пользователя.
  • Возможности JavaScript в браузере
  • Способы поиска нужного HTML-элемента
  • Объект события
  • DOM
  • Работа с HTML-формами
  • Изменение структуры HTML-документа
  • Асинхронные запросы
  • Хранение состояния на клиенте
  • Выполнение проекта по итогам модуля: веб-менеджер личных финансов
  1. Продвинутый JavaScript
    Научитесь работать с современным инструментом для организации рабочего окружения (npm, webpack) и разберётесь с наиболее сложными разделами языка: прототипной моделью, promises и асинхронным программированием (async/await). Всё это позволит вам выйти на новую ступень в сфере веб-разработки.
  • Стандарты и рабочее окружение
  • Модули и webpack
  • Платформы: браузер vs Node.js
  • Unit-тестирование
  • Прототипы, конструкторы, классы и наследование
  • Object, reflection и proxy
  • Регулярные выражения
  • Контейнеры
  • ArrayBuffer
  • Promises, async/await, timers & event loop
  • Символы, итераторы, генераторы
  • TypeScript
  • Выполнение проекта по итогам модуля: онлайн-игра «Ходилка» в стиле фэнтези
  1. Продвинутый JavaScript в браузере
    Освоите инструменты, ускоряющие работу. Научитесь на профессиональном уровне работать с формами: проводить валидацию, использовать продвинутые элементы — слайдеры, календари, файлы. Познакомитесь с API, предоставляемым браузером: геолокацией, нотификацией, медиа, веб-сокетами. Через анимацию добавите интерактивность в свои приложения.
  • Рабочее окружение
  • Работа с DOM (объектная модель документа)
  • Обработка событий
  • Организация тестирования (Unit, E2E)
  • Работа с HTML-формами, LocalStorage
  • Drag & Drop, работа с файлами
  • Работа с HTTP
  • Анимация и CSS
  • Geolocation, notification, media
  • RxJS
  • EventSource, Websockets
  • WebWorkers, ServiceWorkers
  • Выполнение проекта по итогам модуля: бот для поиска и хранения информации
  1. Библиотека React
    Освоите одну из самых популярных библиотек на JavaScript — React. При помощи этой библиотеки вы сможете создавать интерактивные пользовательские интерфейсы. Вам достаточно описать, как части интерфейса приложения выглядят в разных состояниях. React будет своевременно их обновлять, когда данные изменяются. Вы сможете создавать инкапсулированные компоненты с собственным состоянием, а затем объединять их в сложные пользовательские интерфейсы.
  • Компоненты, композиция компонентов
  • События и состояние
  • Props
  • Формы
  • Жизненный цикл и работа с HTTP
  • HOC
  • Hooks, Context API
  • React Router
  • Redux и Redux Thunk, Redux Observable, Redux Saga
  • Выполнение проекта по итогам модуля: интернет-магазин обуви.

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

  1. Основы PHP
    Перейдём к бэкенду. Около 80% сайтов в России написаны на PHP, поэтому этому языку мы посвятили два модуля. Вы познакомитесь с базовыми конструкциями языка, а также обучитесь работе с функциями и объектами. Длительность модуля — 8 занятий.
  • Знакомство с PHP и PHPStorm
  • Консольные приложения в PHP
  • Базовые операторы и функции
  • Создание функций в PHP
  • Основы работы с объектами
  • HTTP, заголовки, сессии
  • Файлы, HTML-формы
  • Развёртывание приложения на хостинге
  1. Продвинутый PHP
    Продолжим изучение PHP. В этом модуле вы углубитесь в объектно-ориентированный подход в PHP, работу с базами данных и тестирование.
  • Понятие класса и объекта
  • Наследование, полиморфизм и инкапсуляция
  • Тестирование, PHPUnit
  • Работа с базами данных
  • Название занятия
  1. Фреймворк Laravel
    Вы изучите один из самых популярных фреймворков для разработки бэкенда на PHP. Познакомитесь с возможностями Laravel, научитесь создавать контроллеры для обработки внешних запросов, создадите базу данных для сайта.
  • Введение в Laravel
  • MVC
  • Работа с базой данных
  • Middleware и авторизация
  • Работа с REST API.

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

  1. Английский язык для начинающих разработчиков
    В этом модуле вас ждут 10 видеолекций, которые помогут вам начать разговаривать на английском языке как настоящий разработчик.
  • Лексика, без которой не обойтись
  • Как вести переписку на английском
  • Чтение документации и анализ требований
  • Программирование
  • Тестирование ПО
  • Стрессовые ситуации
  • Устранение неполадок
  • Работа и роли в команде
  • Поддерживаем любую беседу на английском
  • Собрания, презентации на высшем уровне
  1. Основы графического дизайна
    Узнаете о принципах графического дизайна и научитесь работать с композицией, формой и цветом. Попрактикуетесь в создании коллажей, композиций и абстракций, нарисуете логотип для собственного бренда.
    Видеокурс включает конспекты, дополнительные материалы для изучения, тесты и задания с самопроверкой.
  • Основы композиции
  • Теория цвета
  • Цифровая эстетика и новые медиа
  • Типографика
  • Введение в брендинг и современный плакат
  1. Карьера в веб-разработке
    Научитесь формулировать карьерные цели, создавать резюме, собирать портфолио и готовиться к собеседованиям. Создадите пошаговый план поиска работы, запишите видеопрезентацию и пройдёте карьерную консультацию с HR-экспертом.
  • Пошаговый план поиска работы
  • Анализ рынка труда
  • Резюме, портфолио веб-разработчика и сопроводительное письмо
  • Собеседование: как подготовиться и пройти
  • Статистика и измерение эффективности поиска работы
  • Индивидуальная карьерная консультация.

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

Отзывы:

Ксения Коновалова
Digital Security, Web Designer & Developer
«В курсе сложно разочароваться. Там есть шанс познакомиться с действительно классными преподавателями-практиками. Если хочется научится делать сайты для своих проектов без использования популярных CMS, то этот курс отлично вам подойдет.»

Елена Пашкова
«На профессию «Веб-разработчик» я пришла с нуля. У меня был проект и желание сделать его своими руками. В программах Нетологии чёткая структура обучения, поэтому я решила довериться профи. Результат себя оправдал на 200 процентов. Я не только реализовала свой проект, но и приобрела профессию по душе. Одним из плюсов являются домашние задания. Это всегда вызов и всегда задача, которая захватывает логику и воображение. Если что-то непонятно, можно получить ответ у преподавателей, аспирантов и даже одногруппников. Чувствуешь себя в команде, и это очень помогает. Отдельное спасибо координаторам — все вопросы решаемы, причём с индивидуальным подходом. Теперь, если мне нужно чему-то научиться, то в первую очередь ищу в Нетологии.»

Подробнее о курсе веб-разработчика →

3 место. Курс «Веб-разработчик с нуля от SkillFactory »

Цена: Рассрочка на 36 месяцев – от 3 227 ₽ / мес

Ссылка на сайт: https://skillfactory.ru/web-developer

Освойте PHP и JavaScript, чтобы создавать веб-сайты и настраивать базы данных.

  • 12 месяцев
  • Тренажеры, тесты, видеоуроки, онлайн-митапы и проекты
  • Уровень – с нуля
  • Доступ к курсу навсегда.

Перейти на официальный сайт →

Вы получите:

  • Актуальные навыки, которые нужны работодателям
  • Знания от практикующих экспертов
  • Помощь менторов
  • Содействие в трудоустройстве.

Результат — новая востребованная профессия и 10 готовых проектов в портфолио на GitHub.

Чем занимается веб-разработчик?

  • Создает веб-сайты, сервисы и приложения, которыми мы пользуемся каждый день
  • Разрабатывает интернет-магазины, интернет-банки, поисковые системы, карты и почтовые клиенты
  • Проектирует внешний вид сайта — интерфейс. А также программирует сервисную часть — настраивает сервер.

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

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

  • Для тех, кто хочет сменить профессию
    Хотите сменить профессию на востребованную и высокооплачиваемую, Вы справитесь даже без технического бэкграунда — просто следуйте программе курса.
  • Для студентов
    Студент и еще учитесь. Мы дадим актуальные знания и навыки для вашей первой работы. А вы сможете ее найти уже в конце обучения и достойно зарабатывать.
  • Не программистов, но уже работающим в IT
    Уже работаете в IT (например, тестировщиком или сотрудником Helpdesk). Мы подскажем, как перейти в востребованное направление, и поможем вам зарабатывать больше.

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

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

За четыре месяца вы изучите основы и сможете перейти к более сложным вещам. А через 8 месяцев приступите к поиску работы.

Введение в веб-разработку

  1. Введение
  • Введение
  • Введение в разработку
  • Основные понятия программирования
  • Markdown и Git
  1. Базовая верстка
  • Базовый HTML
  • Тренажер HTML
  • Базовый CSS
  • Сессии и Cookie
  • Тренажер по PHP
  1. Базовый Frontend
  • Принципы работы JS
  • Числа и строки
  • Условия
  • Циклы и массивы
  • Функции и объекты
  • Тренажер по JavaScript
  1. Базовый Backend
  • Старт в PHP
  • Основные алгоритмические конструкции
  • Типы данных в PHP
  • Сессии и Cookie
  • Тренажер по PHP.

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

  1. Продвинутая верстка
  • Продвинутый HTML
  • Продвинутый CSS
  • Адаптивная верстка
  • Тренажер CSS
  • Анимации
  • Проект “Верстка лендинга по макету”
  1. Продвинутый Frontend
  • Продвинутая работа с объектами в JS
  • Стандарты написания кода и общие подходы
  • Асинхронность (AJAX)
  • API браузера
  • Введение в принципы построения SPA
  • Инфраструктура Frontend
  • Введение в тестирование
  • Тестирование и линтеры
  • Взаимодействие с backend. Базы данных
  • Проект “Таск-менеджер”
  1. Профориентация и soft skills
  • Работа в команде и трудоустройство
  • Работа на фрилансе
  1. Фреймворк React
  • React.js: Знакомство
  • React.js: Components
  • React.js: Advanced
  • React.js: Patterns and practice
  • React.js: High level topics
  • Тренажер React
  1. Бонус. TypeScript
  • Писать программы на TypeScript
  • Подключать TypeScript к проекту и настраивать
  • Использовать Typescript в React-проектах
  1. Финальный проект
  • Финальный проект. Kanban board
  • Защита финального проекта.

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

  1. SQL и работа с базами данных
  • Введение в реляционные базы данных
  • Язык запросов SQL
  • Транзакции
  • Продвинутое использование реляционной БД
  • Тренажер SQL
  1. Продвинутый Backend
  • Продвинутые веб-сервера
  • ООП
  • MVC
  • Работа с БД
  • Авторизация и аутентификация
  • Конфигурирование приложения
  • Тестирование приложения
  • SOLID, паттерны, PSR
  • Скорость работы приложения
  • Проект. MVC фреймворк
  1. Основы администрирования
  • Linux
  • Контейнеры и Docker
  • Проект. Мессенджер
  1. Фреймворк Laravel
  • Laravel: Знакомство с фреймворком
  • Laravel: Основные компоненты
  • Laravel: Работа с базой данных
  • Laravel: Расширенный функционал фреймворка
  • Laravel: Тестирование в Laravel
  • Тренажер Laravel
  1. Финальный проект
  • Финальный проект. Партнерская сеть
  • Защита финального проекта.

Вы создадите такие проекты как:

  • Веб-сайт на шаблонизаторе
  • Созданая веб-страницы в Figma
  • Разработанный интернет-магазин
  • SPA чат портал
  • Таск-менеджер
  • Канбан-доска
  • Каркас MVC фреймворка
  • Мессенджер
  • Партнерская сеть
  • Собранная площадка для разработки на базе Docker.

Подтвердим вашу квалификацию сертификатом.

Преподаватели:

Александр Пряхин
CTO в компании CityAds Media.
Ведущий преподаватель курса с опытом backend-разработчика — более 10 лет в IT. Научит писать на PHP.

Алексей Судничников
Аналитик в NodaSoft.
8 лет опыта преподавания информатики и информационных технологий. Три года руководства IT-проектом федерального уровня (проекты на yii2, symphony, laravel).

Дарья Короткова
Ведущий инженер-программист в газовой сфере.
Опыт работы в ИТ более 7 лет. Стек: PHP, mySQL, Javascript. Разрабатывала системы для опроса телеметрии, систему для оценки качества сварки судостроительной технологии.

И др.

Подробнее о курсе веб-разработчика →

Курс «Веб-разработчик от Skypro »

Цена: Рассрочка на 36 месяцев – 3 489 ₽ / мес

Ссылка на сайт: https://sky.pro/courses/programming/web-developer

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

  • 12 месяцев.

Перейти на официальный сайт →

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

Выполните 7 проектов во время обучения.

Программа:

Мы исследовали 3022 вакансии с требуемым опытом до 1 года и до 3 лет, составили список самых востребованных навыков и включили их в программу обучения.

  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 недели, чтобы справиться с последней задачей для портфолио — разработка фронтенд-части для сервиса покупки авиабилетов с функциями выбора рейса, места и оплаты.

Авторы профессии — эксперты в веб-разработке:

  • Петр Гаврилов
    Руководитель направления разработки в Skysmart
    Автор профессии
    5 лет в веб-разработке.
  • Алексей Кадочников
    Бывший разработчик в VK
    Технический руководитель и преподаватель профессии
    9 лет в веб-разработке.
  • Александр Шлейко
    Frontend-разработчик в «Яндексе»
    Технический руководитель ускоренных курсов по frontend-разработке в Skypro
    8 лет в веб-разработке.

И др.

Подробнее о курсе веб-разработчика →

Курс «Профессия Веб-разработчик от GeekBrains»

Цена: Рассрочка до 36 месяцев – от 3 105 ₽ / мес

Ссылка на сайт: https://gb.ru/professions/web_developer

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

  • 8 месяцев
  • Свидетельство об обучении
  • Помогаем с трудоустройством.

Перейти на официальный сайт →

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

  1. Базовый курс
    13 роликов научат вас основам работы с системы контроля версий Git. Вы узнаете, почему она важна в современной разработке. Изучите базовые понятия: репозиторий, коммиты, ветки и тэги. Освоите ключевые операции: создание и клонирование репозитория, слияние веток, запрос истории изменений и многое другое. После обучения вы будете готовы использовать Git для подготовки домашних заданий на курсах по программированию на любом языке. Кроме того, вы приблизитесь к прохождению собеседования, где несколько вопросов обычно посвящены системе контроля версий.
  • Введение в Git
  • Установка и настройка Git
  • Основные команды терминала
  • Работа с репозиториями в Git
  • Управление файлами репозитория
  • История изменений
  • Работа с ветками репозитория
  • Публикация репозитория
  • Слияния веток
  • Управление версиями
  • Создание pull-request
  • Сложные операции
  • Работа с Fork-репозиториями
  1. Основы программирования
    Курс ориентирован на людей, не имеющих опыта в программировании. Для начала обучения достаточно владеть компьютером на уровне самого обычного пользователя. Все обучение будет проходить в браузере и вам не потребуется устанавливать дополнительное ПО. Вы узнаете, что такое программа, как она выполняется, познакомитесь с основными операциями в программировании. Доступным языком мы расскажем об основных типах данных, массивах, ветвлении, циклах и функциях. Вы получите опыт решения простых, но интересных задач, что даст вам почву для того, чтобы научиться решать задачи гораздо более серьёзные.
  • Программа, переменные и типы данных
  • Блок-схемы и ветвления
  • Циклы
  • Функции
  • Массивы
  1. HTML/CSS. Видеокурс. 1 месяц
    HTML/CSS — язык гипертекстовой разметки, основа для изучения серверных языков программирования. Изучив html, вы сможете создать адаптивную веб-страницу или веб-сайт. Изучив css — сможете оформить свёрстанный сайт. Чтобы отработать полученные знания — делайте практические задания. Мы их не проверяем, но выполнять их важно: так у вас появятся базовые навыки профессиональной вёрстки.
  • Основные понятия в веб-разработке
  • Основы языка разметки документов HTML
  • Основы языка оформления стилей документа CSS
  • Основные тэги для вёрстки, Псевдоклассы и псевдоэлементы
  • Основы позиционирования, работа с Flexbox
  • Работа с макетом дизайна в формате Figma
  • Основы создания адаптивного сайта
  • Стандарты web и вспомогательные инструменты
  1. Профессиональная верстка. 1 месяц
    Курс позволит освоить программирование с применением HTML5 и CSS3. В ходе практической разработки front-end части интернет-магазина студенты научатся применять код к макетам Bootstrap, работать с двумя препроцессорами: языками LESS и SASS. Освоят адаптивную верстку сайтов, принципы кроссбраузерности и валидности при разработке интерфейса веб-ресурса.
  • Позиционирование элементов. Практическая верстка
  • Структура HTML5, знакомство с формами
  • Практическое применение Bootstrap
  • Препроцессоры: применение на практике
  • Эффекты перехода и трансформации в CSS3
  • CSS3: медиа-запросы, адаптивная верстка
  • Практическое применение адаптивной верстки
  • Grid layout, новые возможности CSS3
  1. Базовый курс JavaScript. 1 месяц
    Студенты знакомятся с основами JavaScript, позволяющего делать веб-страницы интерактивными. Учатся создавать динамические страницы и приложения, используя опыт HTML-верстки. Отрабатывают навык программирования на JavaScript, разрабатывая мини-игры.
  • Основы языка JavaScript
  • Основные операторы JavaScript
  • Циклы, массивы, структуры данных
  • Объекты в JavaScript
  • Введение в DOM
  • Обработка событий в JavaScript
  • Урок-практикум
  • Анонимные функции, замыкания
  1. Продвинутый курс Javascript. 1 месяц
    Курс научит использовать максимум возможностей JavaScript, чтобы создавать функциональные, привлекательные сайты. Используя библиотеку JQuery, осваивая Ajax-запросы, начинающие разработчики сделают интерфейс своего интернет-магазина интерактивным.
  • Современный JavaScript
  • ООП в JavaScript
  • Асинхронные запросы
  • Регулярные выражения
  • Фреймворк Vue.js
  • Компоненты Vue.js
  • JavaScript на сервере
  • Тестирование и сборка
  1. Базы данных. Основы
    Студенты ознакомятся с принципами построения и функционирования реляционных баз данных, будут способны самостоятельно конструировать базы данных, определять и модифицировать их структуру, а также манипулировать данными при помощи универсального языка запросов SQL.
  • Введение в теорию реляционных баз данных
  • Базовые понятия структуры базы данных
  • Определение данных. Базовые операции с данными
  • Выборка данных, агрегация данных
  • Вложенные запросы и объединение Union
  • Объединение Join
  • Расширенные возможности SQL
  • Оконные функции, индексы, работа в графическом клиенте
  1. Базовый курс PHP. 1 месяц
    Вводный курс в РНР познакомит студентов с возможностями востребованного языка, который позволяет разрабатывать динамические сайты и веб-приложения. Студенты освоят основные конструкции языка PHP, вникнут в культуру написания кода и правила грамотного оформления скриптов веб-сайтов. На этом курсе стартует разработка серверной части для интернет-магазина: на данном этапе она будет создана элементарными средствами РНР. В итоге получим максимально простой, но рабочий продукт.
  • Введение в PHP
  • Условные блоки, ветвление функции
  • Циклы и массивы
  • Работа с файлами
  • Базы данных MySQL и работа с ними на уровне PHP
  • Интерактивность
  • Авторизация и аутентификация
  • Практика
  1. Профессиональная веб-разработка на PHP. 1 месяц
    Продвинутый курс позволяет освоить PHP до уровня middle-разработчика и за месяц отработать материал «годового запаса» профессиональных книг и статей. Совершенствуя back-end своего интернет-магазина, студенты научатся применять ООП-шаблоны, грамотно выстраивать архитектуру баз данных. Создадут универсальный движок с административной панелью, который сможет в дальнейшем стать основой новых проектов любой сложности: сайтов и порталов, в том числе включающих продажи через Интернет.
  • ООП в PHP. Базовые понятия
  • ООП в PHP. Расширенное изучение
  • Шаблонизаторы
  • Углубленное проектирование реляционных БД
  • Парадигма MVC. Обновления движка
  • Практика
  • Тестирование. PHPUnit
  • Развитие карьеры разработчика. Инструменты и необходимые знания
  1. Глубокое погружение. 1 месяц
    Вебинарный курс «Laravel» ориентирован на начинающих специалистов в области PHP-разработки и знакомых с PHP и ООП на базовом уровне. В данном курсе рассмотрим шаблон проектирования MVC, работу и структуру фреймворка, разработаем приложение агрегатора данных. Выполняя домашние задания, вы получите понимание и навыки работы с Laravel и создадите полноценный проект для портфолио.
  • Установка Laravel. Описание принципов работы и структуры фреймворка
  • Роутинг. Использование контроллеров
  • Шаблонизатор Blade
  • Запросы пользователя и класс Request. Класс Response в фреймворке Laravel. Функциональное тестирование приложения
  • Работа с базой данных. Запросы. Миграции
  • Работа с базой данных. Eloquent ORM
  • Валидация данных в laravel
  • Посредники. Сессии в Laravel. Аутентификация
  • События в Laravel. Провайдеры. Работа со сторонними API
  • Добавление HTML-редактора. Хранение файлов. Очереди в Laravel
  1. Стажировка в GeekBrains (Web). 2 месяца
    Во время стажировки студентам предстоит поработать в режиме удаленной занятости над Open Source-проектом либо стартапом. Студентам будет предложено выбрать один из набора доступных для разработки проектов. Они научатся работать в команде, коммуницировать с другими разработчиками, product- и project-менеджерами, дизайнерами, изучат гибкие методологии, фреймворк SCRUM, освоят принципы дистанционной работы. Результат стажировки: умение работать в команде, пополнение портфолио, возможность указать работу над проектом в качестве профильного опыта работы в резюме. Стажировка предстоит в формате дистанционной работы с частичной занятостью, еженедельными встречами-статусами с преподавателем в формате вебинара.
  • Начало проекта
  • Гибкие методологии разработки
  • Проблемы и их решение. Совещание
  • Первые промежуточные итоги
  • Совещание. Качество. Тестирование
  • Совещание. Подготовка резюме
  • Совещание. Карьера разработчика
  • Подведение итогов.

Вас будут обучать топовые эксперты:

Алексей Кадочников
Frontend Developer в Mail.ru Group

Артём Шашков
Ведущий frontend-разработчик в Tripster

Сергей Герасименко
Разработчик, Информационно-вычислительный центр Управления ОАО «РЖД».

И др.

Подробнее о курсе веб-разработчика →

Курс «Веб‑разработчик от Школа анализа данных»

Цена: 140 000 ₽

Ссылка на сайт: https://practicum.yandex.ru/web/

  • Можно учиться из любой точки мира
  • CSS, HTML, JavaScript и другие важные навыки
  • 18 практических работ, 5 проектов в портфолио
  • После обучения помогаем трудоустроиться
  • 5 проектов в портфолио: сайты и веб-приложения.

Перейти на официальный сайт →

Что именно вы будете делать, когда станете веб-разработчиком:

  • Писать код на HTML, CSS и JavaScript
  • Разрабатывать сайты и веб-приложения
  • Работать над продуктом вместе с командой
  • Помогать бизнесу развиваться, а пользователям — становиться счастливее.

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

  1. Основы HTML, CSS, JS: бесплатный вводный курс
    Вводный курс поможет почувствовать себя в роли разработчика и понять, хотите ли вы развиваться в этом направлении. Вы узнаете о базовом синтаксисе HTML и CSS, научитесь управлять цветом и шрифтами и размещать блоки на странице. А ещё напишете программу на языке JavaScript и сделаете страницу интерактивной. Всё это — с помощью четырёх практических проектов.
  • Первый код
  • Что такое HTML и CSS
  • Базовые CSS-свойства
  • Введение в JavaScript
  • Приземление в реальность
  1. Как устроено платное обучение
    Вы узнаете, как устроены программа и обучение. Ознакомитесь с организационными деталями и подготовите компьютер к написанию кода. Кроме этого, вспомните ключевые моменты из вводного курса: так проще перейти к новому материалу.
  2. Расширенные возможности HTML и CSS
    Вы узнаете, на что способны HTML и CSS. Пройдёте Flexbox, позиционирование элементов, работу с медиафайлами, виджетами и формами, создание анимаций. Познакомитесь с самым популярным в мире подходом к организации кода — методологией БЭМ, а ещё научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Кроме этого, подключите к проекту систему контроля версий Git и попробуете работать в командной строке — так вы создадите для сайта необходимое окружение из вспомогательного программного обеспечения.
  • Flexbox
  • Расширенные возможности HTML и CSS
  • Позиционирование элементов
  • Структура файлов, пути к файлам
  • Знакомство с Git
  • Декомпозиция проекта по вёрстке
  • Думать, как разработчик
  • HTML — video, iframe, embed, API
  • Анимации и трансформации
  • Разметка и вёрстка форм
  • Пути к файлам и организация файлов по БЭМ
  • Продолжение работы с Git
  • Дебаггинг в вёрстке
  1. HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
    Много времени уделим макетам: разберёмся, какие виды используют в работе профессионалы и что нужно знать и уметь разработчику. Вы научитесь создавать интерфейсы для разных устройств (настольных компьютеров, ноутбуков, планшетов, смартфонов). А ещё узнаете некоторые свойства Grid Layout, которые требуются для построения адаптивных сеток. Вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.
  • Работа с дизайном и спецификацией
  • Неполный бриф, неточный макет
  • Дизайн в мире множества устройств
  • Grid Layout
  • Разработка интерфейса для разных устройств
  • Продолжение работы с Git
  1. Базовый JavaScript и работа с браузером
    Полноценное погружение в JavaScript. Вы исследуете типы данных, научитесь работать с условиями, циклами и функциями. Всю теорию примените в проекте — из свёрстанных страниц работа превратится в полноценный сайт.
  • Введение в JavaScript
  • Примитивные типы данных
  • Объектная модель документа (DOM). Основы
  • Отладка JavaScript-кода
  • Продвинутая работа с Git
  • Условия и циклы
  • Массивы
  • Функции
  • Добавление, изменение и удаление DOM-элементов
  • Как работать с документацией
  • Объекты в JavaScript
  • Работа с браузерными событиями
  • Формы
  • Валидация форм
  1. JavaScript — непростые концепции
    Глубокое погружение в JavaScript. Вы освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность и обмен данными с сервером. Познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в проектную работу. Эти инструменты помогут вам эволюционировать из верстальщика в веб-разработчика.
  • Объектно-ориентированное программирование
  • ООП в интерфейсах. Часть 1
  • Модули в JavaScript
  • Синтаксис деструктуризации
  • ООП в интерфейсах. Часть 2
  • Привязка this и потеря контекста
  • Сборка проекта с webpack
  • Асинхронность
  • Работа с API
  • Подготовка к техническому интервью: прототипы объектов.
  1. Создание интерфейсов на React
    Вы изучите библиотеку React и её экосистему. Начнёте делать сайты из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.
  • Введение в React
  • Инфраструктура и инструменты React-разработки
  • React Hooks
  • Подготовка к техническому собеседованию
  • React Router
  • Работа с данными в React
  • React — непростые концепции
  • Решение алгоритмических задач.
  1. Основы бэкенд-разработки
    Без взаимодействия с сервером невозможно создавать полноценное веб-приложение. Вы изучите, как работает JavaScript в среде Node.js, поднимете и настроите сервер. Познакомитесь с фреймворком Express.js и базой данных MongoDB. Создадите серверный API для сайта, над которым работали раньше.
  • Серверная разработка на Node.js
  • Введение в Express.js
  • Анализ сложности алгоритмов
  • Создание REST API
  • Базы данных
  • Функции и их внутренности
  • Аутентификация и авторизация. Часть 1
  • Фронтенд для аутентификации на React
  • Безопасность веб-приложений
  • Аутентификация и авторизация. Часть 2
  • Автоматизированное тестирование
  • Подготовка и деплой бэкенда.
  1. Дипломный проект
    Итоговый проект, с помощью которого вы подтвердите знания и умения. Во время диплома не нужно выполнять домашние задания и читать теорию в тренажёре. В нём всё будет, как в реальной жизни: задания, сроки, ваши навыки и поисковик.

Что вы получите в Практикуме:

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

Отзывы студентов:

Вячеслав Бардаков
Студент двадцать третьего потока на программе «Веб-разработчик»
«В декабре 2020 я таки решился на попытку освоить новую для себя профессию в «хайповой» сфере it и после долгих раздумий принял решение с данной целью воспользоваться услугами Яндекс. Практикума.
Определяющими факторами при выборе именно этой платформы стали наличие бесплатной части, дающей возможность понять, что к чему и интересно ли данное направление конкретно тебе, а также подача материала в виде текста с отработкой в тренажере.
Для себя я выбрал профессию «Веб-разработчик», и вот отучившись уже почти половину курса совсем не жалею о своём выборе. Местами тяжело, но это видимо из-за отсутствия какого-либо опыта программирования. В моменты спада мотивации всегда поддерживают одногруппники (с ними мне очень повезло… таких «заряженных» и «мозговитых» ребят я давно не встречал) и команда практикума. На самом деле никогда не получал такого кайфа от получения новых знаний и процесса учебы.
Куда приведет меня обучение новой профессии на Яндекс. Практикуме мне пока не до конца ясно, но в чем точно не сомневаюсь, так это в том, что Яндекс знает толк в it и том, какие навыки требуются и ценятся на рынке труда данной сферы».

Олег Лупанов
Студент двадцать первого потока на программе «Веб-разработчик»
«Сдал уже 4 учебный проект.
Само обучение очень крутое. Для каждого спринта (2 недели) дается теория + тренажер (это задания на самом сайте) и проект, который нужно сделать и отправить на проверку ревьюеру. Много общения с наставниками и студентами. Всегда можно задать вопрос по любой теме учебной. Отличные проекты, на которых прокачиваешь свои умения и набираешься новых. Ревьюер отмечает разделы для исправления и дает ценные комментарии почему нужно сделать так, а не иначе. Каждый спринт занимает 20-30 часов реального времени. Если вы совсем новичок и хотите с полного 0 начать обучение, то стоит что-то почитать/посмотреть/попробовать поделать заранее или придется тратить чуть больше времени во время учебы. Учеба не может охватить все знания по веб разработке и нужно будет искать информацию самому. Также наставники дают много полезных ссылок для самостоятельного обучения))) Много программ для обучения и есть бесплатная вступительная глава) Рекомендую!»

Подробнее о курсе веб-разработчика →

Курс «WEB-разработчик от Компьютерная Академия TOP»

Цена: от 120 000 руб.

Ссылка на сайт: https://msk.top-academy.ru/web_master

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

Перейти на официальный сайт →

Для кого разработана программа:

  • Начинающие WEB-разработчики
    освоят все тонкости разработки сайтов и WEB-приложений.
  • Будущие предприниматели
    создадут свой интернет-магазин, и научатся продвигать его в сети.
  • Практикующие маркетологи
    расширят свои знания в области цифровых технологий и откроют для себя новые возможности для карьерного роста.
  • Желающие освоить новую профессию
    Получат необходимый запас знаний и навыков для уверенного старта в IT.

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

В основе программы лежат реальные требования IT-рынка.
Наши методисты и преподаватели постоянно работают над её улучшением и обновлением, чтобы выпускники Академии TOP могли достойно показать себя перед работодателем.

  1. Дизайн сайта. Юзабилити. Информационная архитектура сайта;
  2. Использование графических редакторов при создании дизайн-макета сайта;
  3. Практика по визуализации макета с использованием Adobe Photoshop;
  4. Принципы структурирования современной вёрстки сайта. Блочная вёрстка. CSS;
  5. HTML5 и CSS3. Новые вехи в развитии дизайна сайтов;
  6. Практика вёрстки подготовленного в графическом редакторе шаблона сайта. Понятие «кроссбраузерности». Адаптация вёрстки для разных браузеров;
  7. Адаптивная вёрстка. Использование media и viewport;
  8. Введение. Основные конструкции языка;
  9. Функции. Объекты. Обработка событий. Библиотека JQuery;
  10. Использование Cookie. Стандарт DOM. Асинхронный JavaScript;
  11. Введение в PHP. Взаимодействие с массивами;
  12. Введение в СУБД Запросы SELECT, INSERT, UPDATE, DELETE. Многотабличные базы данных. Функции агрегации;
  13. Взаимодействие PHP и источников данных.
  14. Расширяемый язык разметки для создания Web-страниц – XML;
  15. Создание web-приложений, исполняемых на стороне сервера при помощи языка программирования PHP и технологии AJAX;
  16. Content Manager System. Joomla, WordPress. Обзор других популярных CMS;
  17. Разработка интернет-магазина с использованием одной из CMS;
  18. Облачные сервисы и аренда web-приложений. Подключение полезных сервисов на сайты;
  19. SEO, SMO, продвижение сайтов. Системы web-аналитики;
  20. Структура и организация индексов в поисковых системах. Способы поисковой оптимизации: белая, серая, черная;
  21. Основы внутренней поисковой оптимизации. Улучшение структуры сайта;
  22. Продвижение сайта, основные шаги: регистрация сайта в поисковиках, регистрация сайта в каталогах, покупка ссылок;
  23. Контекстная реклама. Использование социальных сетей. Аналитики посетителей сайта и их поведения;
  24. Управление поведенческими факторами как фактором ранжирования;
  25. Инструменты для внутренней и внешней оптимизации сайта;

По окончании курса вы сможете:

  • Провести полный цикл разработки WEB-проекта: от принятия технического задания до программной реализации и раскрутки;
  • Создавать и верстать шаблоны сайтов для типовых проектов и для популярных CMS;
  • Работать с современными средствами разработки сайтов и последними версиями языков разметки;
  • Программировать с использованием языка JavaScript и библиотеки jQuery;
  • Выполнять базовую настройку WEB-сервера для работы сайта;
  • Заниматься разработкой и доработкой WEB-проектов на PHP/MySQL;
  • Проектировать базы данных, и работать с ними;
  • Проектировать и создавать продающие сайты и интернет-магазины;
  • Создавать и капитализировать WEB-проекты;
  • Использовать современные технологии продвижения SEO;
  • Анализировать трафик и поведение пользователей на сайте, при помощи Google Analytics и Google Search Console;
  • Применить свои знания и навыки в компаниях, занимающихся разработкой сайтов, WEB-приложений, проектов различного масштаба и уровня сложности;

По окончании обучения студенты получают международный диплом.

Подробнее о курсе веб-разработчика →

Курс «C# ASP.NET Core разработчик от OTUS»

Цена: 90 000 ₽

Ссылка на сайт: https://otus.ru/lessons/asp-net/

Создайте свое web-приложение и научитесь эффективно работать в Scrum-команде.

  • Длительность обучения: 5 месяцев, 4 ак. часа в нед.
  • Формат: Online.

Перейти на официальный сайт →

Вы сможете создавать различные информационные системы, состоящие из сайтов, мобильных клиентов, телеграмм-ботов и т.д., используя фреймворк C# ASP.NET Core и смежные технологии, такие как ReactJS, Xamarin и другие. Фреймворк позволяет быстро разрабатывать сложный функционал и высоконагруженные системы, требовательные к производительности. Вы научитесь решать задачи бэкенда и фронтенда, а также получите необходимые навыки работы с базами данных, UI, бизнес-логикой, настройками безопасности.

Для кого этот курс?
Для C#-разработчиков с опытом от 2-3 лет, которые хотят углубиться в создание web-приложений, стать fullstack-специалистами.

Практика и командный подход:
Все практические задания курса делятся на три составляющие: персональные домашние задания, групповая разработка в рамках занятий и итоговая проектная работа. На первых занятиях вы объединитесь с другими студентами в команды по 5 человек для совместной разработки в Scrum-фреймворке. Такой подход к практике имеет множество преимуществ: вы развиваете важные софт-скиллы, учитесь соблюдать code style и лучше разбираться в архитектуре проекта. Кроме того, командная работа упрощает нетворкинг, приумножает обмен опытом и помогает сохранять интерес к обучению до конца курса. Готовая работа пополнит портфолио серьезным проектом, с которым вам будет легко произвести впечатление на собеседованиях.

Вы научитесь:

  • Самостоятельно реализовывать веб-приложения на ASP.Net Core и Razor Pages
  • Создавать высоконагруженные API на GraphQL, gRPC и SignalR Core
  • Освоите JavaScript, познакомитесь с ReactJS и научитесь интегрировать его с ASP.NET Core
  • Покрывать веб-приложения интеграционными и нагрузочными тестами
  • Разворачивать веб-приложения в Docker-контейнерах и в облаках
  • Настраивать CI/CD и использовать Kubernetes
  • Реализовывать микросервисную архитектуру и использовать RabbitMQ
  • Управлять безопасностью и защищаться от хакерских атак.

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

  1. Введение в ASP.NET Core и WebApi
  • Вводное занятие в курс
  • Знакомимся с ASP.NET Core
  • Конфигурирование приложения, разработка контроллеров и подключение Swagger-а
  • Стандартный и нестандартные DI контейнеры: что и когда использовать
  • Работа с базой данных с помощью Entity Framework Core
  • Конвейеры ПО промежуточного слоя (Middleware)
  • Юнит тестирование: фреймворки и инструменты.
  1. Разворачивание приложения в облаке
  • Способы размещения приложения, Kestrel, IIS
  • Введение в docker, обзор docker compose
  • Использование Kubernetes в качестве системы оркестрации контейнеров
  • Разворачивание ASP.NET Core приложения в облаке
  • Введение в CI/CD и настройка на практике
  • Ретроспектива и планирование.
  1. Прокачиваем проект
  • Модель авторизации / аутентификации в Asp.net Core
  • Разграничение прав доступа встроенными средствами
  • Identity Server 4
  • Как устроено логгирование в ASP.NET Core
  • Различные способы валидации данных
  • Кеширование: внутреннее и внешнее
  • Интеграционное, нагрузочное тестирование
  • Ретроспектива и планирование.
  1. Микросервисная архитектура
  • Монолиты и микросервисы: что есть что
  • Работа с данными в микросервисах: Работа с NoSQL
  • Как превратить монолит в микросервисы
  • Работа с данными в микросервисах: Архитектура
  • Работа с данными в микросервисах: Работа с реляционными БД
  • Обзор популярных брокеров сообщений и работа с RabbitMQ
  • Как создать хороший шаблон для микросервисов
  • Ретроспектива и планирование.
  1. Frontend-технологии
  • Blazor
  • Современный фронтенд
  • Введение в React
  • React
  • React Router & Redux
  • React хуки и популярные библиотеки
  • Как подружить React.JS с Asp.net Core
  • Ретроспектива и планирование.
  1. Работа с API
  • Пишем свой API: OData
  • Пишем свой API: GraphQL
  • Пишем свой API: gRPC
  • Пишем свой API: SignalR Core
  • Как защититься от хакерских атак
  • Рефакторинг старого кода.
  1. Проектная работа
  • Консультация по проектам и домашним заданиям
  • Защита проектных работ.

Выпускной проект — возможность закрепить навыки, наработанные в процессе обучения. Задача — разработать с нуля полнофункциональное ASP.NET Core приложение, распространяемое в виде docker-compose файла, использующее современные frontend-технологии (Razor или React.JS), REST API и Swagger с GraphQL/gRPC/SignalR на выбор, нестандартный DI-контейнер, собственный обработчик промежуточного слоя (Middleware) и работающее с базой данных через EntityFramework Core. Также, должна быть настроена автоматическая сборка CI на GitLab,
Также, проект должен быть покрыт юнит-тестами и иметь валидацию данных, логирование и кеширование. Для авторизации пользователей понадобится написать свой сервис авторизации и реализовать доступ через Гугл. Помимо основного сервиса должно быть создано минимум два микросервиса, общающихся с основным приложением через Брокер Сообщений и использующих NoSQL базы (по желанию).
Темы для проектов будут предоставлены преподавателями (например, приложение по распределению доставок курьерам), но можно взять и свою задачу, подходящую под требования.

Преподаватели:

Александр Новиков
Более 13 лет в ИТ, работал как в кровавом энтерпрайзе так и в уютных стартапах.
Опыт в программировании от консольных приложений до высоконагруженный проектов.
Большой опыт работы с облаками, счастливый обладатель всей сертификации по Azure (az-xxx).

Алексей Кондрашов
Team Lead в компании Kyckr в Лондоне
Закончил факультет Компьютерной Инженерии в Восточноукраиском Университете им. Даля.
Имеет 10 лет коммерческого опыта разработки на .NET и Java.
Работал как в больших и неповоротливых компаниях так и в маленьких командах, где требования меняются каждый день.
Специализируется на разработке API и архитектуре бизнес приложений.

Андрей Иванов
Один из разработчиков academy.cppstudio – бесплатного интерактивного сервиса по обучению С++. Свыше 5 лет опыта разработки приложений на C++ и C#.
Используемые технологии и фрэймворки: WPF, WinForms, EF6, ASP.NET MVC5, ASP.NET Core 2.

И др.

После обучения вы:

  • заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на github и другие дополнительные материалы;
  • получите сертификат о прохождении курса;
  • приобретете богатый опыт в промышленной разработке на ASP.NET Core;
  • освоите frontend-разработку на ReactJS;
  • получите приглашение пройти собеседование в компаниях-партнерах (эту возможность получают самые успешные студенты).

Отзывы:

Дмитрий Картушин
«На курсе “ASP.NET Core” последовательно, шаг за шагом, приходит понимание – как создавать проекты от относительно простых web приложений до сложных основанных на микро сервисной архитектуре систем. На лекциях обсуждаются вопросы как best practices, так и личный опыт преподавателей и это бесценно.
Backend’у уделено внимания больше и это прекрасно, но модуль по reactJs оказался весьма кстати и полезным.
Преподаватели – профессионалы в it с большой буквы. Всегда готовы помочь советом, ни чей вопрос не остался без ответа.
Лекции полностью покрывают заявленную программу. Чувствуется стремление организаторов сделать курс ещё более эффективным, думаю каждый следующий будет ещё более качественным.
Логично, что для максимального эффекта необходимо самому прилагать усилия и заниматься, выполнять все дз, участвовать в дипломном проекте.
Знаний на курсе достаточно как для карьерного роста, так и смены профессии – проверено на личном опыте ;)»

Максим Смирнов
«Курс и правда отличный!
Работаю на должности разработчика. Постоянно чему-то приходится учиться, технологии не стоят на месте, да и разбираться в существующих тоже необходимо. Увидел курс на Otus “C# ASP.NET Core разработчик”, ознакомился с программой, впечатлило. Очень много полезного материала. Поступил. Понравилось, что очень хорошая обратная связь, работа в команде над курсовым проектом, живое общение. Много почерпнул от напарников по проекту. Структурировал знания, но больше всего узнал нового. Еще на пару раз хватит пересмотреть вебинары.»

Подробнее о курсе веб-разработчика →

Курс «Веб-разработчик с нуля от Бруноям »

Цена: 79 900 ₽

Ссылка на сайт: https://brunoyam.com/online-kursy/veb-razrabotka

Практический курс по веб-разработке: от HTML и CSS до практики по Javascript и PHP. Обучение включает создание портфолио, подготовку к собеседованиям и помощь наставника в вашем проекте. Последнее обновление курса — Март 2022.

Перейти на официальный сайт →

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

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

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

Вы научитесь:

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

По окончании обучения выдаётся сертификат.

Преподаватели:

Кирилл Демидов
Перешел в веб-разработку в 2014 году. С 2017 года работал front-end разработчиком в диджитал-агентстве Kelnik, разрабатывая крупные сайты застройщиков жилой недвижимости и интернет-магазины. Более года работал в международной компании Wrike. Сейчас независимый разработчик.

Мария Коршунова
Более 7 лет работы в различных web-студиях.

Николай Тарасенко
В веб-разработке с 2017 года. Специализация: Frontend разработка сложных веб-приложений, с использованием TypeScript и React

Ирина Гатауллина
С 2018 года – веб разработчик и фрилансер на международном рынке. Год работала в европейском агентстве Digital Industries – участвовала в запуске двух SaaS продуктов. Набравшись опыта, решила стать полностью независимой и заняться открытием своего онлайн – агентства по дизайну и веб – разработке.

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

  1. Основы web-технологий
  • Постановка личных целей на курс
  • Типы сайтов, функциональность
  • Этапы создания сайта, основные профессии индустрии
  • Сетевые технологии и протоколы Интернета: TCP/IP, HTTP, HTTPS, FTP
  • Хостинг и домен, система DNS
  • Модель «Клиент и сервер»
  • Роль браузера и редакторов кода
  • Настройка рабочей области
  • Системы контроля версий. Git.
  1. Знакомство с HTML
  • Знакомство с HTML: Понятие тега и атрибута
  • Кодировка текста HTML
  • Теги для формирования текста
  • Гиперссылки и адреса файлов
  • Якорные ссылки
  • Ссылка на вызов и отправку email
  • Таблицы в HTML
  • Тег img и его атрибуты. Правила размещения картинок. Форматы изображений: какие выбрать.
  1. Модуль: погружение в CSS
  • Основы синтаксиса CSS
  • Основные виды селекторов: идентификаторы, классы, псевдоклассы
  • Баллы специфичности и приоритеты правил
  • Каскад и наследование свойств
  • Контекстный и универсальный селектор
  • Свойства текста и шрифта в CSS
  • Подключение внешних шрифтов
  • Цвета HEX и RGB. Добавление однородного фона к элементам. Фоновая картинка для страницы, настройка фона.
  1. Блочная модель и макет веб-страницы
  • Понятие блочных и строчных элементов
  • Ключевые свойства блоков
  • Как рассчитывается размер блока и box-sizing: border-box
  • Что такое блочная модель
  • Применение блоков для построения макета
  • Строчно-блочные элементы
  • Свойство display
  • Устаревшие способы построение макета: знать, нельзя использовать.
  1. Многоколоночные макеты с Flexbox
  • Семантические теги для вёрстки макета
  • Основы Flexbox: контейнеры и элементы
  • Выравнивание элементов по основной и поперечной оси
  • Смена осей и вертикальное выравнивание элементов
  • Проблемы применения flexbox.
  1. Основы Adobe Photoshop для верстальщика
  • Работа с картинками: кадрирование, тримминг
  • Сохранение: формат, качество, вес
  • Как узнать код цвета
  • Инструменты для работы со шрифтом
  • Копирование готового CSS
  • Измерение расстояний: инструменты, настройки
  • Эффекты и их копирование
  • Встраивание карт и видео.
  1. Позиционирование
  • Виды позиционирования: статическое, абсолютное, относительное, фиксированное
  • Особенности разных видов позиционирования
  • z-index и контекст наложения
  • Когда и как использовать позиционирование
  • Пример выпадающего многоуровневого меню
  • Решение типовых задач с позиционированием.
  1. Формы обратной связи
  • Основные элементы формы: input, select, textarea, button
  • Состояние полей и псевдоклассы
  • Элементы выбора checkbox, radio, select
  • Группировка элементов: fieldset и legend
  • Стили для псевдоэлемента placeholder
  • Правила написания стилей для форм
  • Стилизация кнопок.
  1. Отзывчивый и адаптивный веб-дизайн
  • Понятие адаптивного и отзывчивого веб-дизайна
  • Медиа-запросы
  • Параметры области просмотра и тег Meta viewport
  • Проблемы кроссбраузерной верстки
  • Валидность кода, валидаторы
  • Особенности многостраничных сайтов
  • Правила вёрстки для seo-продвижения.
  1. Анимация с помощью HTML5 и CSS3
  • Плавные переходы для создания анимационных эффектов
  • Анимация с помощью keyframes
  • Трансформация элементов
  • Добавление базовых элементов анимации на сайт.
  1. Основы Javascript
  • Введение JavaScript
  • Переменные и типы данных
  • Математические операторы и преобразование типов
  • Логические операторы
  • Ветвления и условные операторы
  • Встроенные функции для взаимодействия с пользователем.
  1. Циклы и массивы в Javascript
  • Массивы
  • Методы для работы с массивами
  • Циклы for и while
  • Вложенные массивы
  • Работа с консолью.
  1. Функции
  • Определение функции. Стрелочная функция и её отличия от обычной. Function Expression и Function Declaration.
  • Область видимости. Как она работает. LexicalEnvironment.
  • Таймеры и замыкание. Функции setInterval, setTimeout, clearInterval, clearTimeout. Что такое замыкание и как его можно использовать.
  • Функции обратного вызова.
  1. Объекты. DOM. События
  • Объекты и словари. Как создавать объекты. Ключевое слово this. Получение, изменение и удаление свойств объекта. Ссылки на объекты.
  • Прототипное наследование. Как работает наследование свойств и методов. Конструкторы.
  • Классы. Определение классов и преимущества использования. Расширение классов. Приватные методы и публичные. Геттеры и сеттеры. Пример создания программы с применением классов и архитектура MVP.
  • Объектная модель страницы и зачем она нужна. Поиск элементов на странице и их получение. Перебор элементов и основные свойства.
  • События.
  1. Анимация и эффекты в JavaScript
  • JavaScript-анимации. Изменение CSS свойств элементов. Кривая Безье. Примеры анимаций.
  • Рендеринг в браузере. Оптимизированные свойства. Функция requestAnimationFrame.
  • Библиотеки с анимациями.
  1. Интерактивные элементы
  • Слайдер
  • Аккордион
  • Тултип.
  1. Node.js
  • Введение в Node.js. Возможности Node.js. Кратко о модулях и их предназначениях: fs, child_process, https.
  • Основные команды пакетного менеджера npm. Инициализация проекта и установка первых пакетов. Структура package.json.
  • Основы Webpack. Зачем нужны сборщики и какие этапы можно автоматизировать. Первый конфиг Webpack и автоматизация сборки: минификация кода, конкатенация модулей и использование препроцессора SCSS.
  • Препроцессор SCSS. Преимущества препроцессоров. Краткий обзор различий между некоторыми: SCSS, SASS, Less, post-css. Основные конструкции: переменные, миксины, функции.
  1. Работа с сервером
  • Promise API
  • Обращение к серверу и класс XMLHttpRequest
  • Метод fetch
  • Библиотека Axios.
  1. Основы React
  • Компоненты и JSX
  • Состояние компонентов
  • Хуки
  • Стилизация компонентов
  • React-Router.
  1. Основы TypeScript
  • Статическая типизация
  • Интерфейсы и типы
  • Перечисляемые типы Enum.
  1. Обзор дорожной карты JS-разработчика
    Кратко о том, как развиваться разработчику дальше и что изучать.
  2. Основы PHP-программирования
  • Назначение серверных технологий
  • Локальный веб-сервер и домен
  • Создание динамических веб-страниц
  • Понятие CMS-систем
  • Размещение сайта на хостинге
  • Протокол FTP для загрузки файлов
  • Подведение итогов и завершение проекта.

Отзывы:

Наталья Крохина
«Когда шла на курс, хотела получить знания по веб разработке. Решила начать именно с этого курса. Обучением, как и полученными знаниями я полностью довольна. Именно то, что хотела – много технического, много работы на занятиях. Манера преподавания крайне интересная. Занятия проходили очень интересно – каждое следующее ждала с нетерпением. Курсом довольна. Преподаватель – специалист своего дела. Все объясняет понятно, даже то, что не понятно разжевывает. С удовольствием в будущем запишусь и на другие курсы.»

Яровая Анна
«Хотела упорядочить имеющиеся знания и восполнить пробелы в них, чтобы иметь возможность работать в данной сфере. Сделать один простенький сайт мне было недостаточно, а тут план курса обещал именно то, что и хотела. Было очень много новой и сложной информации, есть необходимость повторить и закрепить один урок – хорошо, что у вас есть такая опция. А вообще всё было просто чудесно, подробно, понятно и доступно настолько, насколько это вообще может быть доступным и понятным. Очень благодарна центру Бруноям и преподавателю курса за чудесную атмосферу во время обучения, доступную подачу информации, профессионализм и поддержку! Огромное вам спасибо!»

Подробнее о курсе веб-разработчика →

Курс «Веб-разработчик 2021 – с нуля до результата! от beONmax»

Цена: от $7.8

Ссылка на сайт: https://beonmax.com/courses/web-razrabotchik/

На практике научитесь создавать веб-сайты и веб-приложения с применением полученной в курсе всей необходимой теории. Дополнительных знаний не требуется. Все нужные программы установим и настроим в процессе обучения. Курс соответствует современным трендам и стандартам. Основные технологии: HTML5, CSS3, Bootstrap 4, JavaScript.
По итогам курса мы создадим несколько проектов + ваш личный сайт-портфолио.

  • Видеоуроки: 97
  • Продолжительность: ~34 часа.

Перейти на официальный сайт →

Вы научитесь выполнять самостоятельные проекты на freelance или получите профессию веб-разработчика для работы в веб-студии и заложите базу для дальнейшего обучения. После прохождения курса “Веб-разработчик – с нуля до результата!” вы сможете освоить любую CMS, например, WordPress. Изнутри сможете понять и изучить, как работает backend часть. Создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках (ведь там везде используется верстка, как и на обычных сайтах, в том числе и на мобильных приложениях).

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

  • Работу с дизайн-макетами сайтов в Photoshop
  • Другие полезные в верстке графические редакторы – Zeplin, Figma, Avocode…
  • HTML5 и CSS3 на реальных проектах
  • Библиотеку BOOTSTRAP 4 и технологию FlexBox
  • Препроцессоры Sass/Scss/Less в своих проектах
  • Мобильную адаптацию сайтов и приложений
  • Создание многостраничных сайтов и принципы посадки под CMS (системы управления сайтами)
  • Методологию БЭМ
  • JAVASCRIPT и JQuery на практике
  • Git и GitHub
  • Автоматизацию и планировщик задач Gulp
  • Оптимизацию скорости работы сайтов
  • Валидацию верстки по w3c-стандартам
  • и многое другое…

В процессе курса мы на практике проработаем несколько проектов, которые вы сможете включить в свое профессиональное рабочее портфолио.
В 4-м разделе курса мы создадим ВАШ ЛИЧНЫЙ САЙТ-ПОРТФОЛИО, куда вы сможете разместить информацию о себе и свои работы-портфолио для презентации работодателям или заказчикам.
А в конце курса вы получите приятный бонус – несколько реальных макетов для верстки сайтов и самостоятельного закрепления полученных знаний.

Содержание:

  1. Введение – о курсе
  2. Погружение в тему создания WEB-продуктов. Изучение основ HTML и CSS на практике
  3. Ускорение работы в несколько раз – BOOTSTRAP 4
  4. Необходимые технологии для веб-разработчика и продвинутая практика
  5. CSS GRID и сайт-портфолио
  6. Заключительная часть
  7. Завершение курса – получение сертификата.

Отзывы:

Анастасия Смушкина
«Очень полезный курс. До этого знала HTML и CSS, но после прохождения курса поняла, что очень многое я не знала. Хочу сказать, большое спасибо разработчикам данного курса. Информации очень много, но все понятно рассказывается и объясняется. На данный момент, уже беру в разработку простые сайты-визитки.»

Антон Петров
«Интересный курс. В этот раз без практических заданий на проверку. Однако в нем есть моменты, которых не было в предыдущих курсах. Вся необходимая информация, которую зачастую приходится гуглить, собрана в курсе: от идеи сайта до его оптимизации.»

Подробнее о курсе веб-разработчика →

Курс «Web разработка от Академия IT»

Бесплатно

Ссылка на сайт: https://academiait.ru/course/web-razrabotka/

Перейти на официальный сайт →

Уроки:

  • Что такое веб разработка. Что нужно знать. Что такое front-end. Что такое back-end.
  • Редактор для веб разработчика. Редактор для вёрстки.
  • Установка brackets. Настройка brackets. Создание веб страницы.
  • HTML что такое тег. Парные, непарные теги. Тег i. Тег br.
  • Структура html документа. Атрибут html тега. Параметры тега.
  • Атрибуты тега meta: name, content, http-equiv, charset, description, keywords, robots.
  • html теги для форматирования текста. html5 работа с текстом.
  • HTML список. Маркированный список. Нумерованный список. Атрибуты списков.
  • Cписки определений HTML. Теги dl dt dd. Frontend разработка.
  • HTML5 работа с изображениями. Тег img. Атрибут alt. Фон body картинка.
  • Тег a href. Ссылки HTML5. Вставить ссылку в картинку. Ссылка на файл. На сайт. Гиперссылка.
  • Таблица Пример Создание таблицы Тег table | tr | td | th |.
  • Как сделать html плеер. HTML5 audio player. тег Делаем аудио плеер.
  • Секрет начинающим программистам. Можно ли самому самостоятельно выучить программирование.
  • Как сделать собственный видеоплеер на html5. html5 тег video.
  • Можно ли изучать несколько языков программирования одновременно. Ответ программиста!
  • Три типа ошибок программирования в любом языке. Типичные ошибки программистов.
  • Стоит ли учить ассемблер новичку. #SimpleCode
  • Не могу написать программу! Что делать! Как начать писать код!
  • Какой язык программирования учить в 2018 году
  • Как создать сайт без навыков программирования
  • С чего начать начинающему программисту.

Подробнее о курсе веб-разработчика →

Курс «Знакомство с веб-разработкой от html academy»

Бесплатно

Ссылка на сайт: https://htmlacademy.ru/courses/intro-to-web-development

На практике знакомимся с базовыми технологиями веб-разработки и узнаём, как эти технологии работают по отдельности и вместе.
Размечаем страницу, оформляем её с помощью стилей. Пишем свой первый скрипт. Учимся собирать странички сайтов из кусочков PHP-кода.
Учимся работать с сайтами на своём компьютере: править разметку, стили, скрипты и запускать PHP. Узнаём, как выбрать для своего сайта доменное имя и опубликовать сайт в интернете.

  • 3 части, 43 задания.

Перейти на официальный сайт →

Содержание:

  • Часть 1: Основы HTML и CSS
    35 минут теории, 20 минут практики
    В этой части мы под руководством инструктора Кекса познакомимся с основами вёрстки на примере небольшого лендинга.
  • Первое испытание: Испытай себя, путник!
    Здесь вы проверите, насколько хорошо усвоили материал и закрепите полученные знания. Cделаете микропроект, который проверит искусственный киберразум.

И др.

Подробнее о курсе веб-разработчика →

Курс «Web-разработка для начинающих от Миша Ларченко»

Бесплатно

Ссылка на сайт: https://www.youtube.com/playlist?list=PLIb4jh0gYNwWRaG_Z8RY05yVEvfTTg1Mm

Серия лекций для тех, кто изучал веб-разработку (HTML/CSS/JavaScript) и хочет закрепить свои знания по самым значимым темам.

Перейти на официальный сайт →

Видеоуроки:

  1. HTML и CSS за 30 минут
  2. Инструменты и программы для веб-разработчика
  3. Селекторы, flexbox, анимации
  4. Git для новичков
  5. Веб-приложения
  6. Метод управления проектами для программистов
  7. Позиционирование элементов
  8. Работа с DOM
  9. “Тестирование изоморфных React приложений.” Михаил Ларченко
  10. Собеседование в АйТи. Моя первая работа программиста
  11. Функциональное программирование в JavaScript
  12. Объектно-ориентированное программирование в JavaScript
  13. Настройка Windows для программиста
  14. API на Expressjs и MongoDB
  15. «Как сделать ваш продукт красивым без дизайнера» Евгений Невгень
  16. Стрим: Блокчейн, смарт-контракты, криптовалюты
  17. Каждое обучающее видео по программированию в интернете
  18. Зачем программисту шаманский бубен? Отвечаю на популярные в Google вопросы о программистах
  19. Почему Программирование такое Скучное? Отвечаю на популярные в Google вопросы о программистах
  20. Гибкие навыки для программистов и не только
  21. Дизайн глазами программиста
  22. С чего начать изучать javascript (да и вообще, что угодно)?
  23. Курсы или самообучение?
  24. Темная или светлая? Делаем переключение темы на CSS, автоматически или вручную
  25. Как вложить HTML в HTML? Самый главный совет начинающему веб-разработчику
  26. Софт Скилы (Гибкие Навыки) для программиста
  27. Почему увольняют программистов?
  28. Я программировал на Xbox!
  29. Frontend-разработчик: что надо знать для первой работы?
  30. Как стать Блокчейн-программистом? Как выбрать Блокчейн? Что знать и учить?
  31. Резюме – первый шаг к работе в IT.

Подробнее о курсе веб-разработчика →

Курс «Введение в веб-разработку от Хекслет»

Бесплатно

Ссылка на сайт: https://ru.hexlet.io/courses/intro_to_web_development

  • 8 уроков (видео и/или текст), 17 проверочных тестов
  • Дополнительные материалы
  • Помощь в «Обсуждениях».

Перейти на официальный сайт →

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

  • Разбираться в базовой терминологии веб-разработки, отличать фронтенд от бэкенда
  • Использовать инструменты браузера для просмотра и изменения исходного кода страниц
  • Понимать процессы, которые происходят при обращении к сайту (как работает браузер, протоколы, сервера).

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

Уроки курса:

Продолжительность – 3 часа

  1. Введение
    Познакомиться с курсом.
  2. HTML
    Познакомиться с языком разметки HTML, понять его основную идею.
  3. CSS
    Познакомиться с технологией CSS и его возможностями. Узнать про CSS фреймворки.
  4. Хостинг
    Рассмотреть такие понятия, как хостинг, его виды, DNS и домен. Кратко ознакомиться с процессом регистрации сайта.
  5. Backend разработка
    Узнать, что такое backend разработка, используемые языки и технологии.
  6. Frontend разработка
    Узнать, что такое frontend разработка, его отличие от верстки и используемые в ней языки и технологии.
  7. Роли
    Рассмотреть, какие бывают роли в разработке сайта. Узнать про позиции разработчиков в команде
  8. Обучение
    Узнать, какие знания необходимы, чтобы стать программистом, как стоит организовать процесс обучения и какими ресурсами пользоваться.
  9. Дополнительные материалы
    Статьи и видео, подобранные командой Хекслета. Помогут глубже погрузиться в тему курса.

Отзывы:

Игорь Звягин
«Хочу поблагодарить за “введение в веб-разработку”. Не знаю сколько вы времени потратили, но читая это реально хочется изучать. Сильно написано! 2 часа потратил с удовольствием! Каждая статья, ссылка – все в тему. Не только понятно, но и интересно!»

Владимир cssfish
«Команда hexlet, мне нравится ваш подход – обучать базе, а не скоропортящимся технологиям. Этого так не хватает в современном мире! Вы большие молодцы!!»

Подробнее о курсе веб-разработчика →

Курс «Web-разработка от Nordic IT School»

Цена: 55 400 руб.

Ссылка на сайт: https://inordic.ru/courses/web-development

Перейти на официальный сайт →

На курсе Вы освоите основной и самый востребованный стек технологий:

  • Верстку сайтов, в частности: HTML – язык разметки страниц и CSS – внешний вид страниц (стили)
  • JavaScript – язык программирования, который отвечает за интерактивную часть сайта (реагирование на действия пользователя)
  • PHP – язык программирования, на котором осуществляется все что происходит на сервере – обработка запросов, взаимодействие с базами данных и т.д.

Также в процессе обучения будут рассмотрены самые популярные фреймворки для web-разработки и сопутствующие технологии.
На данном курсе мы готовим junior fullstack-разработчиков, то есть студенты изучают и frontend и backend.

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

  1. HTML5
  2. CSS3
  3. JavaScript
  4. jQuery
  5. Адаптивная верстка
  6. PHP + MySQL
  7. Vanilla.js
  8. Введение в ООП
  9. AJAX
  10. GitHub
  11. PHP
  12. Введение во Vue.js.

Преподаватели:

  • Житков Тимофей
    Senior Fullstack разработчик в Московской Бирже и Team Lead в Nordic IT School
  • Петрухин Александр
    Chief Technical Officer laatu.solutions
  • Хельвеген Ольга
    Веб-программист 1С International.

И др.

Подробнее о курсе веб-разработчика →

Курс «Разработка веб-приложений от Центр компьютерного обучения «Специалист» при МГТУ им.Н.Э.Баумана»

Цена: разная стоимость

Ссылка на сайт: https://www.specialist.ru/section/web-developers

Перейти на официальный сайт →

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

Курсы:

  1. HTML
  • HTML и CSS. Уровень 1. Создание сайтов на HTML 5 и СSS 3
  • HTML и CSS. Уровень 2. Углубленный CSS и вёрстка макета
  • HTML и CSS. Уровень 3. Продвинутые методологии и инструменты верстки
  1. JavaScript
  • Основы JavaScript
  • Расширенные возможности
  • Курс AJAX
  1. PHP
  • PHP часть 1. Основы PHP8
  • PHP8 часть 2. Объектно – ориентированная разработка
  • PHP8 часть 3. Создание сервисов
  • PHP8 часть 4. Профессиональная работа
  • Уровень 5. Разработка приложений на Symfony
  1. ASP.NET
  • Курс 10267: Основы разработки web – приложений в Microsoft Visual Studio
  1. Java
  • Уровень 1. Язык программирования Java
  • Уровень 1. Язык программирования Java
  • Уровень 3. Разработка серверного программного обеспечения на Java Enterprise Edition
  1. Python
  • Программирование на языке Python. Уровень 1. Базовый курс
  • Программирование на языке Python. Уровень 2. Продвинутый курс
  • Программирование на языке Python. Уровень 3. Разработка веб – приложений в Django
  1. Go
  • Программирование на языке Go. Уровень 1. Основы языка Go
  • Программирование на языке Go. Уровень 2. Проектирование REST API
  • Программирование на языке Go. Уровень 3. Разработка веб – приложений.

Подробнее о курсе веб-разработчика →

Курс «Веб-разработчик от Университет ИТМО»

Цена: 60 000 руб.

Ссылка на сайт: https://design.itmo.ru/courses/web_developer/

Перейти на официальный сайт →

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

В процессе обучения вы освоите основы веб-технологий (HTML, CSS), изучите технологию верстки веб-страниц с применением языка разметки гипертекста HTML5 и каскадных таблиц стилей CSS3. Также в рамках курса вы с нуля изучите возможности языка программирования JavaScript, как на клиентской части (frontend), так и на стороне веб-сервера (backend).
Во время изучения инструментов современной верстки вы познакомитесь с препроцессором SASS (в частности, с его синтаксисом SCSS). Для удобства работы вы будете применять менеджер задач Gulp и научитесь его настраивать для ускорения процесса верстки за счет выполнения ряда задач (hot-reloading и транспиляция файлов).

В рамках изучения веб-серверов вы научитесь самостоятельно устанавливать серверную операционную систему Ubuntu, применяя виртуальные машины от VirtualBox, получите базовые знания о работе с консолью в операционной системе Ubuntu. Также вы познакомитесь с технологией контейнеризации (Docker). В процессе обучения создадите собственный docker-контейнер, развернете внутри стек веб-технологий необходимых для организации веб-разработки, установите и настроите собственный веб-сервер Apache, сервер баз данных MySQL (нативная установка через консоль Ubuntu, установка на базе docker-контейнера).

По окончании обучения выдаётся Диплом о профессиональной переподготовке.

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

  1. Основы веб-технологий (50 часов)
  2. Основы JavaScript (40 часов)
  3. Современные технологии верстки (40 часов)
  4. Методологии и инструменты современной верстки (50 часов)
  5. PHP и MySQL. Основы разработки веб-приложений (40 часов)
  6. Средства организации процесса веб-разработки в команде (20 часов)
  7. Современный JavaScript: новые возможности (50 часов)
  8. Введение в TypeScript и Flow (30 часов)
  9. Серверные приложения и микросервисы на Node.js (60 часов)
  10. React и Vue: компоненты в действии (50 часов)
  11. Дипломное проектирование (40 часов)
  12. Защита дипломной работы (5 часов).

Преподаватели:

Шуклин Дмитрий Анатольевич
руководитель образовательного центра, к.п.н., доцент

Государев Илья Борисович
Веб-разработчик Senior, преподаватель, к.п.н., доцент

Сивинский Станислав Андреевич
Веб-разработчик Senior, преподаватель.

Отзывы выпускников:

Ольга Шашелова
«Окончила обучение по специальности «Веб-разработчик». Обучение заняло целый год, т.к. приходилось совмещать с работой. Из курса я узнала много нового, а также систематизировала имеющиеся знания. Наполнение курса полностью соответствовало ожиданиям: от основ до современных технологий. Было много самостоятельной работы, что позволило лучше понять материал. Для меня еще было удобно, что график обучения свободный, без жестких дедлайнов.
Выражаю благодарность преподавателям Станиславу Сивинскому и Илье Государеву. Обучение проходит дистанционно, но преподаватели быстро и подробно отвечают на возникающие вопросы.»

Аделина Дибаева
«Добрый день! Делюсь своей радостью – только что закончила курс «Веб-разработчик» в дистанционной форме. Выражаю благодарность авторам и преподавателям курса: Илье Борисовичу Государеву, Станиславу Андреевичу Сивинскому, и Филиппу Александровичу Перепелице. Из курса я узнала много нового, а также повторила и отработала то, что уже знала. Получила много прикладных знаний в процессе выполнения заданий. Большой объём информации в курсе посвящён JavaScript, от основ до профессиональных технологий. Было сложно, нужно вникать в каждую тему и задание, но оно того стоило! Планирую теперь работать над составлением портфолио и искать работу фронтенд-разработчиком. Уверена, что диплом переподготовки, полученный по окончании курса, увеличит мои шансы.»

Подробнее о курсе веб-разработчика →

Курс «Веб-разработка для начинающих от Loftschool »

Цена: 25 000 руб. – 40 716 руб.

Ссылка на сайт: https://loftschool.com/course/web-beginner/

Записывайтесь и за 6 недель освойте адаптивную вёрстку, JavaScript и получите мощный проект в портфолио.

  • 21 обучающий модуль, 100+ часов обучения.
  • Поддержка наставника
  • Готовое портфолио
  • Сертификат.

Перейти на официальный сайт →

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

  • Адаптивная вёрстка
    Научитесь верстать как для мобильных устройств (смартфонов и планшетов), так и для больших 4K-телевизоров.
  • JavaScript
    На практике освоите нативный JavaScript, а также его самую популярную библиотеку jQuery.
  • SASS
    Вы освоите все нюансы работы с SASS и инструментами его компиляции: Prepros, Koala и Gulp-SASS.
  • Workflow
    Освоите работу в консоли Terminal, контроль версий Git, пакетный менеджер npm и сборщик Gulp.
  • SVG
    Освоите нюансы работы с векторной графикой, ставшей стандартом в современной веб-разработке.
  • API
    Освоите работу с API Yandex и Google карт, Youtube и стандартных API браузера.

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

Неделя 1 — Git и GitHub, SASS, разметка страницы
— Верстаем заданные секции из дизайн-макета.
— Формируем структуру CSS, организуем входной файл стилей с применением SCSS.
— Размещаем работу в репозитории и на GitHub Pages.

Неделя 2 — SVG, адаптивная и мобильная вёрстка
— Подготавливаем элементы для последующего программирования на JavaScript.
— Делаем адаптив.
— Собираем SVG иконки в спрайт.

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

Неделя 4 — Обработка ошибок, работа с формами, Ajax
— Создаём виджеты на странице: аккордеон, слайдер, модальное окно.
— Реализуем работу формы заказа.
— Обеспечить обработку ответа от сервера в форме заказа.

Неделя 5 — Плагины, Workflow, работа с API
— Подключаем интерактивную карту google / yandex.
— Реализуем OnePageScroll.
— Разделяем структуру проекта на Dev и Prod.
— Реализуем видеоплеер при помощи HTML5 Video API.

Неделя 6 — Выпускной
— Работа над проектом.
— Бонусный вебинар по основам PHP.
— Выдача дипломов за курс.

Информация о преподавателях доступна на сайте.

Отзывы:

Игорь Крамарь
Место работы: Purrweb
«Закончился второй курс в профессии “Веб-разработчик”, и впечатления мои не поменялись: всё нереально круто!)
Узнал из курса много интересного, научился новым технологиям и сделал ещё один красивый и функциональный сайт для своего портфолио. Но это заслуга больше не моя, я ведь только учился, а людей, которые в этом мне помогли: моего наставника, Ольги Болотовой, верно ведущей на пути к заветной цели стать профессионалом в вебе, её ассистента на этом курсе, Анны Сысоевой, которая тоже работала с моим проектом, делала отличный код-ревью и давала интересную информацию на созвонах, Зарины Мамбетовой, куратора, которая не просто доносит до нас информацию, а заряжает позитивом и теплотой, а также Владимира Сабанцева, Сергея Мелюкова и Николая Громова, которые провели для нас интереснейшие вебинары, подготовили информативные презентации и научили многому новому. Спасибо вам всем! ;)»

Артём Климин
Место работы: Директор интернет-агентства
«Я долго выбирал школу для прохождения курсов, среди огромного множества предложений остановился на Loftschool. Рассудил так: если меня будут обучать технологиям, напрямую связанным с веб-разработкой, то сайт школы должен быть сделан очень профессионально. Именно таким и является сайт Loftcshool. Я очень рад, что не ошибся с выбором, пройденный курс доказал высочайшую квалификацию преподавателей и наставников.
Мне очень понравилось, что обучение ориентировано на самые новые тренды в разработке, ведь именно они максимально востребованы на рынке работы. Стек получился просто огромным. Еще учиться и учиться. Решил не делать перерыва между обучением и сразу по окончанию записался на следующую ступень. Уверен, что будет еще интереснее!
Спасибо всему коллективу loftschool за работу и понятную и интересную форму обучения. Отдельное спасибо за большое количество доступных дополнительно обучающих материалов!»

Подробнее о курсе веб-разработчика →

Курс «Профессия HTML верстальщик от WebCademy»

Цена: 28 000 руб. – 36 000 руб.

Ссылка на сайт: https://webcademy.ru/htmlstart/

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

  • Уровень: с нуля.

Перейти на официальный сайт →

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

На обучение приходят с целями:

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

Преподаватель — Юрий Ключевский
Основатель онлайн школы ВебКадеми. Веб-разработчик с 10-ти летним стажем. Работал в международных компаниях и на фрилансе. Автор обучающего YouTube канала и блога по веб-разработке.

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

Тариф «Стандарт»

Модуль 1. Основы HTML и CSS. Валидация. Хостинг и домен

  • Основы HTML и CSS
  • Веб-шрифты
  • Валидация
  • Семантика
  • Оформление хостинга
  • Работа с FTP
  • VS Code и FileZilla

Модуль 2. Блочная верстка. Photoshop. PixelPerfect

  • Блочная модель
  • Абсолютное позиционирование
  • Псевдоклассы в CSS
  • CSS трансформация
  • CSS Анимация
  • Figma
  • Верстка карточки товаров, все в одну колонку
  • Flex-box модель
  • Упражнения на FlexBox
  • PixelPerfect
  • Верстка карточки
  • Работа с фотошопом

Модуль 3. Верстка сайта. Проект Forest Travel

  • Верстаем главную страницу ForestTravel
  • Верстаем Контакты
  • Стилизация формы в Контактах
  • Вставка карты Yandex / Google Maps на сайт
  • Верстаем внутренние страницы ForestTravel
  • Проверка с PixelPerfect, семантика
  • Opengraph для сайтов, SEO теги, семантика, фавиконка

Модуль 4. Адаптивная верстка для мобильных устройств

  • Адаптивная верстка для мобильных устройств
  • Adaptive (адаптивный) и responsive (отзывчивый) веб-дизайн
  • Desktop first and mobile first
  • Мобильная адаптация ForestTravel

Модуль 5. Лучшие практики верстки. SCSS и BEM naming. Оптимизация графики

  • BEM naming
  • SCSS препроцессор. (Пример – перевода Forest Travel на SCSS)
  • Работа с SVG спрайтами
  • Оптимизация графики для загрузки webp
  • Оптимизация под retina дисплеи
  • Верстка проекта – Юнит

Модуль 6. Основы JS и скрипты для проекта

  • Основы JS
  • Основы DOM
  • Пишем свои скрипты на JS
  • Подключаем JS скрипты
  • Основы jQuery
  • Пишем свои скрипты на jQuery
  • Подключаем jQuery плагины
  • Скрипты для лендинга
  • Мобильная адаптация проекта – Юнит

Модуль 7. PHP формы обратной связи. Оптимизация верстки. CSS Grid. Bootstap 5

  • Оптимизация скорости загрузки сайта
  • Оптимизация Google Page Speed
  • Bootsrtrap 5 сетка и прототипирование
  • CSS Grid, примеры использования
  • PHP формы обратной связи

Модуль 8. Трудоустройство и фриланс. Заработок на веб-разработке

  • Трудоустройство и карьера
  • Составление резюме
  • Фриланс в веб-разработке
  • Первые деньги на веб-разработке
  • Как считать стоимость своей работы. Пример.
  • Как обосновывать стоимость проекта заказчику
  • Оформление профиля на фрилансе
  • Ответы на проекты
  • Поиск заказов без фриланс бирж
  • Развитие себя как специалиста.

«Премиум» группа

Модуль 9. JavaScript и jQuery плагины для верстки сайтов

  • Карусели
  • Модальные окна
  • Валидация формы
  • Маска для номера телефона
  • Мобильная навигация
  • Page scroll progress bar
  • Smooth scroll
  • One Page Scroll
  • Параллакс эффекты
  • Табы
  • fetch c JS
  • Ajax c jQuery

Модуль 10. Основы PHP. Отправка форм на почту и сохранение данных в БД

  • Неделя PHP
  • Основы PHP
  • Сайт с шаблонами на PHP
  • Формы обратной связи на PHP, отправка писем на почту
  • Основы работы с Базой Данных в PHP

Модуль 11. Система управления сайтами WordPress

  • Знакомство с CMS WordPress
  • Постановка верстки на CMS WordPress
  • Создание темы на CMS WordPress
  • Кастомные общие настройки сайта
  • Пользовательский тип контента
  • Пользовательские поля для контента

Модуль 12. Дополнительные инструменты. Контроль версий и сборка проекта

  • Сборка проекта с помощью Gulp
  • HTML шаблонизатор Pug
  • Контроль версий Git и GitHub.

Отзывы учеников после прохождения курса:

Сергей Кашковский
Ведущий дизайнер – веб и полиграфия.
«Большое спасибо за обучение! Юрий Ключевский – отличный преподаватель. Как педагог по образованию, могу от себя сказать, что созданный Юрием курс очень хорош для новичков в знаниях html & css. Методика – интенсив, плавный, верно построенный; интересный, не напрягающе-нудный, и если есть возможность и желание делать домашние задания, вы никак не останетесь по окончанию этого курса без самостоятельно сделанных и разобранных преподавателем работ-сайтов.»

Евгений Юсупов
Фрилансер, веб-дизайнер
«Если вы хотите получить знания по HTML и CSS, то я рекомендую этот курс от Юрия Ключевского! Доступно и понятно о сложных технических моментах и терминах! Если вам интересно то, что скрыто под “капотом” сайта, если вы самостоятельно хотите сделать сайт с нуля до его запуска или просто научиться этому ремеслу, то для начала советую получить знания от профи.
Огромное спасибо! Рекомендую как профессионала своего дела.»

Подробнее о курсе веб-разработчика →

Курс «HTML для начинающих от PHP.Zone»

Бесплатно

Ссылка на сайт: https://php.zone/kurs-html-dlya-nachinayushih

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

Перейти на официальный сайт →

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

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

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

Уровень 1. Введение и основы HTML

  • Создаём свою первую HTML-страницу
  • Теги как основа HTML-страницы

Уровень 2. Служебные теги

  • Теги для поисковиков
  • Время поделиться первым результатом

Уровень 3. Оформление контента

  • Основы оформления контента в HTML
  • Учимся делать ссылки в HTML
  • Основы CSS
  • Таблицы в HTML
  • Формы в HTML

Уровень 4. Создание сайта и его выкладка в Интернет

  • Табличная вёрстка HTML-страничек. Прототип сайта
  • Как выложить сайт в Интернет: простая инструкция

Уровень 5. Подведение итога

  • Что делать после прохождения курса HTML.

Подробнее о курсе веб-разработчика →

Курс «Основы Web-разработки с 0 от ProductStar»

Цена: 34 896 руб.

Ссылка на сайт: https://productstar.ru/dev-mini-course-webdev

  • Длительность – 2 месяца
  • Онлайн в удобное время
  • Обучение на практике
  • Доступ к курсу навсегда.

Перейти на официальный сайт →

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

  • Писать код на Javascript
    Изучите синтаксис языка, познакомитесь с переменными и операторами, научитесь писать и структурировать свой код и разбираться в чужом
  • Работать с HTML
    Узнаете, как сохранять и изменять информацию в базе данных MySQL. Научитесь писать запросы и управлять большими объёмами данных
  • Создавать веб-приложения
    Поймёте, как превратить строки кода на Java в работающую программу, и научитесь разрабатывать веб-приложения с помощью фреймворка Spring
  • Пользоваться Git
    Научитесь работать с распределённой системой контроля версий вместе с командой, сможете вносить или откатывать изменения в рамках одного проекта.

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

9 уроков и воркшопов.

Урок 1: “Структура веб страницы, базовый HTML”

  • Как создать веб-страницу?
  • Осваиваем язык HTML
  • Необходимые тэги HTML
  • Ваш первый сайт с помощью HTML.

Урок 2: “Базовый CSS, селекторы и каскад”

  • Правила CSS
  • Как изменить внешний вид веб-страницы?
  • Работа с селекторами
  • Добавление стилей в HTML-документ
  • Каскадность в CSS

Урок 3: “Продвинутый CSS, адаптивность и кроссбраузерность”

  • Градиенты в CSS
  • Как сделать анимацию?
  • Как сделать так, чтобы страница не “тормозила”?
  • Работа с адаптивностью вебсайта под мобильные устройства
  • Добавление кроссбраузерности

Урок 4: “JavaScript. Основы языка, инструменты для разработки и отладки”

  • Основы языка JavaScript
  • Инструменты для работы с JavaScript
  • Отладка кода на JavaScript
  • Пишем первый код на JavaScript для вебсайта

Урок 5: “JavaScript. Объекты, массивы, функции”

  • Объекты в JavaScript
  • Работа с массивами
  • Зачем нужны функции и как их полезно использовать?
  • Создаём удобные функции для нашего вебсайта

Урок 6: “DOM-модель и работа со страницей”

  • DOM-модель для HTML-страницы
  • Поиск DOM-элементов по id, классам, тегам
  • Как изменить свойства и атрибуты элементов веб-страницы?
  • Консоль и инструменты разработчика в браузере

Урок 7: “JavaScript. Обработчики событий”

  • Браузерные события
  • Обработчики событий (click, mousedown, submit, ..)
  • Частые ошибки и исправление проблем
  • Улучшаем наш вебсайт с помощью обработки событий в JavaScript

Урок 8: “Взаимодействие с сервером”

  • Подход Клиент-Сервер
  • Получение данных с сервера
  • Асинхронный JavaScript и XML (Ajax)
  • Работа с запросом XMLHttpRequest, GET / POST
  • Работа с JSON данными

Урок 9: “Дипломная работа и помощь с трудоустройством”

  • Работа над дипломным проектом
  • Подготовка резюме
  • Подготовка к собеседованию
  • Финальная защита и консультации.

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

Подробнее о курсе веб-разработчика →

Курс «Web-мастер: web-дизайн + web-программирование от ГЦДПО »

Цена: 20 400 руб. – 24 000 руб.

Ссылка на сайт: https://doprof.ru/courses/computer/web-technology/web-master-web-design-and-web-programmirovanie/

  • Количество академических часов: 64, занятий: 16.
  • Онлайн / очный формат.

Перейти на официальный сайт →

Курсы готовят специалистов широкого профиля. Web-мастер – web-специалист, обладающий умением и навыками работы как по созданию web-дизайна, так и по программированию web-сайтов. Web-мастер совмещает в себе задачи двух взаимосвязанных специалистов: web-дизайнера и web-программиста.
Данные курсы помогут слушателям получить знания и навыки для выполнения полного цикла работ по созданию web-сайтов: с момента разработки графического макета web-сайта и до размещения готового и функционирующего сайта на сервере. Также учебный курс web-мастеров позволит слушателям познакомиться с основами поисковой оптимизации, разобрав основные механизмы продвижения web-сайтов в поисковой системе.

Учебный курс web-мастеров является модульной программой, состоящей из двух основных этапов обучения:

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

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

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

Вторым этапом учебного курса будет обучение web-программированию, на котором слушатели познакомятся с основными языками web-программирования, классификацией web-сайтов с точки зрения web-программиста, классификацией скриптов, их различиями и областями применения.
Дальнейшее обучение будет посвящено подробному изучению языков VBScript, PHP, SQL, PERL, JavaScript, знакомясь с особенностями, синтаксисом, областями применения каждого из них, а также возможности совместного использования на примерах создания связки PHP-MySQL. Особое внимание будет уделено работе по созданию, редактированию баз данных, написанию различных скриптов, функций, полезных и применяемых при создании любого типа web-сайтов.

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

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

По окончании обучения этого курса повышения квалификации вы получите Удостоверение учебного центра.

Содержание образовательной (учебной) программы «Web – дизайн»:

  1. Основы сайт строения. Методы и технологии создания современных сайтов. Основы HTML. Этапы создания сайта целиком и стартовой (главной страницы). Использование программ Adobe Dreamweaver и Adobe Photoshop при создании сайта.
  • общие сведения о технологии создания сайтов;
  • язык разметки HTML как основа создания любого сайта;
  • теговая модель языка HTML;
  • основные теги языка HTML;
  • базовые теги для создания пустой web-страницы;
  • определение будущего проекта web-сайта в программе Adobe Dreamweaver и знакомство с интерфейсом программы;
  • настройка программе Adobe Dreamweaver под текущий проект;
  • создание первой web-страницы в программе Adobe Dreamweaver и сохранение ее в проекте;
  • создание описательных meta-тегов страницы, описание и назначение данных тегов;
  • понятие DOCTYPE;
  • структура HTML – основные теги html, head, title, body, синтаксис языка;
  • основные теги для создания теста на web-странице h1-h1(теги заголовков);
  • р (абзац), создание страницы с текстовым содержанием.
  1. Основы поэтапного создания web-страницы. Правила форматирования текста с использованием текстовых тегов. Оформление текста с использованием атрибутов тегов. Введение в CSS (каскадные стилевые инструкции).
  • использование тегов h1-h6 для создания заголовков текстового содержания;
  • использование тегов p для создания абзацев текста;
  • основные принципы создания текстового содержимого с учетом требований поисковых систем и удобства для посетителей сайта, понятие необходимого количества текста;
  • оформление текста с помощью атрибутов тегов и тега font, понятие выравнивания текста, цвета текста и гарнитуры шрифтов;
  • определение технологии CSS как основного инструмента при стилизации и разметки страницы, принцип работы и взаимодействия CSS и HTML документов;
  • создание первого CSS документа и соединение его c HTML страницей, понятие селектора тега, создание селекторов тегов для стилевого оформления текстового содержимого web-страницы;
  • основные стили, свойственные текстовому содержимому (выравнивание-text-align, цвет-color, гарнитура шрифта-font-family, внешние и внутренние отступы-margin и padding, границы текстовой области-border и фон-background);
  • принципы создания web-страницы с текстовым содержанием;
  • теги ul, ol, li – для оформления маркированного и нумерованного списка
  • теги специальных возможностей br, pre, strong, em, hr;
  • тег span, его назначение и возможности в стилевом оформлении текста.
  1. Вставка изображений в web-страницу. Типы графических файлов подлежащих вставке в web-страницу. Оптимизация изображений для web-страницы с использованием программы Adobe Photoshop.
  • типы графических файлов подлежащих вставке на web-страницу (jpg, png, gif) понятие размера и разрешения фотографии;
  • основные принципы оптимизации изображения для web в программе Adobe Photoshop, обрезка изображения, установка необходимого разрешения и установка размера в зависимости от ширины web-страницы;
  • сохранение изображения с использованием специальной функции программы Adobe Photoshop – сохранить для web и устройств непосредственно в папке проекта;
  • вставка изображения на страницу с использованием тега вставки изображений img, атрибуты специальных возможностей данного тега: ширина(width), высота(height), альтернативный текст(alt), описание изображения(title);
  • стили CSS для корректного отображения и позиционирования изображения на web-странице: обтекание(float), отступы(margin), границы(border), округления (border-radius);
  • использование изображения в качестве фона web-страницы;
  • создание страницы с текстовым содержанием и вставкой изображений с обтеканием текста справа и слева.
  1. Верстка страницы. Создание каркаса страницы с использованием тега DIV
  • виды верстки страницы – блочная, табличная, гибридная, преимущества и недостатки каждой из версток;
  • создание каркаса страницы с использованием тега div;
  • тег div как контейнер для удобного и эффективного позиционирования с присвоением имени каждому контейнеру div через идентификатор id;
  • техника применения селектора идентификатора для тега div для удобного и адаптивного позиционирования элементов web-страницы;
  • основные свойства, сообщаемые через селекторы идентификаторов для тегов div непосредственно тегам div с соответствующими идентификаторами:
  • ширина (width), высота (height), выравнивание (margin), фон (background), границы (border), обтекания (float), абсолютное (absolut) и относительное (relativ) позиционирование (position), понятие слойности (z-index);
  • понятие очистки обтекания(clear) при блочной верстке.
  1. Практическое занятие № 1.
  • создание схемы (эскиза) каркаса web-страницы;
  • реализация данного эскиза в web-страницу.
  1. Гиперссылки. Создание навигационного меню.
  • понятие гиперссылки, абсолютная и относительная гиперссылка;
  • тег ссылки a, атрибуты ссылки: href, title, target;
  • создание ссылки на web-странице, создание ссылки навигационного меню, создание всех ссылок навигационного меню с использованием технологичных возможностей программы Adobe Dreamweaver;
  • оформление ссылок горизонтального навигационного меню с помощью каскадных стилевых инструкций CSS;
  • оформление ссылок вертикального навигационного меню с помощью каскадных стилевых инструкций CSS;
  • создание дублирующего меню для подвала (футера) сайта;
  • изображение как ссылка, создание интерактивных графических элементов (кнопок) на web-станице;
  • карты-изображения позволяющие привязывать ссылки к разным областям одного изображения;
  • ссылка на адрес электронной почты;
  • ссылка на якорь;
  • создание страниц сайта, согласно подготовленному навигационному меню.
  1. Виды контента страниц сайта (статический сайт, в виде вывода табличных данных, интерактивные формы).
  • создание контента для статичных (основных страниц), создание текста с встроенными изображениями для соответствующих страниц сайта;
  • теги для создания таблиц table, tr, td;
  • создание таблицы для вывода табличных данных на web-странице;
  • оформление таблицы с помощью соответствующих атрибутов тегов и с помощью каскадных стилевых инструкций CSS;
  • атрибуты colspan и rowspan для объединения строк и рядов таблицы;
  • варианты стилевого оформления страниц;
  • использование таблиц для создания каркаса web-страницы (табличная верстка);
  • оформление страницы «Контакты» с использованием форм и полей для создания формы обратной связи, теги form, input, textarea, select и атрибуты action, method, name, type;
  • принцип работы формы обратной связи и полей;
  • создание простой и защищенной формы обратной связи с использованием технологии spry средствами программы Adobe Dreamweaver.
  1. Практическое занятие № 2.
  • окончательное оформление многостраничного сайта и подготовка его к публикации в сети интернет;
  • публикация сайта в сети интернет.

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

Содержание учебной (образовательной) программы «Программирование wеб-сайтов»:

  1. Понятие программированного языка PHP. Изучение модели и принципа работы динамического сайта. Компоненты и разделы динамического сайта. Понятия: сервер и сервер баз данных. Способы взаимодействия сервера, баз данных, сайта. Установка локального сервера, проверка его работоспособности. Создание проекта сайта на сервере и определение его в Adobe Dreamweaver. Создание первого PHP файла и рассматриваем его структуру. Понятие переменной. Виды переменных. Создание переменных. Значение переменной. Вывод назначения переменной с помощью инструкции echo.
  • Введение в PHP и MySQL.
  • Как устроен и работает динамичный сайт.
  • Роль сервера в работе динамического сайта. Роль базы данных в работе сайта.
  • Устанавливаем сервер Denser на локальный компьютер.
  • Понятие переменной.
  • Виды данных, содержащихся в переменной.
  • Отображение переменной.
  • Операторы вывода.
  • Синтаксис языка.
  • Арифметические действия с переменными.
  • Конкатенация.
  • Основные циклические конструкции языка.
  • Условия и иные конструкции.
  1. Работа с переменными. Арифметические действия. Конкатенация (соединение). Способы вывода значений переменных на экран. Конструкция if(else). Циклическая конструкция do(while). Цикл for each. Конструкция switch (case). Использование конструкции для работы с информацией, находящейся в переменных. Методы GET и POST для передачи данных через адресную строку или напрямую в файл.
  • Введение функции. Их создание и использование.
  • Функции, встроенные в язык PHP.
  • Рассматриваются и изучаются все необходимые для создания сайта встроенные функции: Count, exit, list, date, isset, unset и т.д.
  • Понятие массива.
  • Ассоциативный массив.
  • Многомерный массив.
  • Методы GET и POST.
  1. Массивы. Простой и ассоциативный массив. Многомерный массив. Создание массива и работа с ним. Вывод данных из массива. Функции, введение в функции и их применение. Создание встраиваемых в PHP функций.
    Форма проведения занятия – лекция
    Количество учебного времени – 4 академических часа
    Перечень основных вопросов, подлежащих изучению:
  • Основы работы с базами данных.
  • Создание первой базы данных и таблиц в ней.
  • Выборка данных.
  • Вывод данных на страницу.
  • Вывод данных из базы в цикле.
  • Оператор выборки SELECT.
  • Оператор вставки INSERT.
  • Оператор обновления UPDATE.
  • Оператор удаления DELETE.
  1. Основы работы с базами данных. Функции и принципы работы. База данных, как основополагающая часть динамического сайта. Создание базы данных, вывод данных на страницу сайта, используя язык структурированных запросов к базе данных MySQL.
  • Создание дизайн-макета динамического сайта, верстка главной и динамической страницы.
  • Определение динамичных и статичных страниц.
  • Создание базы данных, таблицы ввода данных на статичные страницы.
  • Способ соединения страницы сайта с базой данных. Тест на работоспособность (вывод содержимого базы данных на web-страницу).
  1. Макет сайта. Создание динамики на страницах сайта. Определение страниц, включающих в себя постоянное и динамичное содержание. Создание главной страницы сайта, используя инструкции PHP и «разрезая» страницу на блоки. Создание базы данных для сайта. Создание таблицы в базе данных, имеющую основные настройки. Взаимодействие базы данных с сайтом. Вывод содержания главной страницы. Создание остальные страниц.
  • Определение страницы с динамичным содержимым.
  • Разработка структуры таблиц базы данных для динамичного содержания сайта.
  • Создание таблицы в базе данных для динамичных web-страниц.
  • Соединение динамичных страниц с таблицами базы данных и проверки вывода данных в цикле.
  • Заполнение базы данных.
  1. Создание страницы контактов и форму обратной связи. Программирование отправки сообщений (писем) со станицы контактов посетителем сайта. Разработка структуры динамических страниц и создание для них таблицы в базе данных. Заполнение таблицы и вывод на динамические страницы. Создание динамических страниц.
    Форма проведения занятия – лекция
    Количество учебного времени – 4 академических часа
    Перечень основных вопросов, подлежащих изучению:
  • Создание административной части сайта.
  • Редактирование содержимого динамичных страниц через интерфейс административной части сайта.
  • Создание структуры административной части сайта для управления динамичными страницами.
  • Установка визуального редактора.
  1. Создание административной части сайта. Методы управления содержимым сайта (административная панель). Установка в административной части сайта механизм входа по логину и паролю.
  • Методы добавления, редактирования, и удаления материалов динамичных страниц через интерфейс административной части сайта.
  • Установка защиты на административную часть, при помощи логина и пароля.
  • Тестирование и настройка всех служб динамического сайта.
  1. Перенос готового динамичного сайта на сервер. Особенности переноса, импорта и экспорта баз данных с локального сервера на реальный. Пользовательская часть и административная. Настройка проекта на реальном сервере. Регистрация в поисковых системах. Установка счетчиков посещения. Способы размещения аудио и видео.
  • Размещение динамичного сайта на реальном сервере.
  • Экспорт-импорт базы данных через интерфейс сервера mysql на реальный хостинг.
  • Перемещение файлов и папок сайта из локального сервера на реальный по протоколу ftp.
  • Настройка служб сайта на хостинге.
  • Проверка работы сайта.
  • Регистрация в поисковых системах и каталогах.
  • Установка счетчиков посещений.
  1. Зачет.

Подробнее о курсе веб-разработчика →

Курс «Основы web-программирования. HTML, CSS, PHP от Softline»

Цена: 28 500 руб. – 31 600 руб.

Ссылка на сайт: https://edu.softline.com/vendors/softline/osnovy-web-programmirovaniya-html-css-php/

  • Продолжительность: 40 ак. часов.

Перейти на официальный сайт →

Пятидневный авторский курс «Основы web-программирования. HTML, CSS, PHP», ориентированный на веб-программистов, проводится под руководством тренера-практика и позволит вам научиться создавать собственные HTML-страницы, используя обычный блокнот, осуществлять навигацию между ними, что позволит разрабатывать полноценные сайты.

Профиль аудитории – программисты.

По окончании курса слушатели смогут:

  • Понимать, что такое веб-сервер и зачем он нужен;
  • Устанавливать и настраивать веб-сервер Apache;
  • Понимать разницу между динамическими и статическими страницами;
  • Создавать динамические страницы на языке PHP;
  • Использовать базу данных для хранения информации;
  • Настраивать и подключать базу данных к вашему веб-серверу.

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

  1. Основные сведения о языках разметки: HTML, XML, XHTML.
  • Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются
  • Структура HTML-документа. Понятие элементов и атрибутов
  • Что такое тег? Типы тегов. Правила оформления HTML-документа
  • Зачем нужна инструкция <!DOCTYPE>
  • Использование комментариев.
  • Создание HTML-документа в программе Notepad++.
  1. Ссылки и иллюстрации
  • Механизмы адресации на ресурсы в Internet. Реализация механизма в языке HTML
  • Создание гиперссылок с помощью элемента A и его атрибутов. Типы ссылок.
  • Размещение иллюстрации на web-странице. Типы файлов иллюстраций. Элемент IMG и его атрибуты
  • Распределение иллюстраций по страницам сайта: приемы и советы
  1. Таблицы и списки
  • Структурирование информации на WEB-странице при помощи списков. Типы списков
  • Особенности табличной модели в HTML 4, отличия от модели в HTML 3.2. Таблица и ее элементы
  • Правила задания размеров для таблицы и ее ячеек. Объединение ячеек. Типичные ошибки при работе с таблицами
  • Использование таблиц. Макетирование web-страницы с помощью таблиц
  • Использование вложенных таблиц
  • Приемы использования таблиц на web-странице
  1. Фреймы и формы
  • Зачем нужны формы. Элементы формы
  • Методы отправки информации из полей формы
  1. Каскадные таблицы стилей (CSS)
  • Основные цели и задачи CSS. Способы добавления стилей на WEB-страницу. Спецификации CSS Level 1 и Level 2: особенности, поддержка браузерами
  • CSS: основные понятия и определения. Грамматика языка стилей
  • Создание стилей и классов. Принципы каскадирования и принципы группировки
  • Применение стилей и классов к элементам документа HTML
  • Использование псевдоклассов и псевдоэлементов
  • Позиционирование элементов на странице при помощи CSS
  • Управление моделью элемента (свойство display)
  1. Web-сервер
  • Технология клиент-сервер.
  • Установка сервера Apache на рабочий компьютер.
  1. Основы языка PHP
  • Введение в программирование на стороне сервера на примере PHP. Принцип работы.
  • Синтаксис языка программирования PHP.
  • Переменные. Константы. Операторы в PHP. Циклы. Массивы. Работа со строками.
  1. Функции в PHP. Встроенные функции.
  • Работа с датой и временем в PHP.
  • Связь PHP и HTML.
  • Работа с изображениями (определение размеров, библиотека GD);
  • Управление интерпретатором (параметры PHP, контроль ошибок).
  1. Взаимодействие с пользователем.
  • Методы передачи параметров между страницами (GET, POST).
  • Обработка действий пользователя при помощи форм.
  • Использование вспомогательных переменных.
  1. Взаимодействие языка PHP и базы данных MySQL
  • Синтаксис запросов к базе данных.
  • Механизм работы с базами данных – PhpMyAdmin.
  • Решение задач (сортировка, вывод с условиями и т.д.).
  • Управление форматами даты и времени. Функция DATE_FORMAT.
  • Подключение к базе данных из PHP файла.
  • Вывод данных на PHP-страницу, попавших в выборку по SQL запросу.
  • Передача параметров в запрос.

Подробнее о курсе веб-разработчика →

Курс «Основы разработки сайтов от Академия BELHARD»

Цена: 450 BYN (10 791 ₽)

Ссылка на сайт: https://belhard.academy/web-site

  • Продолжительность – 8 занятий.

Перейти на официальный сайт →

Базовый курс для каждого, кто решил реализовать себя в IT.
По итогам обучения будут получены навыки самостоятельного создания стандартных web-сайтов и управления их контентом. Также этот курс служит платформой для изучения современного front-end и любого из языков программирования.

Web -разработчик – специалист, создающий сайты и приложения для Web (например, системы интернет-банкинга, службы заказов билетов, и многое другое). Может отвечать, как только за серверную или браузерную часть сайта, так и за обе эти составляющих.

В ходе Online курса вы:

  • Познакомитесь с основами создания Web-страниц при помощи HTML и CSS.
  • Узнаете, как делать формы для ввода данных и таблицы на Web-страницах.
  • Получите навыки работы в востребованных приложениях Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator.
  • Научитесь писать сценарии на языке JavaScript.
  • Сможете программно управлять элементами Web-страницы, устанавливать и настраивать Web-сервер.

Знаний, полученных на курсе «Основы разработки сайтов», будет достаточно, чтобы создать любой из 90% сайтов, существующих сегодня.

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

Количество часов: 32 (8 занятий по 4 часа)

Блок 1. Разработка Web-приложений. Основы HTML5

  • Архитектура Web-приложений. Проектирование интерфейса пользователя. Средства и методы разработки Web-приложений.
  • Структура HTML-документа, понятие тега и атрибута, списки, изображения, гиперссылки, цвета.
  • Работа с таблицами и формами HTML. Структура таблицы: заголовки, строки и ячейки. Элементы формы: текстовые поля, радио переключатели, чекбоксы, списки, области текста, кнопки, поля выбора файла, цвета, диапазона, даты и времени.
  • Вставка и управление аудио и видеоматериалами HTML.

Блок 2. Профессиональные редакторы для разработки Web-сайтов. Основы CSS3

  • Визуальный редактор Adobe Dreamweaver: глобальные настройки, рабочая область, инспектор файлов, настройка Web-сайта, свойства страницы, вставка элементов, подключение стилей CSS и сценариев JavaScript, импорт табличных данных. Использование bootstrap-шаблонов HTML + CSS + JavaScript.
  • Способы подключения CSS. Синтаксис и элементы стилей. Виды селекторов: универсальный, тега, класса, идентификатора, потомка, дочерний, сестринский, атрибута, псевдокласса, псевдоэлемента, структурных псевдоклассов. Комбинация и группирование селекторов, переменные в CSS. Наследование и каскадирование селекторов.

Блок 3. Адаптивность и возможности CSS3

  • Использование CSS-медиазапросов для разработки адаптивного дизайна.
  • Анимация и трансформация в CSS. Библиотеки анимации, CSS-генераторы. Градиенты, рамки, тени, переходы, фильтры.
  • Использование препроцессоров на примере LESS: установка препроцессора, переменные, функции и вычисления, преобразование кода препроцессора в код CSS. Использование постпроцессоров: работа с вендорными префиксами. Методологии CSS.

Блок 4. Adobe Photoshop для создания макета Web-сайта

  • Интерфейс и настройки Photoshop. Масштаб, информация об изображении. Инструменты и команды выделения.
  • Цветовые модели. Пиксели, разрешения и размеры. Слои и маски: быстрые маски, канал-маски, корректирующие слои, редактор градиента. Сохранение файла для Web.
  • Создание коллажа, работа с текстом. Ретушь: коррекция уровней, применение фильтров, восстановление утраченных фрагментов. Работа с вырезками. Создание GIF-анимации.
  • Создание макета Web-сайта: работа с линейкой и направляющими, группирование слоев. Bootstrap сетка. Подготовка созданного макета к верстке: слои-изображения, смарт-объекты.
  • Применение Adobe Illustrator для создания логотипов, стикеров и элементов flat-дизайна.

Блок 5. Верстка Web-сайта

  • Семантические элементы HTML5 для группирования контента и разметки содержимого. Блочные и строчные элементы. Блочная модель: контейнеры и обертки, отступы и границы, содержимое блока, тип контейнера элемента, область блочного элемента, позиционирование элементов, переполнение блочного элемента, наложение элементов.
  • Плавающие элементы – CSS свойство float. CSS-спрайты. Использование reset.css и normalize.css.

Блок 6. Модель верстки CSS Flexbox и CSS Grid

  • Модель верстки CSS Flexbox: свойства flex-контейнера и flex-элементов. Верстка адаптивного шаблона Web-сайта с помощью CSS Flexbox.
  • Модель верстки CSS Grid: работа с разметкой в двухмерном пространстве. Верстка адаптивного шаблона Web-сайта с помощью CSS Grid.

Блок 7. Ознакомление с языком JavaScript

  • Способы подключения сценариев JavaScript. Типы данных, переменные, операторы, ввод-вывод данных.
  • Языковые конструкции, организация ветвлений, выполнение вычислений. Объекты JavaScript. Методы объекта Math, Date.
  • Организация циклов, работа с массивами. Функции JavaScript. Области видимости переменных. События и обработчики событий.
  • Отладка кода JavaScript: инструменты разработчика браузера.

Блок 8. CMS-система WordPress для создания Web-сайта

  • Взаимодействие клиент-сервер. Передача данных. Протокол HTTP. Принципы работы с Web-сервером.
  • Установка и настройка OpenServer (Apache, PHP, MySQL, phpMyAdmin, FTP-клиент, Git, домены и алиасы, почта и др.). Создание локального Web-сервера.
  • Обзор CMS-систем (Joomla, Битрикс, OpenCart). CMS-система WordPress: установка и настройка, работа с шаблонами и плагинами, понятие виджета, работа с внутренним кодом PHP, работа с контентом.
  • Перенос сайта WordPress с локального компьютера на хостинг.

Преподаватель – Дмитрий Прохоренко
Практикующий front-end разработчик, более 10 лет работает на фрилансе. Основной стек: HTML, CSS, Java Script (Angular). Создает динамические сайты и web-приложения. Параллельно профессионально занимается преподаванием IT-дисциплин. Работает с детскими, взрослыми и подростковыми группами.

Отзывы:

Волкова Татьяна
«Все понравилось. Ожидания оправдались. Остались только углубиться и отработать. Дмитрий – очень отзывчивый, внимательный педагог.»

Стома Екатерина
«Спасибо, курс понравился, обязательно останусь в Академии для дальнейшего обучения. Курс был очень информативным и дал понять, что в дальнейшем хочется двигаться в данном направлении.»

Подробнее о курсе веб-разработчика →

Курс «Веб-программирование от irs.academy»

Цена: 1 699 руб. – 39 000 руб.

Ссылка на сайт: https://irs.academy/kurs_veb_programmirovaniya

Научитесь создавать сайты с нуля всего за 4 месяца обучения.

  • Кол-во часов: 32 часа
  • Кол-во занятий: 15 уроков.

Перейти на официальный сайт →

Для кого будет полезно?

  • Веб-дизайнеров
    Вы поймете, как работают сайты и познакомитесь с версткой и сможете объяснить задачу кодеру. Поднимете свою стоимость, как профессионала.
  • Сотрудников, поддерживающих сайт или внутренний корпоративный портал
    Хотите повысить чек за свои услуги? Разберитесь в специфике сайтов и получите повышение за счет расширения своих полномочий.
  • Владельцев бизнеса
    Вы сделаете сайт самостоятельно, а если нет такого желания, то правильно поставите задачу фрилансерам или веб-студии, и будете разбираться в каждом этапе работы.
  • Студентов
    Попробуйте себя в актуальной профессии и найдите первую работу, овладев базовыми навыками в веб-дизайне.
  • Желающих сменить профессию
    Вы на практике познакомитесь с новым направлением и сможете поменять профессию, при желании.
  • Всех, кого интересует веб-программирование
    Вы хотите узнать что-то новое и приобрести навыки веб-дизайнера для своих целей? Наш курс вам поможет!

После окончания курса вы сможете:

  • Самостоятельно создавать сайты
  • Работать удаленно из любого уголка мира
  • Получить высокий уровень дохода
  • Сменить нелюбимую работу на любимую
  • Получать клиентов через собственный сайт
  • Создать портфолио и представить его первому заказчику.

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

  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
    Работа с хэш-функции.

Преподаватель – Павел Колосов
«Здравствуйте! Меня зовут Павел Колосов. Я получил образование в СибГУТИ на факультете ИВТ (Информатика и вычислительная техника) и по диплому я — инженер Вычислительных машин.
После университета устроился верстальщиком без опыта, за два месяца работы на испытательном сроке переверстал сайт компании, постепенно на практике изучил CMS MODX, так же изучил Битрикс, прошел по нему тестовые задания, получил сертификаты.
На протяжении 5 лет трудился по специальности, после чего перешел в компанию ИРС, в которой работаю веб-программистом и преподавателем.
Смогу научить вас программированию, потому что мне нравится эта дисциплина, и я хорошо помню, каково это – начинать изучать веб с нуля. Расскажу всё доступным языком, вы разберетесь во всех тонкостях учебной программы и сможете претендовать на высокооплачиваемую работу в сфере IT.»

По окончанию обучения вы получите сертификат.

Отзывы:

Татьяна Хорошилова
«Хорошо. Структурно понятно.»

Александр Чиркин
«Хороший курс, даёт нормальную базу знаний, интересные и в меру сложные задания».

Подробнее о курсе веб-разработчика →

Курс «Современная Web-разработка от 1С: Учебный центр №1»

Цена: 950 рублей

Ссылка на сайт: https://uc1.1c.ru/course/sovremennaya-web-razrabotka/

  • 90 дней доступ к курсу
  • 12 видеоуроков
  • Электронная книга к курсу
  • Общение с преподавателем по электронной почте.

Перейти на официальный сайт →

На курсе вы:

  • познакомитесь с основополагающими принципами и последними тенденциями мира web-разработки;
  • будете самостоятельно создавать сайты, приложения и презентации;
  • научитесь реализовывать сервера и использовать базы данных;
  • в качестве финальных проектов напишете игру «Пятнашки» и приложение «Фотолента».

Содержание:

  1. HyperText Markup Language
    Задание каркаса и элементов страницы, ссылок, картинок, таблиц.
  2. Cascading Style Sheets
    Изменение внешнего вида элементов: цветов, размеров, отступов.
  3. CSS. Выравнивание и эффекты
    Структурирование элементов на странице. Трансформации и анимация.
  4. JavaScript. DOM, переменные и функции
    Использование чисел и строк, изменение содержимого страницы.
  5. JavaScript. Условные конструкции и циклы
    Вариация поведения страницы в зависимости от условий.
  6. JavaScript. Структуры данных
    Способы хранения и организации данных.
  7. JQuery
    Библиотека для эффективного управления содержимым страницы.
  8. Bootstrap
    Библиотека, предоставляющая большое количество готовых элементов.
  9. CSS. Позиционирование
    Взаимное расположение элементов. Глубина.
  10. Зачёт
    Проверка знаний в устной форме.
  11. Игра “Пятнашки”. Начало
    Реализация игрового поля, ячеек и их перемещения.
  12. Игра “Пятнашки”. Завершение
    Перемешивание костяшек и вывод поздравительного сообщения.

Подробнее о курсе веб-разработчика →

Курс «Программирование web-сайтов от Центр учебных курсов информационных технологий и компьютерного обучения»

Цена: 11 100 руб. – 12 300 руб.

Ссылка на сайт: https://it-course.ru/web-programming/computer-course-programming-web-saite.html

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

  • Продолжительность обучения – 8 занятий, 32 часа
  • Средняя величина группы – 10 студентов.

Перейти на официальный сайт →

Задача курса:

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

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

  1. Введение в PHP и MySQL. Как устроен и работает динамичный сайт. Роль сервера в работе динамического сайта. Роль базы данных в работе сайта.
  2. Устанавливаем сервер Denwer на локальный компьютер.
  3. Понятие переменной. Виды данных, содержащихся в переменной.
  4. Отображение переменной. Операторы вывода. Синтаксис языка.
  5. Арифметические действия с переменными. Конкатенация.
  6. Основные циклические конструкции языка.
  7. Условия и иные конструкции.
  8. Введение функции. Их создание и использование. Функции, встроенные в язык PHP.
  9. Рассматриваются и изучаются все необходимые для создания сайта встроенные функции: Count, exit, list, date, isset, unset и т.д.
  10. Понятие массива. Ассоциативный массив. Многомерный массив.
  11. Суперглобальный массив $_SERVER.
  12. Методы GET и POST.
  13. Основы работы с базами данных. Создание первой базы данных и таблиц в ней. Выборка данных. Вывод данных на страницу. Вывод данных из базы в цикле.
  14. Оператор выборки SELECT.
  15. Оператор вставки INSERT.
  16. Оператор обновления UPDATE.
  17. Оператор удаления DELETE.
  18. Создание дизайн макета динамического сайта и верстка его главной страницы и образца динамической страницы. Определяем, какие страницы будут динамичными, а какие статичными.
  19. Создаем базу данных и первую таблицу в ней, отвечающую за вывод данных на статичные страницы.
  20. Соединяем страницу сайта с базой данных и тестируем работоспособность, т.е. вывод содержимого базы данных на web-страницу.
  21. Определяем страницы с динамичным содержимым.
  22. Разрабатываем структуру таблиц базы данных для динамичного содержания сайта.
  23. Создаем таблицы в базе данных для динамичных web-страниц.
  24. Соединяем динамичные страницы с таблицами базы данных и проверяем вывод данных в цикле.
  25. Заполняем базу данных содержимым необходимым для корректного отображения видимой части сайта.
  26. Создаем административную часть сайта.
  27. Реализуем возможность редактирования содержимого динамичных страниц через интерфейс административной части сайта.
  28. Создаем структуру административной части сайта для управления динамичными страницами.
  29. Устанавливаем визуальный редактор.
  30. Реализуем возможность добавления, редактирования, и удаления материалов динамичных страниц через интерфейс административной части сайта.
  31. Устанавливаем защиту на административную часть, организуя вход через логин и пароль.
  32. Производим окончательное тестирование и настройку всех служб динамического сайта.
  33. Размещаем динамичный сайт на реальном сервере.
  34. Производим экспорт-импорт базы данных через интерфейс сервера MySQL на реальный хостинг.
  35. Перемещаем файлы и папки сайта из локального сервера на реальный по протоколу ftp.
  36. Проводим окончательную настройку служб сайта на хостинге. Проверяем работу сайта.
  37. Регистрируем в поисковых системах и каталогах. Устанавливаем счетчики посещений.

Подробнее о курсе веб-разработчика →

Курс «Веб-программирование от Открытое образование»

Цена: нет информации

Ссылка на сайт: https://openedu.ru/course/ITMOUniversity/WEBDEV/

  • Длительность курса – 10 недель, около 14 часов в неделю.
  • Сертификат.

Перейти на официальный сайт →

Курс предназначен для новичков в области веб-программирования, будет полезен как для школьников старших классов и студентов технических специальностей, так и для всех людей, которые интересуются веб-технологиями или планируют начать карьеру в этой индустрии. Полученный уровень подготовки позволит вам начать карьеру HTML-верстальщика или другого интернет-специалиста.

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

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

  1. Введение в веб-технологии
  2. Знакомство с HTML
  3. Знакомство с CSS
  4. Разметка
  5. Графический редактор для веб-разработчика
  6. Сетки
  7. Позиционирование
  8. Декоративные элементы
  9. Стилизация элементов содержания
  10. Публикация проекта.

Каждая тема предполагает изучение в течение одной недели.

В курсе имеется два типа дедлайна (предельного срока выполнения оценивающих мероприятий):
– мягкий дедлайн, при котором необходимо выполнить все оценивающие мероприятия текущей недели до ее завершения;
– жесткий дедлайн, при котором на выполнение оценивающих мероприятий после мягкого дедлайна дополнительно выделяется еще две недели, по окончании которых доступ к соответствующим мероприятиям закрывается.

Подробнее о курсе веб-разработчика →

Курс «Веб-разработка для начинающих: HTML и CSS от Stepik»

Бесплатно

Ссылка на сайт: https://stepik.org/course/38218/promo

Курс по основам веб-разработки. Узнаем, как работает интернет, научимся создавать веб-страницы с помощью HTML и CSS и деплоить их в интернет. Содержит домашние задания: мини-проекты для самостоятельного выполнения и проверки.

Перейти на официальный сайт →

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

49 уроков, 37 тестов.

  1. Вступление
  • Приветствие
  • История интернета
  1. HTML: База
  • HTML
  • Теги
  • Атрибуты
  • Особенности интерпретации HTML
  1. HTML: Основные элементы
  • Структура HTML-документа
  • Практика: создание веб-страницы
  • Редакторы кода
  • Элементы и их виды
  • Списки
  • Изображения
  • Адреса, ссылки и якоря
  1. HTML: Составные элементы
  • Таблицы
  • Формы
  • Домашнее задание
  1. CSS: Введение
  • История CSS
  • Практика: подключение CSS
  • Способы подключения CSS
  • Синтаксис CSS
  • Простые селекторы
  • Составные селекторы
  • Chromium DevTools
  • Домашнее задание
  1. CSS: База
  • Как изучать CSS
  • Текст и шрифт
  • Цвет и фон
  • Тип отображения элемента (display)
  • Блочная модель в CSS
  • Единицы измерения
  • Переполнение контента
  • Обтекание элементов (float), Clearfix
  • Позиционирование
  • Домашнее задание
  1. Продвинутая вёрстка
  • Краткая история веб-технологий
  • Flexbox
  • Псевдоклассы
  • Анимация переходов
  • Медиа-запросы
  • Адаптивная сетка
  1. Фреймворки
  • CSS-фреймворки. Когда их применять и не применять
  • Начало работы с Bootstrap 4
  • Bootstrap: компоненты
  • Bootstrap: сетка
  • Домашнее задание
  1. Деплой сайта
  • Что такое фронтенд и бэкенд
  • Что такое хостинг
  • Деплой сайта на netlify
  • Выпускной проект.

По окончании курса выдаётся сертификат.

Отзывы:

Сергей Slap
«Отличный курс для старта. Всё доступно и наглядно.»

Rostislav Vorobyov
«Курс хорошо подходит для тех, кому нужно быстро получить поверхностные знания о вёрстке.
Плюсы: Много практических заданий. Теории более чем достаточно, если вы знакомы с темой, но вам нужно обновить знания.
Минусы: несколько предложенных решений кажутся устаревшими для 2022 года.
Если учите с нуля, то проведёте больше времени за гуглением и чтением сторонних ресурсов, чем за материалами самого курса.»

Подробнее о курсе веб-разработчика →

Курс «Фулстек-разработчик (Junior) от Level UP»

Цена: 78 990 руб.

Ссылка на сайт: https://levelp.ru/courses/veb-tekhnologii/web-developer/

  • Продолжительность – 7 месяцев.

Перейти на официальный сайт →

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

Курс условно состоит из 2-х частей:

  1. front-end (40 занятий)
  2. back-end (12 занятий)

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

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

Во время обучения на курсе Вы:

  • Научитесь настраивать окружение и освоите самые эффективные инструменты в работе, как с клиентской частью веб-приложения, так и на стороне сервера
  • Научитесь работать в команде
  • Научитесь создавать интерактивные веб-страницы на стеке технологий HTML5 / CSS3 / JavaScript
  • Научитесь работать с фреймворками и популярными библиотеками – React.JS / Vue.JS
  • Научитесь использовать Node.js для разработки серверной части приложений
  • Научитесь работать с базами данных (MongoDB или MySQL)
  • Если хватит времени, и очень зависит от скорости прогресса группы в целом, научитесь делать десктопные и мобильные приложения на Javascript
  • Реализуете один или несколько своих проектов.

Программа:

  1. Workflow
  • Знакомство
  • Введение в процесс разработки ПО (команда, роли, методологии)
  • Инструменты разработчика на каждой стадии. Что должен знать и уметь разработчик?
  • Настройка окружения. IDE. Выбор редактора и первоначальная настройка
  • Работа с системой контроля версий на примере git (установка, основные команды)
  1. Верстка
  • Общие понятия о браузерах. Протокол HTTP/S. Домены, DNS
  • Знакомство с HTML. Структура страницы. Основные теги.
  • Знакомство с CSS. Подключение, Селекторы. Свойства.
  • Упрощение работы с CSS при помощи препроцессоров SASS, LESS
  • Обзор. Сравнение с препроцессорами.
  • БЭМ
  1. JavaScript
  • Знакомство, теория, структура кода, строгий режим «use strict». Переменные и константы: let, const, var. Область видимости.
  • Типы данных: string, number, boolean, null, undefined и другие. Операторы: примеры, отличия, особенности.
  • Ветвление IF… ELSE. Условное ветвление. Тернарный оператор.
  • Циклы: FOR, WHILE. Директивы break и continue.
  • Функции. Declaration, Express, Arrow (стрелочная функция). SetTimout, SetInterval.
  • Объекты. Синтаксис и работа с объектами.
  • Массивы. Методы массивов: Поиск, редактирование, сортировка.
  • Изменение HTML и CSS. Браузерное окружение.
  • Размеры, прокрутка, координаты.
  • TypeScript
  1. React
  • Знакомство с библиотекой, структура проекта,
  • Компонентный подход
  • Знакомство с state, props, все о JSX
  • Разбор Virtual DOM и Reconciliation
  • Классовый vs Функциональный компонент (отличие)
  • Методы жизненного цикла
  • Redux и подключение в проект
  • Thunk Redux подключение в проект
  • React Router DOM подключение в проект
  • Разбор hooks функциональных компонентов
  • Повторение пройденного материала (Контролируемые и Неконтролируемые компоненты)
  • Применяем все полученные знания к проекту
  1. Vue.js
  • Обзор Vue.js
  • Свойство Template; Virtual DOM и render
  • Реактивность и Proxy
  • Жизненный цикл компонента
  • Работа с Vue CLI и Vue UI
  • Работа с Элементами Формы и HTTP
  • Работа с Vue Router
  • Оптимизация с Lazy Loading
  • Работа с Vuex: Зачем нужен Vuex
  • Работа со Store; Что такое mutations; Зачем нужны getters; Как работают actions; Mappers
  • Применяем все полученные знания к проекту
  1. Back-end
  • Знакомство с Node js
  • Асинхронность. Event Loop и асинхронность.
  • HTTP и напишем первый сервер.
  • Express, проектирование API. Проектирование REST API
  • Введение база данных (Mongo DB)
  • Mongo DB, библиотека mongoose
  • Аутентификация и авторизация
  • Router в Express – разберем что такое роуты и зачем нужны
  • Postman – Compass
  • Интеграция с frontend-ом
  • JWT токен разберем зачем нужен, внедрение при авторизации
  1. Работа над проектами
  • Работа над проектами персонально или в командах
  • FAQ на собеседованиях на разные вакансии
  • Как начать работать на фрилансе?
  • Подводим итоги. Что дальше?

После окончания курса Вы сможете:

  • Начать карьеру Javascript-разработчика в компании
  • Сможете работать фрилансером
  • Собрать команду и организовать свой проект.

Преподаватели:

Антон
Fullstack developer в компании DataArt.
Опытный программист со стажем более 6 лет в сфере разработки ПО.

Кирилл
Frontend разработчик в компании EPAM.
Программист со стажем около 2-х лет в разработке ПО.

Айбол
Vue Developer в компании G-Space Company.
Опытный JavaScript разработчик с 3-х летним опытом.


Отзывы:

Илья Степаников
«Выражаю искреннюю благодарность Антону и Руслану за проведение на высоком профессиональном уровне обучения. Данный курс стал отличным стартом в развитии.»

Максим Ляшев
«Отличный курс по всему актуальному стеку web-технологий. Удобная и комфортная подача материала. Домашнее задание для уверенного усвоения новых знаний. Поддержка от преподавателей.»

Наталья Константинова
«Насыщенный, плотный курс, сходу погружающий в тему веб-разработки. Курс реально помогает сориентироваться в профессии, даже при отсутствии опыта в программировании, и наметить цели для дальнейшего развития. Но, на мой взгляд, курс будет наиболее эффективен для людей с хоть каким-то IT-бэкграундом.»

Подробнее о курсе веб-разработчика →

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Прокрутить вверх