Верстка на HTML/CSS — Лучшие онлайн курсы

Программа

1. Верстка страниц.
2. Создание кода на JavaScript.
3. Инструментарий для разработки, TypeScript.
4. Разработка с помощью React. js.
5. Карьерный трек.

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

• Создавать адаптивные интерфейсы, верстать страницы.
• Программировать на JavaScript, создавать web-проекты на React.js.
• Самостоятельно тестировать написанный код.

Программа

1. Верстка web-страниц.
2. JavaScript.
3. React.js.
4. Бекенд, архитектура приложений.
5. Карьерный трек.

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

• Создавать, адаптировать веб-страницы для разных устройств.
• Программировать на JS, React.
• Подключать приложения к БД.
• Проводить юнит-тесты, разворачивать приложения на Node.js.

Программа

1. Web-верстка.
2. Javascript.
3. Изучение фреймворков на выбор.
4. Node.js.
5. Typescript.
6. Карьерный трек.
7. Доп. курсы: Figma, Git, SQL и т.д.

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

• Выполнять адаптивную верстку. 
• Работать с TypeScript, JavaScript, фреймворками, Git и понимать ООП.
• Разрабатывать серверные приложения на Node.js.
• Понимать в проектах алгоритмы и структуры данных.

Программа

1. Верстка web-страниц: базис HTML/CSS, подстраивание отображения созданных страниц под экраны разных устройств.
2. Программирование на JavaScript: ООП, знакомство с темами уровня middle — Canvas API, анимация, тестирование.
3. TypeScript: инструменты разработчика при создании больших проектов.
4. React.js, Next.js, Angular, Vue.js.
5. Архитектура приложений, бэкенд: что такое API, Node.js.
6. Карьерный трек, практика, итоговый проект.

Чему научитесь?

• Создавать HTML-страницы;
• Позиционировать элементы с помощью CSS;
• Применять семантическую верстку;
• Пользоваться продвинутыми средствами разработчика в обозревателях;
• Верстать адаптивные web страницы на Flexbox, Grid;
• Использовать файлы формата SVG;
• Работать в GitHub, с типами данных;
• Разбираться в форматах XML, JSON;
• Делать Реакт-приложения, с учётом библиотеки Redux;
• Проводить юнит-тестирование, использовать препроцессоры CSS;
• Писать простые программы на TypeScript, разрабатывать сложные скрипты с обработкой событий.

Программа

1. Основы веб-верстки: HTML/CSS, анимация.
2. Продвинутые навыки веб-верстки. Векторная графика, сложная анимация.

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

• Использовать разные виды верстки.
• Понимать HTML5, CSS3, анимацию, JS.
• Делать вёрстку в Flexbox.
• Работать с Bootstrap, Pixel Perfect, Figma, Git.
• Собирать проекты на Gulp, Webpack.
• Понимать принципы БЭМ.
• Настраивать хостинг, работать через FTP.

Программа

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

• Web-вёрстка/JavaScript. Базовый уровень.
• Онлайн курс на выбор: React.js или Vue.js.

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

• Веб-вёрстка/JavaScript. Продвинутый уровень.

3. Универсальные знания программиста.

• Photoshop.
• Figma.
• Английский для IT специалистов.
• Система контроля версий Git.
• Язык запросов SQL.
• Карьера и развитие программиста.
• Работа в командной строке Bash.

Чему научитесь?

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

Программа

1. HTML-вёрстка с нуля до первого макета: обучают верстать сайты на HTML, CSS, вносить изменения в существующую вёрстку.
2. Мобильная и адаптивная вёрстка: создание современных отзывчивых веб интерфейсов для разных типов устройств.
3. Основы программирования: разбор видов языков программирования, алгоритмы, переменные, числа, строки, логика, математика, ветвление кода, ошибки в коде, массивы, циклы, объекты, подпрограмма, функции.
4. Git — система контроля версий: работа с Git-системой, сервисом GitHub, публикация проектов.
5. Основы JavaScript: азы синтаксиса, создание первого приложения, дополнительные возможности, отладка, типы данных, прототипы, конструктор объекта, объектно ориентированное программирование в JS (ES6), обработка исключений, замыкания.
6. Основы JavaScript в браузере: как делать документ, изменять его, реагировать на пользовательские действия.
7. Продвинутый JS: работа с современным инструментом для организации рабочего окружения (npm, webpack).
8. Продвинутый JS в веб-обозревателе: работа с формами (проведение валидации, использование слайдеров, календарей, файлов, API, геолокация, медиа, сокеты, анимация, интерактивность.
9. Курсовой проект — бот для поиска информации.
10. Дополнительные модули: английский язык, алгоритмы и структуры данных, основы графического дизайна, карьера во Frontend.
11. Дипломный проект.

Чему научитесь?

• Создавать веб-сайты, приложения;
• Проектировать интерфейсы при помощи Flexbox, JS;
• Верстать сайты/приложения для разнообразных типов девайсов, в том числе для Android, iOS;
• Решать задачи с применением JavaScript-консоли;
• Профессионально владеть семантикой, синтаксисом, архитектурой языка;
• Оформлять высококачественные проекты, применять современные подходы, пользоваться библиотекой React.

Программа

1. Основной блок: знакомство с программированием, математическими операциями, базами данных, С#.
2. Специализация: Python, Linux, web технологии, ООП, исключения, SQL, unit-тесты, архитектура ПО, контейнеризация, CI/CD, парадигмы.
3. Технологическая специализация: фронтенд/верстка, Java Script до продвинутого уровня.

Чему научитесь?

• Верстке качественных сайтов;
• Адаптации цифрового продукта под разные гаджеты;
• Производству одностраничных приложений;
• Работе с модульной сборкой;
• Применению Node, Vue, Flux, React.

Программа

1. Основы Web.
2. Макеты.
3. Адаптивный web-дизайн.
4. Стиль кодирования.
5. Основы JavaScript.
6. Создание проекта.

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

• Делать верстку адаптивной.
• Тестировать верстку на мобильных устройствах.
• Деплоить промежуточные версии.
• Интерпретировать, создавать сайты по макету.
• Разрабатывать семантику для web-сайтов.
• Работать со стеками технологий.
• Оптимизировать проекты, работать с BEM номенклатурой, фреймворками.

Длительность курса 1 месяц, рассказывают про особенности программирования при помощи HTML5 и CSS3. Разбирают реальные кейсы на примерах интернет-магазина, учат применять код к макетам Bootstrap, работать с двумя препроцессорами (языками LESS/SASS). В конце занятий, студенты освоят адаптивную вёрстку веб-ресурсов, принципы кроссбраузерности, а также валидности в ходе проектирования интерфейса.

Программа

1. JavaScript.
2. HTML/CSS.
3. Фреймворки (React/Redux/Toolkit).
4. Алгоритмы, структуры данных.
5. DOM API.
6. Автоматизированное тестирование.
7. Архитектура.
8. Инфраструктура.

Чему научитесь?

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

Программа повышения квалификации, на которой студенты улучшат свои навыки написания тестов, а также изучат est и testing-library.

Программа

1. Верстка, позиционирование контента.
2. Адаптивность, продвинутое позиционирование элементов.

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

• Понимать HTML, CSS.
• Использовать модули Flex, Grid, Columns для позиционирования элементов. 
• Разворачивать окружение для разметки и написания стилей CSS.

Программа

1. Бесплатная вводная часть: подбор подходящего для вас формата обучения.
2. Проект «Веб-мессенджер»: интенсивная разработка, изучение ИТ технологий, тестирование, DevOps, работа с API.
3. Командный проект совместно с 3-4 разработчиками, создание своей web-игры, от продумывания макетов до деплоя в облако.
4. Алгоритмы и структуры данных: анализ сложности, массивы, хеш-таблицы, связный список, очередь, стек, дерево, граф, сортировка, рекурсия и т.д.
5. Карьерный трек, прохождение подготовки к получению job offer.

Чему научитесь?

• Освоите написание кода на ДжаваСкрипт;
• Станете работать с TypeScript, CSS, PostCSS, Webpack, Parcel;
• Будете пользоваться облачными сервисами Yandex, Google;
• Начнёте разбираться в шаблонизаторах, Web API, Canvas API, CI / CD, SSL, Nginx, Jest, Docker, PostgreSQL, MongoDB, Server Side Rendering.

Программа

1. HTML5, CSS.
2. Доступность.
3. Адаптивность.
4. Фреймворк Bootstrap.
5. Инструменты автоматизации.
6. Инфраструктура.

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

• Создавать страницы с помощью HTML, CSS.
• Использовать возможности модулей Flex, Grid. 
• Использовать препроцессор SASS, шаблонизатор Pug и собирать проекты в Gulp.
• Отслеживать доступность сайта, создавать разметку. 
• Создавать на Bootstrap компоненты, утилиты. 
• Верстать адаптивные проекты.

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

Программа

1. Атрибуты, теги для разметки text.
2. Списки, таблицы.
3. Селекторы, свойства.
4. Использование CSS для оформления текстовых блоков.
5. Основы взаимодействия клиент-сервер.

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

• Добавлять правки в HTML-код страницы.
• Выполнять верстку текстовых блоков.
• Добавлять к отдельным элементам сайта стили.
• Перед публикацией на сайте правильно подготавливать контент.

11 уроков сопровождаются тестами для проверки и закрепления знаний. Также есть задание в тренажере, дополнительные материалы. Во время прохождения курса вы научитесь создавать базовую разметку HTML-документа, подключать для страницы стили. А также, будете использовать веб-инспектор Chrome DevTools, публиковать сайт в интернете на хостинге GitHub Pages, применять базовые концепции веб дизайна.

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

Программа включает 23 урока с нуля и до полноценной верстки страниц. Применение CSS фреймворка, доступных инноваций.

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

В программе 11 уроков, обучение подойдет начинающим специалистам. Программа включает материалы в формате видео, текста, тесты и дз, проверка преподавателем не предусмотрена. В курсе подготовка к работе установка редактора кода основы html css. Изучите HTML: теги, атрибуты, свойства, навигацию, ссылки, а также структуру — Doctype, head, body. Познакомитесь с особенностями графики в вебе, img, sass, css-верстка, background-image, спрайтами, таблицами, слоями, позиционированием. Кроме этого, узнаете особенности вёрстки сайтов: табличной, блочной и адаптивной. Изучите Photoshop, поработаете с нарезанием шаблонов, узнаете, что такое coding.

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

23 видеоурока для начинающих от Sorax.

Практическое пособие, включает 17 занятий по настройке редактора sublime text для быстрой, комфортной верстки.

Программа состоит из 10 уроков, подходит для начинающих. Всего 108 заданий, есть справочник и редактор кода. Познакомитесь с основами css, понятием селекторов и разработаем простой веб сайт. Практические задания для самообучения доступны только по платной подписке. В открытом доступе видеоуроки, текстовый материал по теме css, html.

33 урока для начинающих, введение html у автора есть вторая часть программы про изучение CSS.

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

47 видеоуроков для начинающих. Научитесь делать сайты используя инструменты Bootstrap, WordPress. А также, тестировать верстку, проверять результаты и заниматься поиском заказчиков.