Создание сайта — процесс, который может быть как простым так и достаточно сложным. Все зависит от назначения сайта и способа его разработки. Для простых страничек, достаточно изучить html и css и этого в некотором роде будет достаточно для создания странички без какой либо интерактивности. Кроме того существуют десятки различных конструкторов сайтов и лендингов, где специальные знания вообще не нужны. Для более сложных сайтов с уникальным функционалом, дизайном уже требуются знания php, javascript, html, css, фреймворков, систем управления сайтом, баз данных. И если вы решили связать свою жизнь с веб-разработкой, то все эти технологии просто необходимо изучить.
На этой странице размещена подборка онлайн-курсов по разработке сайтов. Курсы для удобства разделены на две группы, это бесплатные и платные курсы. Бесплатные курсы не настолько эффективные как платные и чаще всего не предоставляют документ об окончании обучения, но они могут вам пригодится на начальном этапе обучения.
Платные курсы
[Skillbox] Веб-разработчик с нуля до PRO
За 15 месяцев вы узнаете, как разрабатывать веб-сайты с использованием HTML и CSS для всех текущих версий браузеров и платформ. Изучите основы управления и командной работы, используя методологию Scrum. Узнаете, как создавать сложную анимацию, слайдеры, всплывающие окна и работать с файлами.
Школа: Skillbox - онлайн-университет digital и IT профессий
Сайт: https://skillbox.ru/
Длительность: 15 месяцев
Интенсивность: приблизительно 3-5 часов в неделю
Формат обучения: Теория и практика
Кому подойдет: Новичкам в веб-разработке. Начинающим разработчикам. IT-специалистам.
Программа:
570 видеоматериалов, 73 практические задачи
- Веб-вёрстка. Базовый уровень ~17 часов
- Веб-вёрстка. Продвинутый уровень ~10 часов
- JavaScript. Базовый уровень ~8 часов
- JavaScript. Продвинутый уровень ~9 часов
- PHP-разработчик. Базовый уровень ~14 часов
- Система контроля версий Git ~5 часов
- Карьера разработчика: трудоустройство и развитие ~6 часов
- Язык запросов SQL ~5 часов
Навыки после обучения:
- Умение и желание разбираться в чужом коде
- Создание анимационных промосайтов
- Настройка интеграции CRM c внешними системами
- Привычка писать комментируемый и строго форматированный код
- Разработка интернет-магазинов под ключ
- Умение ставить и соблюдать сроки
- Навыки написания запросов к реляционным базам данных
- Администрирование и деплой пилотных проектов
Особенности обучения:
- Обучение на практике
- Доступ к курсу навсегда
- Работа с наставником
- Год английского языка бесплатно
- Свободный график занятий
- Стажировка для лучших студентов
- Диплом по специальности
[Нетология] Веб-разработчик с нуля
Обширная программа обучения на 18 месяцев предназначенная для тех, кто хочет войти в IT. В процессе обучения вы освоите фронтенд разработку — такие инструменты как: HTML, CSS, JavaScript, а также основу бэкенда.
Школа: Нетология - университет интернет-профессий
Сайт: https://netology.ru/
Преподаватели: Преподаватели курса — практикующие разработчики
Длительность: 18 месяцев
Интенсивность: 2-3 раза в неделю
Формат обучения: Онлайн-вебинары и практические задания.
Кому подойдет: Тем, кто хочет освоить программирование, тем, кто хочет сменить профессию.
Программа:
Программа строится от простого к сложному
Часть 1. Frontend-разработка
- HTML-вёрстка с нуля до первого макета
- Мобильная и адаптивная вёрстка
- Основы программирования
- Git — система контроля версий
- Основы JavaScript
- Основы JavaScript в браузере
- Продвинутый JavaScript
- Продвинутый JavaScript в браузере
- Библиотека React
Часть 2. Backend-разработка
- Основы PHP
- Продвинутый PHP
- Фреймворк Laravel
Чему научитесь:
- Использование библиотеки React, JSX, React router, VirtualDom
- Вёрстка веб-страниц: HTML, CSS
- Создание интерактивных веб-страниц
- Применение принципов клиент-серверного взаимодействия
- Адаптивная и мобильная верстка
- Бэкэнд на PHP
- Контроль изменений кода проекта, работа на GitHub
- Работа с библиотекой Laravel для разработки бэкэнда
- Решение задач с использованием JavaScript
Особенности обучения:
- Проект в портфолио
- Новые знакомства в IT
- Работа с реальными задачами
- Диплом профессиональной переподготовке установленного образца
- Помощь в обучении от координатора и наставников
- Помощь с составлением резюме и поиском работы
- Преподаватели — эксперты-практики
- Помощь и поддержка Центра развития карьеры
- Возможность стажировки в ведущих компаниях
[MаEd] 5 шагов к продающему сайту
Пройдите курс и изучите основы создания сайтов, решающих бизнес-задачи компании и приносящих прибыль. Вы сможете говорить с заказчиком на одном языке, быстрее проходить брифинг, прототипирование и проектирование.
Школа: MаEd - обучение интернет маркетингу и рекламе
Сайт: https://maed.ru/
Спикеры: Владимир Давыдов, Ирина Давыдова, Вероника Васильева
Дата начала: В любое время
Длительность: 5 занятий общей сложности 3.5 часа
Формат обучения: Записанные видеоуроки.
Кому подойдет: Веб-разработчикам. Маркетологам. Предпринимателям.
Программа:
- Ставим цели сайта, собираем данные и исследуем конкурентов
- Формируем УТП и собираем материал для сайта
- Проектируем сайт
- Делаем дизайн и верстку
- Программируем сайт и оцениваем его эффективность
Чему научитесь:
- Узнаете, как ставить цели перед вашим сайтом, собирать данные и анализировать конкурентов
- Узнаете, как лучше сформулировать Уникальное Торговое Предложение
- Познакомитесь с основами проектирования сайта
- Поймете важные принципы дизайна и верстки сайта
- Узнаете об основах программирования и аналитики эффективности
Особенности обучения:
- Курс от практикующих специалистов
[Яндекс.Практикум] Веб-разработчик
10-месячный практический курс учит студентов тому, как стать веб-разработчиком. Студенты изучают HTML, CSS, JavaScript и другие языки программирования. 78% слушателей Практикума были трудоустроены в течение 4 месяцев после выпуска. Обучение состоит из трех частей: теория с фиксацией в тренажере, домашнее задание для самостоятельной практики и работа над кодом с ментором. Все наставники — практикующие специалисты: сотрудники Яндекса и других крупных компаний. Программу составляют опытные преподаватели и методисты, а также действующие специалисты Школы анализа данных.
Школа: Яндекс.Практикум - сервис онлайн-образования в сфере IT
Сайт: https://practicum.yandex.ru/
Преподаватели: Практикующие специалисты: сотрудники Яндекса и других крупных компаний
Длительность: 10 месяцев
Интенсивность: 15-20 часов в неделю
Формат обучения: Теория с закреплением в тренажёре, домашнее задание для самостоятельной практики и работа с наставником над кодом 10 часов в неделю.
Кому подойдет: Курс подходит для новичков, которые интересуются веб-разработкой. Для тех, кто ещё не до конца уверен в желании освоить новую профессию, спроектирована бесплатная часть, которая поможет узнать ответ на данный вопрос.
Программа:
- Основы HTML, CSS, JS: бесплатный вводный курс
- Как устроено платное обучение
- Расширенные возможности HTML и CSS
- HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
- Базовый JavaScript и работа с браузером
- JavaScript — непростые концепции
- Создание интерфейсов на React
- Основы бэкенд-разработки
- Академический отпуск
- Вы можете вернуть деньги за оставшуюся часть программы
- Дипломный проект
Чему научитесь:
- Работать с Node.js, поднимать и настраивать сервер
- Управлять цветом и шрифтами
- Публиковать сайт в интернете
- Выстраивать модульные сетки и группировать элементы технологией Grid Layout
- Владеть инструментами коллективной работы
- Разбираться в семантике HTML-разметке и необходимых CSS-технологиях
- Работать с условиями, циклами и функциями
- Создавать сайты и приложения разной
Особенности обучения:
- Особый формат
- Полноценное обучение профессии
- Рассрочка
- Можно учиться из любой точки мира
- 5 проектов в портфолио: сайты и веб-приложения
- После обучения помогают трудоустроиться
- Практика в тренажёре
- Сообщество веб-разработчиков
[GeekBrains] Веб-разработка. Быстрый старт
Курс предназначен для тех, кто хочет получить базовые навыки веб-разработки на PHP. В ходе обучения студенты проходят основные этапы создания простого сайта интернет-магазина. Знания и навыки, полученные на курсе, являются прочной основой для дальнейшего развития в качестве PHP-разработчика.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Дата начала: В любое время
Длительность: 13 уроков
Формат обучения: Видеозаписи всех онлайн-занятий, практические задания
Кому подойдет: Курс предназначен для тех, кто хочет приобрести начальные навыки веб-разработки на PHP и изучить логику работы с этим языком.
Программа:
- Для чего нужен PHP
- Установка и развертывание сервера на своем компьютере
- Как создавать веб-страницы
- Создаём макет нашего магазина
- Завершаем оформление шаблона
- Основы PHP
- Как хранить множество связанных данных
- Хранение и обработка связанных по смыслу данных
- Работаем с циклами
- Как сделать сайт живым
- Как делать навигацию между страницами
- Создаём каталог товаров
- Размещаем сайт в интернете
Чему научитесь:
- Размещать сайты в интернете
- Оформлять сайты с помощью CSS
- Создавать простые сайты интернет-магазинов с помощью шаблонов и без них
- Основам веб-разработки на PHP
- Работать с массивами и циклами
- Устанавливать сервер Apache и настраивать доступ к локальному сайту
Особенности обучения:
- Общение с одногруппниками
- Сертификат об окончании обучения
[LOFT] Веб-разработка для начинающих
За 6 недель курса освойте адаптивную вёрстку, JavaScript и получите мощный проект в портфолио.
Школа: LOFT - школа онлайн обучения IT профессиям
Сайт: https://loftschool.com/
Длительность: 6 недель
Формат обучения: Вебинары. Записанные видеоуроки. Домашние задания с проверкой.
Кому подойдет: Данный курс специально создан для новичков в мире IT. Однако и ребятам с опытом будет не скучно. Благодаря индивидуальной работе с наставником, программа курса “подстраивается” под нужды каждого конкретного студента.
Программа:
Неделя 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.
- Выдача дипломов за курс.
Чему научитесь:
- Адаптивная вёрстка
- JavaScript
- SASS
- Workflow
- SVG
- API
Особенности обучения:
- Быстрая обратная связь
- Возможна оплата от юрлица
- Воркшопы
- Гарантия возврата денег в течение 3-х дней обучения, если курс не подойдёт
- Сертификат
- Доступ к материалам навсегда
- Закрытая группа в мессенджере
- Командная практика
- Корпоративное обучение
- Курс от практикующих специалистов
- Личный куратор
- Нетворкинг
- Помощь с трудоустройством
- Портфолио
- Практика на реальных кейсах
[SkillFactory] Профессия Веб-разработчик
Узнайте, как создавать веб-сайты и веб-приложения. Выберите специализацию back-end, front-end или full-stack разработчика. Вы пройдете стажировку в команде с тимлидом, дизайнером и продакт-менеджером. После этого школа поможет вам с трудоустройством.
Школа: SkillFactory - школа IT профессий
Сайт: https://skillfactory.ru/
Преподаватели: Преподаватели и менторы — признанные эксперты в своих областях с опытом преподавания, часто сотрудники крупных компаний.
Длительность: 12 месяцев
Интенсивность: Примерно 10 часов в неделю
Формат обучения: Записанные видеоуроки, воркшопы, домашние задания.
Кому подойдет: Курс подходит новичкам в программировании, начинающим разработчикам, а также тем, кто хочет сменить IT-специализацию. Для успешного освоения программы специальных знаний не требуется.
Программа:
Введение в веб-разработку - 4 месяца
- Введение в разработку
- Базовая верстка
- Базовый Frontend
- Базовый Backend
Frontend-разработчик - 8 месяцев
- Продвинутая верстка
- Продвинутый Frontend
- Архитектура приложений
- Фреймворк React
- TypeScript
- Финальный проект «Реализация клиентской части»
Backend-разработчик - 8 месяцев
- SQL и работа с базами данных
- Базовое администрирование
- Продвинутый Backend
- Основы DevOps
- Фреймворк Laravel
- Финальный проект «Партнерская сеть»
Чему научитесь:
- Понимать принципы ООП, MySQL (SELECT, INSERT и т.д) + процедуры
- ООП
- Работать с серверами Nginx, Apache, WebSocket
- Писать unit-тесты
- Уметь работать с любой СКВ (GitHub, BitBucket etc)
- Понимать принципы построения инфраструктуры данных
- Опыт работы с API различных сервисов/ сайтов /систем
- Использовать REST API и SOAP API
- Full-stack разработка на PHP и JavaScript
Особенности обучения:
- Быстрая обратная связь
- Диплом
- Доступ навсегда
- Закрытая группа в мессенджере
- Карьерные консультации
- Командная работа над проектом
- Курс от практикующих специалистов
- Нетворкинг
- Общение с преподавателями
- Помощь с трудоустройством
- Практика на реальных кейсах
- 10 готовых проектов в портфолио
[itProger] Вёрстка сайта
Данный курс посвящен созданию адаптивного веб сайта, который будет учитывать все современные тенденции. В ходе курса под руководством наставника слушатели построят лендинг страницу с использованием HTML5, CSS3, JS, jQuery, Bootstrap 4 и Gulp.
Школа: itProger - онлайн-школа IT профессий
Сайт: https://itproger.com/
Длительность: от 1 нед. до 3 мес. (в зависимости от тарифа)
Формат обучения: Вы сможете просматривать материалы в любое удобное для вас время, а также проходить домашние задания, практические задания, тесты
Кому подойдет: Видеокурс рассчитан на новичков, вам не нужно обладать специальными знаниями.
Программа:
13 уроков
- Введение в разработку веб сайтов
- Разбор шаблона и подключение Bootstrap
- Установка Node JS и Gulp
- Настройка проекта с использованием Gulp файла
- Начало вёрстки веб сайта
- Создание секции с характеристиками
- Создание секции с отзывами
- Блок с презентацией приложения
- Секция подписки на рассылку
- Разработка футера сайта
- Адаптация веб сайта. Шапка сайта
- Адаптация всего веб сайта
- Выгрузка сайта на сервер
Чему научитесь:
Вы научитесь делать современные веб сайты на HTML5, CSS3, Gulp, JS и Bootstrap 4.
Особенности обучения:
- Современный подход к вёрстке веб сайтов
- Консультации
- Сертификат
[Nordic IT School] Основы вёрстки сайтов
Преподаватели предоставят вам всю необходимую теоретическую базу для понимания принципов развития. Вы можете выбрать удобную для вас форму обучения: посещать занятия в школе или подключаться к вебинарам из любой точки мира.
Школа: Nordic IT School - курсы программирования
Сайт: https://inordic.ru/
Длительность: 1.5 мес. (60 ак. час.)
Интенсивность: 2 раза в неделю, длительность каждого занятия - 4 ак. часа.
Формат обучения: Вебинары. Домашние задания с проверкой.
Кому подойдет: Веб-разработчикам. Фронтенд-разработчикам.
Программа:
- Для чего нужен HTML и CSS
- Текстовые данные на странице
- Гиперссылки
- CSS. Каскадные таблицы стилей
- Векторные и растровые изображения на странице
- Основные свойства блочных элементов
- CSS для макетирования
- Flex модель блоков (flexbox)
- Анимации CSS3
- Адаптивная верстка (верстка под мобильные устройства)
- Введение в jQuery
Особенности обучения:
- Быстрая обратная связь
- Диплом
- Доступ к материалам навсегда
- Доступ навсегда
- Есть очная форма обучения
- Курс от практикующих специалистов
- Общение с преподавателями
- Офлайн-встречи
- Помощь в составлении резюме
- Портфолио
- Упор на практику
[TeachLine] Как создать сайт самостоятельно
В курсе подробно рассказано о том, как создать качественный и эффективный сайт. В курсе 13 лекций по 1,5 часа. Для обучения нужно владеть HTML, CSS, Bootstrap и основами JQuery. В рамках курса преподаватели будут рассказывать о том, как создать сайт и расскажут об основах его оптимизации. Программа включает в себя изучение Front-end и back-ended разработки, CMS WordPress или SEO.
Школа: TeachLine - учебный центр
Сайт: https://teachline.ru/
Дата начала: Обучение в любое удобное время сразу после записи на курс
Длительность: 13 лекций по 1,5 часа
Формат обучения: Онлайн-лекции и домашние задания с обратной связью
Кому подойдет: Новички. Фрилансеры. Владельцы малого бизнеса.
Программа:
В курсе 13 видеолекций.
- Основы юзабилити
- Типы сайтов, особенности
- Прототипирование
- Структура страницы, основы HTML
- Введение в CSS
- Позиционирование в CSS
- Основы JS
- Работа с JQuery
- CMS
- PHP
- Разработка сайта на WORDPRESS. Часть 1
- Разработка сайта на WORDPRESS. Часть 2
- Основы оптимизации сайта
Чему научитесь:
- Разрабатывать сайта на CMS WordPress
- Владеть языком программирования
- Владеть основами HTML и CSS
- Повышать конверсию клиентов
- Выводить бизнес в интернет
- Работать с jQuery
- Самостоятельно создавать сайт с нуля
Особенности обучения:
- Дополнительные материалы
- Доступ к материалам 6 мес.
- Диплом
[MаEd] Создание сайта, решающего бизнес-задачи компании
Курс полезен интернет-маркетологам, руководителям направления, коммерческим директорам. Занятия проходят в формате мастер-классов: по сегментации ЦА, формированию УТП, текстовому прототипу сайта, ТЗ на вёрстку. Индивидуальные консультации. Итоговая практическая работа на реальном кейсе и диплом по окончании.
Школа: MаEd - обучение интернет маркетингу и рекламе
Сайт: https://maed.ru/
Формат обучения: Записанные видеоуроки. Домашние задания.
Кому подойдет: Руководителям направлений. Коммерческим директорам. Директорам по маркетингу. Маркетологам.
Программа:
11 тем и 35 видеоуроков
- Введение: проблема разработки бизнес-сайта для коммерческой компании на конкурентном рынке
- Сбор исходных данных: бизнес, рынок, спрос, продукт, целевая аудитория
- Исследование конкурентов, планирование разработки
- Формирование УТП, сбор материалов
- Проектирование сайта: структура, текстовый прототип, раскрытие УТП
- Проектирование сайта: графический прототип, презентация
- Редактура, копирайтинг
- Верстка
- Программирование и интеграции с бизнес-системами
- Анализ эффективности сайта
Чему научитесь:
- Планировать работу по всем этапам
- Прописывать, для кого нужен сайт внутри вашей компании и на рынке
- На основе анализа разбираться, что нужно сделать или поменять
- Анализировать собранные данные
- Собирать данные по аналитике, конкурентам, аудитории
- Создавать задание для исполнителей
- Создавать посадочную страницу или сайт
Особенности обучения:
- Дополнительные материалы
- Личный куратор
- Доступ к материалам
- Сертификат
- Удобный формат обучения — легко совмещать с работой
- Упор на практику
[GeekBrains] Факультет Веб-разработки от GeekBrains
Обучение веб-разработке с нуля: от создания макетов до оптимизации баз данных и алгоритма. На практике вы получите навыки, которые помогут вам развить высоконагруженные проекты.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Длительность: 12 месяцев
Формат обучения: Видеолекции, домашнее задание, обратная связь от ментора
Кому подойдет: Начинающим веб-разработчикам.
Программа:
Основной блок — 3 месяца
- Введение в программирование
- Математика и информатика
- Введение в контроль версий
- Знакомство с языком программирование C#
- Введение в базы данных
- Профориентация
Специализация — 9 месяцев
- Знакомство с треком обучения и направлениями: интро
- Основы Питон
- Знакомство с Веб-технологиями
- Операционные системы (Linux)
- Объектно-ориентированное программирование
- Алгоритмы и структуры данных
- Исключения в программировании и их обработка
- Unit-тесты
- Базы Данных и SQL
- Контейнеризация
- Архитектура ПО: принцип SOLID, проектирование ООП, чистая архитектура
Чему научитесь:
- Умение писать «чистый» код
- Работа с Highload-проектами
- Навыки успешного прохождения собеседований и общения с заказчиками
- Умение работать с GIT
- Управление продуктами и проектами
- Знание принципов ООП и паттернов проектирования
- Сетевая безопасность
- Работа в команде
- Навыки проектирования архитектуры, использования шаблонов проектирования
- Навыки автоматизированного тестирования кода
Особенности обучения:
- Закрытая группа в мессенджере
- Карьерные консультации
- Личный куратор
- Работы для портфолио
- Интерактивные вебинары и записи занятий
- Кросс-функциональная команда
- Доступ к материалам навсегда
- Помощь в трудоустройстве
- Диплом
- Доступ к сообществу GeekBrains
[LOFT] Основы вёрстки сайтов
Научитесь самостоятельно создавать сайты любой сложности с помощью Flexbox и БЭМ-нейминга. Работать с макетами с помощью простого и удобного инструмента Figma. Создавать сайты под ключ, размещать их на хостинге с привязкой к доменному имени.
Школа: LOFT - школа онлайн обучения IT профессиям
Сайт: https://loftschool.com/
Преподаватель: Владимир Сабанцев
Длительность: 1 месяц
Формат обучения: Вебинары. Записанные видеоуроки. Домашние задания с проверкой.
Кому подойдет: Данный курс специально создан для новичков в мире IT. Благодаря индивидуальной работе с наставником, программа курса “подстраивается” под нужды каждого конкретного студента.
Программа:
Неделя 1 — Работа с хостингом, HTML
- Знакомимся со своим личным наставником и группой.
- Учимся работать с панелью хостинга и с файлами через FTP.
- Делаем разметку для первой страницы проекта.
- Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
Неделя 2 — CSS, работа с макетом, Perfect Pixel
- Стилизуем элементы главной страницы.
- Изучаем свойства позиционирования и поведение блочной модели.
Неделя 3 — Flexbox, БЭМ-нейминг
- Изучаем свойства флексбокса и применяем их к главной странице.
- Пишем разметку для оставшихся страниц проекта.
- Приводим верстку в состояние Perfect Pixel.
Неделя 4 — CSS-анимации
- Подключаем иконки к проекту с применением спрайтов.
- Реализуем динамические элементы страниц.
- Дорабатываем проект.
Неделя 5 — Защита выпускного проекта
- Дорабатываем проект.
- Сдаём проект на проверку наставникам.
- Выставление оценок в дипломы.
Результат практической части курса:
- Как устроен Интернет
- HTML и CSS
- Кроссбраузерная вёрстка
- Работа с PSD макетами
- Workflow
- Верстать сайты "под ключ"
Особенности обучения:
- Быстрая обратная связь
- Возврат оплаты в течение 3-х дней после начала учёбы, если курс не подошёл
- Сертификат
- Доступ навсегда
- Закрытая группа в мессенджере
- Курс от практикующих специалистов
- Личный куратор
- Общение с преподавателями
- Портфолио
[GeekBrains] Веб-разработчик
Профессия «Веб-разработчик» для тех, кто хочет за 6 месяцев научиться создавать сайты, верстать пользовательские интерфейсы веб-ресурсов. Вы познакомитесь со сферой IT, получите знания, необходимые в работе, соберете портфолио из собственных проектов и начнете получать дополнительный доход.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Длительность: 6 месяцев
Интенсивность: по 12 часов в неделю
Формат обучения: Вебинары. Домашние задания с проверкой.
Кому подойдет: Этот курс подходит новичкам без начальной подготовки и опыта.
Программа:
Базовые знания (2 месяца)
- Откроете для себя языки программирования, их принципиальные отличия и практики использования
- Погрузитесь в тему создания структур данных
- Разберетесь в понятии информатики на практике
- Пройдете курс прикладной математики: булева алгебра, логика, объединение множеств
- Изучите операционные системы, их особенности и механизм работы
- Поработаете в области контроля версий
- Узнаете, как настроить собственные девайсы
- Изучите ключевые инструменты IT, стандарты кодирования, базы данных и системы аналитики
- Соприкоснетесь с профессиями в разработке, спецификой их работы и сможете выбрать интересующее направление для обучения дальнейшей специализации
Специализация
В программе пять направлений. В процессе обучения вы выберите то, которое вам больше всего подходит
Ваши навыки после обучения:
- Разработка веб-приложений с помощью Yii2
- Знание PHP инфраструктуры и устройства веб-приложений
- Опыт проектирования БД
- Работа с шаблонами
- mySQL базовый синтаксис
- Работа с файлами, сессиями, куками
- Умение разбираться в чужом коде
- Понимание шаблона MVC
- Знание принципов обмена информацией с API веб-сервисов
- Уверенные знания ООП
Особенности обучения:
- Быстрая обратная связь
- Воркшопы
- Диплом
- Дополнительные материалы
- Доступ к материалам навсегда
- Закрытая группа в мессенджере
- Карьерные консультации
- Командная работа над проектом
- Курс от практикующих специалистов
- Личный куратор
- Нетворкинг
- Общение с преподавателями
- Помощь с трудоустройством
- Портфолио
- Работа с реальными проектами
- Стажировка
- Упор на практику
Бесплатные курсы
[GeekBrains] Что такое Front-end? Как из кода для машин получается сайт для людей?
На вебинаре вы увидите реальную картину, с чем работают front-end разработчики. Узнаете как выглядит сайт для разработчика, разберетесь с HTML тегами и CSS свойствами, попробуете сделать свою страницу, определитесь, что вам понадобится в дальнейшем.
Школа: GeekBrains - образовательный портал от Mail.ru Group
Сайт: https://gb.ru/
Преподаватель: Анна Русяева
Дата начала: В любое время
Длительность: 1,5 часа, 1 урок
Интенсивность: Обучение в свободном режиме
Формат обучения: Видеозаписи всех онлайн-занятий, методички и практические задания.
Для кого этот курс: Новичкам, которые еще не знакомы с HTML & CSS. Тем, кто еще не определился с направлением в программировании. Узнаете об одном из востребованных направлений разработки - Front-end.
Программа:
- Что такое Front-end? Как из кода для машин получается сайт для людей?
Особенности обучения:
- Общение с одногруппниками
- Сертификат об окончании обучения
[HTML Academy] Знакомство с веб-разработкой
Вы на практике изучите базовые технологии веб-разработки и узнаете, как они работают. Оформите страницу с помощью стилей. Напишите свой первый скрипт.
Школа: HTML Academy - интерактивные онлайн-курсы
Сайт: https://htmlacademy.ru/
Дата начала: В любое время
Длительность: 1 час 10 минут теории, 1 час практики
Интенсивность: Обучение в свободном режиме
Формат обучения: Теория и практика
Кому подойдет: Курс подойдет новичкам без знаний веб-разработки, которые хотят освоить создание сайтов с помощью PHP и других инструментов.
Программа:
2 части, 28 заданий
- Основы HTML и CSS. 12 заданий
- Первое испытание: Испытай себя, путник!
- Основы JavaScript. 16 заданий
Чему научитесь:
- html
- css
- javascript
- php
[itProger] Верстка сайта
Курс, посвященный созданию полноценного сайта. В процессе обучения создадите сайт с использованием языка HTML, CSS, JS, а также jQuery. В результате должен получиться неплохой шаблон сайта, который вы сможете использовать для своих проектов.
Школа: itProger - онлайн-школа IT профессий
Сайт: https://itproger.com/
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Обучение в свободном режиме
Формат обучения: Видеокурс
Кому подойдет: Предполагается, что вы уже знакомы с HTML, CSS, JavaScript и библиотекой jQuery хотя бы на минимальном уровне.
Программа:
11 уроков, 108 заданий
- Приступаем к работе
- Необходимые инструменты
- Шапка и футер сайта. Часть 1 из 2
- Шапка и футер сайта (Часть 2/2)
- Фиксированное меню при прокрутке
- Основная часть сайта
- Нижняя часть сайта (виджеты Вк, FaceBook, Twitter)
- Новая страница + важные моменты
- Форма обратной связи (PHP, Ajax, jQuery)
- Страницы ошибок
- Заключительная часть
Особенности обучения:
- Справочник
- Редактор кода
[YouTube] HTML с нуля: урок 1 - как работает Интернет и что такое сайт
Канал: selfedu
В уроке рассматриваются основные принципы взаимодействия пользователя с сервером в сети Интернет, представление сайта и взаимодействие сервера с сайтом.
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Обучение в свободном режиме
Формат обучения: Видеокурс
Кому подойдет: Для новичков
Все уроки курса:
11 уроков продолжительностью до 25 минут
Открыть
- Как работает Интернет и что такое сайт
- Инструментарий, структура документа, стандарты
- Основные теги форматирования HTML
- Ссылки, теги div и span
- Таблицы
- Фреймы
- HTML формы, GET и POST запросы
- Поля ввода, кнопки, списки
- Каскадные таблицы стилей, начало
- CSS, теория
- 10 - пример создания макета HTML страницы
[WAYUP] Веб-верстальщик: начало
Изучите основы верстки и веб-разработки за 7 дней с проверкой ДЗ и поддержкой личного наставника.
Сайт: https://wayup.in
Автор курса: Андрей Гаврилов
Длительность: 7 дней, 7 занятий
Формат обучения: Видеоуроки, домашние задания
Кому подойдет: Для новичков
Программа:
- Введение в профессию
- Погружение в основы HTML5
- Знакомство с CSS3
- Верстка современного сайта
- Погружение в адаптивность
- Шаг во Frontend: JavaScript
- Фриланс и первые $500
Навыки после обучения:
- HTML/CSS
- Адаптивная верстка
- Работа с CSS медиа-запросами
- Базовое понимание JavaScript
- Работа на фриланс-бирже
Особенности обучения:
- Наставник
- Проверка дз
- 2 проекта будет сверстано на курсе
- Сертификат
[School‑PHP] HTML и CSS — вёрстка сайтов для начинающих
Этот курс разработан как обязательный для всех. Уроки подходят абсолютно всем, так как сложность будет расти по мере изучения основ html. По окончанию курса вы легко ответите на вопрос «как сделать сайт html». Так же в этом курсе мы поверхностно изучим Photoshop.
Школа: School‑PHP - школа программирования
Сайт: https://school-php.com/
Дата начала: В любое время
Длительность: 20 часов
Интенсивность: Обучение в свободном режиме
Формат обучения: Видеоуроки + текстовые материалы
Кому подойдет: Уроки подойдут абсолютно всем, так как сложность будет расти по мере изучения основы html
Программа:
Уроков 11. Домашних заданий 5
- Вступительный урок: веб-разработчик изнутри.
- Устанавливаем необходимые программы.
- Начинаем изучать HTML, теги, атрибуты тегов и их свойства.
- Структура HTML: Doctype, head, body.
- Навигация и ссылки.
- Графика в вебе, img, background-image, CSS-спрайты.
- Блочная вёрстка сайтов.
- Таблицы, слои и позиционирование.
- Типы вёрстки: табличная, блочная и адаптивная.
- Начинаем изучать Photoshop, нарезаем шаблон
- Продолжаем изучать Photoshop, работаем с подготовленными шаблонами.
[itProger] Создание сайта на HTML
Данный видео курс по созданию веб сайта на основе HTML5 и CSS3. Мы создадим макет сайта, напишем разметку и пропишем все стили. В результате вы получите полностью готовый сайт с полноценным шаблоном веб сайта, который будет реализован на чистом HTML и CSS.
Школа: itProger - онлайн-школа IT профессий
Сайт: https://itproger.com/
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Обучение в свободном режиме
Программа:
13 уроков, 102 задания
- Создание макета
- Создание шапки сайта
- Создание футера сайта
- Крепление футера к низу сайта
- Создание навигации по сайту
- Анонсы статей на главной странице сайта
- Главная страница сайта
- Страница с информацией
- Контактная форма на сайте
- Добавление статей на сайт
- Адаптивность сайта
- Оптимизация сайта
- Завершающий урок
Особенности обучения:
- Справочник
- Редактор кода
[YouTube] Установка сервера WAMP (ampps) | Динамический веб-сайт
Канал: Андрей Андриевский
Вводное занятие по созданию динамического сайта на Языке PHP с применением PHP7, JavaScript, MySQL, CSS, HTML.
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Обучение в свободном режиме
Формат обучения: Видеокурс
Кому подойдет: Для новичков
Все уроки курса:
Показать
- Установка сервера WAMP (ampps)
- MySql работа через консоль (создание БД, пользователя, привязка к БД)
- Работа с MySQL через phpMyAdmin
- Проектирование базы данных
- Отношения в MySQL
- Доступ к MySQL посредством PHP
- Знакомство с PDO на практике, запросы к MySQL
- Подготовленные запросы в PDO
- Командная строка, GIT | Часть 1
- GIT - Commit and Push. Сохранение и отправка изменений на сервер | Часть 2
- Начинаем верстать макет HTML & CSS
- Верстаем карусель, HTML & CSS - Часть 2
- Введение в MySql, знакомство с phpMyAdmin
- Заканчиваем верстку главной страницы, HTML & CSS - Часть 3
- Верстаем страницу одной записи в блоге, HTML & CSS - Часть 4
- Верстаем форму регистрации и авторизации, HTML & CSS - Часть 5
- Создание БД, первый коннект, создание проекта
- Include, require оптимизируем каркас сайта
- Пишем функции запросов к базе данных
- Дорабатываем функции запросов к базе данных
- Пишем функцию (INSERT) записи в базу данных
- Пишем функции для (UPDATE & DELETE)
- Пишем на php обработчик формы регистрации
- Пишем проверку данных с формы регистрации | Ч-1
- Пишем проверку на наличие пользователя в базе
- Создаем SESSION после регистрации на сайте
- Авторизация, пишем логику на PHP
- Logout, выход и удаление сессии
- Верстаем страницы админки, Часть - 1
- Дописываем верстку админ страниц, Часть - 2
- Причесываем админку сайта
- CRUD, создание, чтение, редактирование и удаление категорий
- Вывод категорий на главной странице
- Логика создания записи (поста в блог) в админке
- Вывод статей в админку, переписываем функцию | Динамический веб-сайт
- Связи двух таблиц | Relation
- Пишем погрузку картинок на сервер посредством PHP
- Оптимизация вывода ошибок, все в одном массиве
- Edit, Delete, Publish в постах
- Создаем пользователя через админку
- Update, Delete USERS в админке
- Выводим записи на главную блога
- Выводим ТОП статьи в слайдшоу главной
- Пишем логику поиска по сайту
- Выводим контент на "Single page" страницу
- Выводим статьи с выбранной категории
- Пагинация на PHP (pagination)
- Комментарии на PHP для блога
- Комментарии на PHP, часть-2
[YouTube] Бесплатный курс по верстке сайтов (front end). уроки html, css, js
Канал: Фрілансер по життю
На видео первый вводный урок: План развития фронтенд разработчика. Эффективное обучение html css javascript
Обширный бесплатный курс по верстке сайтов. Верстка сайтов с нуля. Выпуски будут выходить в виде уроков по HTML, CSS, JS.
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Свободный график
Формат обучения: Видеокурс
Кому подойдет: Для новиков
Плейлист:
53 урока продолжительностью до 1 часа
Открыть
- План развития фронтенд разработчика. Эффективное обучение html css javascript
- Как правильно учиться в IT - сфере. ТОП ошибок при обучении. Конкретный план обучения.
- HTML уроки. Первый урок по HTML верстке.
- HTML уроки. HTML теги. Тег DIV и другие.
- HTML уроки. HTML теги для КОНТЕНТА.
- HTML уроки. HTML теги форм. HTML input.
- CSS синтаксис. Обнуление CSS стилей.
- CSS Стили шрифта и текста. CSS font-size. CSS color, CSS text-shadow.
- Свойства блоков. CSS padding. CSS margin. CSS display.
- Свойства и стили оформления блоков. CSS opacity.
- CSS свойство BACKGROUND. Делаем фон для сайта
- CSS псевдоклассы. Псевдокласс HOVER и другие.
- CSS псевдоэлементы. Псевдоэлементы BEFORE и AFTER.
- CSS позиционирование (CSS position).
- Препроцессор SASS/SCSS за 38 минут. Что такое SASS, SCSS. Установка уроки обучение.
- Подключение шрифтов. Google Fonts. CSS font-face. Как подключить шрифты
- Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии
- МЕТА теги для сайта за 13 минут. HTML мета теги для SEO, адаптива, социальных сетей и для iPhone.
- FLEXBOX. Учимся верстать на флексах. Часть первая - свойства flex-контейнера
- FLEXBOX. Учимся верстать на флексах. Часть вторая - свойства flex-элементов
- FLEXBOX. Учимся верстать на флексах. Часть третья - свойство flex-direction
- FLEXBOX. Примеры верстки на flex. Учимся верстать на флексах. Часть четвертая - практика
- Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]
- Все о CSS переходах (transitions) за 16 минут. CSS анимация. Часть первая.
- CSS animation и @keyframes за 12 минут. Подробный разбор CSS свойств анимации + шпаргалка.
- Форматы изображений в веб-разработке и виды графики сайта за 7 минут. + Создаем favicon.
- Адаптивные изображения. Практические приемы верстки картинок. CSS object-fit HTML picture.
- CSS transform. 2D и 3D трансформации translate, scale, rotate и другие
- Все про CSS отступы padding и margin. Объяснение на практике за 33 минуты.
- CSS Grid Layout. Кроссбраузерность. Grid и Flex. Основные понятия.
- CSS Grid Layout. Свойства определения сетки grid-template и другие
- CSS Grid Layout. Свойства элементов grid сетки grid-row grid-column order gap и другие
- CSS Grid Layout. Практика + шпаргалка.
- Адаптивное видео и видеоролик в качестве фона. Вставка видео/аудио на сайт. HTML-теги VIDEO и AUDIO.
- CSS EM REM и прочие единицы измерения CSS. Что когда использовать? Подробное объяснение на практике.
- Что такое JAVASCRIPT? Как работает JS? Пишем первую программу.
- Основы синтаксиса JAVASCRIPT. Структура кода. Инструкции. Режим use strict.
- Переменные в JAVASCRIPT. Константы. Ключевые слова LET CONST VAR.
- Типы данных JAVASCRIPT. Null String Undefined Boolean Number и другие.
- Операторы JAVASCRIPT. "2"+2=22. Уроки JAVASCRIPT с нуля 2020
- IF ELSE в JAVASCRIPT. Условный оператор "?". Примеры IF ELSE.
- Циклы FOR и WHILE в JavaScript. Директивы break и continue.
- Функции в JAVASCRIPT. Стрелочные функции, рекурсия, планирование: setTimeout и setInterval.
- Объекты в JavaScript. Основы для начинающих. Синтаксис, создание, изменение.
- Числа в JAVASCRIPT. Тип данных number. Работа с числами. проблема неточных вычислений.
- Строки в JAVASCRIPT. Тип данных string. Типы кавычек, поиск, регистр и получение подстроки.
- Массивы в JAVASCRIPT. Методы массивов. Редактирование, поиск, сортировка.
- JavaScript Document object model (DOM) за час. Изменение HTML CSS. Атрибуты и свойства. Окружение.
- JavaScript размеры прокрутка и координаты элементов на странице и окна браузера.
- JAVASCRIPT СОБЫТИЯ. addEventListener делегирование. Cобытия мыши клавиатуры загрузки сайта. Практика
[YouTube] Создание сайта | Урок #1 - Приступаем к работе
Канал: Гоша Дударь
В этом уроке мы будем с вами заниматься созданием сайта. В итоге должен получиться неплохой шаблон сайта, который вы сможете вставить к себе на сайт или куда-угодно.
Дата начала: В любое время
Интенсивность: Обучение в своем темпе
Формат обучения: Видеокурс
Все уроки курса:
12 уроков продолжительностью до 40 минут
- Приступаем к работе
- Необходимые инструменты
- Шапка и футер сайта (Часть 1/2)
- Шапка и футер сайта (Часть 2/2)
- Фиксированное меню при прокрутке
- Основная часть сайта
- Нижняя часть сайта (виджеты Вк, FaceBook, Twitter)
- Новая страница + важные моменты
- Форма обратной связи (PHP, Ajax, jQuery)
- Страницы ошибок
- Заключительная часть
- Профессия Full Stack разработчик | Презентация онлайн курса
[YouTube] Создание сайтов с нуля для новичков. Курс с нуля HTML5.
Канал: IT-PLANET
Видеокурс о том, как создать свой сайт бесплатно с нуля. Мы научимся создавать сайты на HTML, CSS, PHP. 38 уроков продолжительностью до 25 минут.
Дата начала: В любое время
Интенсивность: Обучение в своем темпе
Формат обучения: Видеокурс
Кому подойдет: Для новичков
[YouTube] Какой конструктор сайтов выбрать?
Канал: Стас Быков
Обзор на лучшие конструкторы сайтов. Конструкторы сайтов, плюсы и минусы: Tilda, Битрикс24 и Wix. Профессия «Веб-мастер».
Дата начала: В любое время
Интенсивность: Вы сами устанавливаете темп обучения
Формат обучения: Видеокурс
Все уроки курса:
- Какой конструктор сайтов выбрать? Самый ПОЛНЫЙ обзор на конструкторы сайтов #1
- 4 совета, как раскрутить сайт с нуля. Продвижение сайта самостоятельно 2022 #2
- Сделать сайт и продать за 500$. 5 способов, как создать сайт самому и заработать деньги #3
- Позвонил в 5 веб-студий по созданию сайта. "Ало, сколько стоит создать сайт?" #4
- SEO продвижение сайта в 2022 году (грамотная раскрутка сайта за 7 шагов)
- Рабочее SEO продвижение сайта (на примере SEO WordPress 2022)
- Создание сайта на Wordpress с нуля: ускорение сайта на хостинге VDS (самый полный урок)
[YouTube] Курс Веб-разработчик 10.0
Канал: Glo Academy
Обширный курс по веб-разработке.
Дата начала: В любое время
Длительность: Срок обучения не ограничен
Интенсивность: Вы сами устанавливаете темп обучения
Формат обучения: Видеокурс
Кому подойдет: Для новичков
Все уроки курса:
47 уроков продолжительностью до 1часа 30 минут
Открыть
- Урок 0. Установка необходимых программ
- Урок 1. Полный цикл создания сайтов
- Урок 2. Работа с графикой для разработчика
- Урок 3. Настройка рабочего пространства
- Урок 4. Знакомство с основами HTML
- Урок 5. Знакомство с основами CSS
- Урок 6. Позиционирование в CSS
- Урок 7. Верстка первого макета
- Урок 8. Что такое Bootstrap
- Урок 9. Верстка на bootstrap
- Урок 10. Препроцессор LESS
- Урок 11. Сниппеты
- Урок 12. GitHub Pages
- Урок 13. Адаптивная верстка
- Практика. Часть 1. Верстка шапки сайта
- Урок 14. Подключение шрифтов к сайту
- Практика. Часть 2. Верстка первого экрана
- Урок 15. Псевдоклассы и псевдоэлементы
- Практика. Часть 3. Эффекты при наведении
- Урок 16. Слайдеры
- Практика. Часть 4. Верстка блока с преимуществами
- Урок 17. Всплывающие окна
- Практика. Часть 5. Верстка всплывающих окон на сайте
- Урок 18. Табы и аккордеон для сайта
- Практика. Часть 6. Верстка блока с ценами
- Урок 19. Анимация CSS3
- Практика. Часть 7. Блока с отзывами
- Урок 20. Видео фон на сайте
- Практика. Часть 8. Доверстали блок с отзывами
- Урок 21. Эффект parallax
- Практика. Часть 9. Верстаем схему работы и все включено
- Урок 22. Гео-карты на сайте
- Практика. Часть 10. Верстаем блок "Развеиваем сомнения"
- Урок 23. Хостинг и домен
- Практика. Часть 11. Верстаем блок "Материалы"
- Урок 24. Аналитика для сайта
- Практика. Часть 12. Верстаем блок "Экскурсия" | Курс Веб разработчик Академия верстки
- Урок 25. Формы на сайте
- Практика. Часть 13. Верстаем блок "Контакты" и "Подвал"
- Урок 26. Многостраничные сайты
- Урок 27. Движок сайта Wordpress
- Урок 27. Движок сайта Wordpress. Часть 2
- Урок 28. Тестирование верстки
- Практика. Часть 14. Анимация, маска и админка
- Урок 29. Работа над портфолио
- Урок 30. Поиск заказов
- Урок 31. Работа с заказчиками
[YouTube] Создание динамического веб сайта
Канал: Гоша Дударь
В этом видеокурсе мы создадим полноценный динамический сайт. При создании такого сайта нам потребуются знания HTML, CSS, JavaScript, Ajax, PHP и MySQL.
Дата начала: В любое время
Интенсивность: Свободный график
Формат обучения: Видеокурс
Требования: Знания HTML, CSS, JavaScript, Ajax, PHP и MySQL
Все уроки курса:
26 уроков продолжительностью до 25 минут
Открыть
- Вступительный урок
- Немного основ. Что к чему?
- Нужен ли нам Фотошоп?
- Подготовка рабочего места
- Шаблон сайта + всякие мелочи
- Пишем шапку сайта
- Устанавливаем кодировку .htaccess
- Пишем футер для сайта
- Создаем боковую панель
- Основная часть сайта
- Создание блоков сайта
- Создаем страничку "О нас"
- Обратная связь
- Проверка полей JS + Ajax + PHP отправка
- Создание БД и подключение к ней
- Вывод статей на главной странице
- Создание страничек со статьями
- Оптимизация под браузеры
- Адаптивность сайта
- Кратко о том, как заработать на сайте
- Как залить сайт на хостинг
- Завершение
- Профессия Back-end разработчик | Презентация онлайн курса
- Как определить включен AdBlock или нет?
- Красивые иконки на сайт - Font Awesome
- Создание PHP веб сайта за 1 час! + Выгрузка на сервер