Курсы верстки: 29 курсов HTML и CSS

Базовый курс по верстке сайтов

---

Учебный макет

Посмотреть демо

Начать обучение

Дипломный макет

Посмотреть демо

Начать обучение

Кому полезен этот курс?

Новичкам

Хочешь научиться самой востребованной интернет профессии? Обязательно приходи к нам.

Бэкендерам

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

Веб-дизайнерам

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

Маркетологам

Не хватает основ веб-разработки для продвижения сайтов? Мы поможем восполнить этот пробел.

SMMщикам

Работа SMM, как правило, неразрывна с поддержкой сайтов. Самое время изучить основы веб-разработки.

Предпринимателям

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

В каком формате проходят уроки?

В формате видеоуроков с домашними заданиями.

Когда и во сколько проходят занятия?

Каждый день в 6:00 по московскому времени в течении месяца, кроме выходных.

Сколько длится курс?

1 месяц теории и верстки учебного проекта + 2 недели дается на вёрстку дипломного проекта.

Что вы получите после обучения?

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

Расписание

• Неделя 1

• Неделя 2

• Неделя 3

• Неделя 4

• Неделя 5 — 6

28/06/2021

 

День 1 | Стартовая лекция

29/06/2021

 

День 2 | Начало работы

30/06/2021

 

День 3 | Основы HTML

01/07/2021

 

День 4 | Семантические теги HTML

02/06/2021

 

День 5 | Начало работы CSS

05/07/2021

 

День 6 | Работа с текстом

06/07/2021

 

День 7 | Внешняя стилизация CSS

07/07/2021

 

День 8 | Виды сеток CSS

08/07/2021

 

День 9 | Стилизация элементов CSS

09/07/2021

 

День 10 | Фон и изображения

12/07/2021

 

День 11 | Позиционирование элементов

13/07/2021

 

День 12 | Рамки и обводки CSS

14/07/2021

 

День 13 | Grid CSS

15/07/2021

 

День 14 | Оживляем сайт

16/07/2021

 

День 15 | Адаптивность

19/07/2021

 

День 16 | Основы jQuery

20/07/2021

 

День 17 | Основы jQuery

21/07/2021

 

День 18 | Популярные плагины для работы

22/07/2021

 

День 19 | Создание сайта на бесплатном хостинге GitHub

23/07/2021

 

День 20 | Про работу и заказчиков

Это время дается на верстку дипломного проекта. Мы выдаем макет, который по объему чуть меньше учебного. Идеально чтобы повторить все пройденное на практике и пополнить свое портфолио.

После проверки учебного и дипломного проекта куратором мы выдаем электронный сертификат на вашу учетную запись платформы Frontend Blok.

Бонус для полного и индивидуального тарифа

 

Как работать с макетом в Sketch, Figma и Avocode (видео)

Отзывы тех, кто прошел курс по верстке

Почитать больше отзывов о курсе можно в нашей группе ВК или Инстаграм в хайлайтс.

---

Сколько стоит курс?

ТАРИФ «САМОСТОЯТЕЛЬНЫЙ»

• Доступ к видео и материалам курса
• Доступ к учебному чату Telegram
• Проверка твоих работ в конце курса от куратора
• Сертификат об окончании обучения

7 990 РУБ

ТАРИФ «С КУРАТОРОМ»

• Доступ к видео и материалам курса
• Доступ к учебному чату Telegram
• Проверка твоих работ в конце курса от куратора
• Сертификат об окончании обучения
• Куратор проверяет ДЗ и отвечает на вопросы
• Бонусное видео
  «Обзор графических программ»
• 3 бесплатных вопроса
  на сервисе Frontend Help
• Лучшему ученику
  Frontend Book PDF в подарок

14 990 РУБ

ТАРИФ «ИНДИВИДУАЛЬНЫЙ»

• Доступ к видео и материалам курса
• Доступ к учебному чату Telegram
• Проверка твоих работ в конце курса от куратора
• Сертификат об окончании обучения
• Куратор проверяет ДЗ и отвечает на вопросы
• Бонусное видео
  «Обзор графических программ»
• 3 бесплатных вопроса
  на сервисе Frontend Help
• В подарок Frontend Book PDF
• В подарок 3 марафона:
  Flexbox CSS / Grid CSS / SVG для Web
• 1-2 консультации с Анной Блок
• Скидка 20% при оплате последующего обучения

19 990 РУБ

Только 5 мест

Возможна оплата в 2 этапа

---

Оплатить курс

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

Сумма перевода

Назначение перевода

Email

Остались вопросы? Напиши нам

Курс по основам верстки HTML и CSS.

Курс по основам верстки HTML и CSS. | Университет СИНЕРГИЯ

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

Записаться на программу

Формат обученияОнлайн

Длительность78 часов

Продолжительность3 месяца

КатегорияПрограммирование

Стоимостьот 40000 ₽

Будущие возможности

Специалисты по HTML и CSS играют важную роль в создании сайтов, ведь именно они ответственны за конечный вид сайта или приложения, доступный пользователю — внешний вид и расположение элементов на странице.

Кому подойдет

Новичкам

Начинающим веб-разработчикам

Практикующим IT-специалистам

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

Работать с браузером при создании сайта

Взаимодействовать с HTML и CSS

Создавать красивые и уникальные дизайны сайтов

Работать с flexbox и Grid

Верстать адаптивные и кроссбраузерные сайты

Работать внутри редактора Figma

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

1. Введение

2. Aнатомия HTML

3. Работа с материалом

4. Работа с CSS

5. Flexbox и Grid

6. Работа с макетами и кроссбраузерной версткой

7. Анимация в CSS

8. Расширенные возможности

9. Проектная разработка

Как проходит обучение

Документ об образовании

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

Удостоверение о повышении квалификации

Сертификат об успешном прохождении обучения

Часто задаваемые вопросы

Что делать, если у меня проблема или срочный вопрос?

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

Сколько часов в неделю нужно уделять учебе?

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

Вы помогаете в трудоустройстве?

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

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

Ответь на пять вопросов и узнай, где будешь учиться!

Подобрать программу

Образование для карьеры

К каким профессиям вы более склонны?

ТехническимГуманитарнымТворческимМедицинским

Какой у вас уровень образования?

Без образованияШкола 9-11 классКолледжБакалавриатМагистратураАспирантура

Какой формат обучения вам подходит?

ОчноЗаочноОнлайнПо выходным дням

Вас интересуют бюджетные места?

ДаНет

И последний вопрос. Вы из Москвы?

ДаНет

Мы подобрали вам программу обучения

Заполните форму, чтобы узнать больше о программе и наших предложениях

Я даю согласие на обработку персональных данных, согласен на получение информационных рассылок от  Университета «Синергия» и соглашаюсь c политикой конфиденциальности

Уважаемый посетитель!

Если у вас есть вопрос, предложение или жалоба, пожалуйста, заполните короткую форму и изложите суть обращения в текстовом поле ниже. Мы обязательно с ним ознакомимся и в  30-дневный срок ответим на указанный вами адрес электронной почты

Статус Абитуриент Студент Родитель Соискатель Сотрудник Другое

Филиал Абакан Актобе Алагир Алматы Алушта Анапа Ангарск Архангельск Армавир Асбест Астана Астрахань Атырау Баку Балхаш Барановичи Барнаул Белая Калитва Белгород Бельцы Берлин Бишкек Благовещенск Бобров Бобруйск Борисов Боровичи Бронницы Брянск Бузулук Чехов Челябинск Череповец Черкесск Дамаск Дербент Димитровград Дмитров Долгопрудный Домодедово Дубай Дубна Душанбе Екатеринбург Электросталь Елец Элиста Ереван Евпатория Гана Гомель Гродно Грозный Хабаровск Ханты-Мансийск Хива Худжанд Иркутск Истра Иваново Ижевск Калининград Карабулак Караганда Каракол Кашира Казань Кемерово Киев Кинешма Киров Кизляр Королев Кострома Красноармейск Краснодар Красногорск Красноярск Краснознаменск Курган Курск Кызыл Липецк Лобня Магадан Махачкала Майкоп Минеральные Воды Минск Могилев Москва Моздок Мозырь Мурманск Набережные Челны Нальчик Наро-Фоминск Нижневартовск Нижний Новгород Нижний Тагил Ногинск Норильск Новокузнецк Новосибирск Новоуральск Ноябрьск Обнинск Одинцово Омск Орехово-Зуево Орел Оренбург Ош Озёры Павлодар Пенза Пермь Петропавловск Подольск Полоцк Псков Пушкино Пятигорск Радужный Ростов-на-Дону Рязань Рыбинск Ржев Сальск Самара Самарканд Санкт-Петербург Саратов Сергиев Посад Серпухов Севастополь Северодвинск Щербинка Шымкент Слоним Смоленск Солигорск Солнечногорск Ставрополь Сургут Светлогорск Сыктывкар Сызрань Тамбов Ташкент Тбилиси Терек Тихорецк Тобольск Тольятти Томск Троицк Тула Тверь Тюмень Уфа Ухта Улан-Удэ Ульяновск Ургенч Усть-Каменогорск Вёшенская Видное Владимир Владивосток Волгодонск Волгоград Волжск Воркута Воронеж Якутск Ярославль Юдино Жлобин Жуковский Златоуст Зубова Поляна Звенигород

Тип обращения Вопрос Предложение Благодарность Жалоба

Тема обращения Поступление Трудоустройство Обучение Оплата Кадровый резерв Внеучебная деятельность Работа автоматических сервисов университета Другое

* Все поля обязательны для заполнения

Я даю согласие на обработку персональных данных, согласен на получение информационных рассылок от Университета «Синергия» и соглашаюсь c  политикой конфиденциальности

Advanced PCB Layout Course

Вы будете делать разводку печатной платы настоящей высокоскоростной платы с процессором 1,2 ГГц и DDR3, PCIE, SATA, HDMI, LVDS, 1Gb Ethernet и другими. Вы будете учиться на iMX6 Rex, специально разработанном для этого курса

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

Вы узнаете, как выполнять расширенную компоновку печатной платы (DDR3, PCIE, SATA, Ethernet и т. д.).

Как вы будете учиться?

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

ЭТОТ КУРС ПРЕДНАЗНАЧЕН ДЛЯ: Студентов, инженеров и специалистов. Этот курс требует базовых знаний Altium Designer. Если вы только начинаете проектировать плату, вы можете сначала взглянуть на Advanced Hardware Design .

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

Этот курс охватывает все важные темы, которые вам необходимо знать для Advanced PCB Layout:

• Размещение (как разместить ЦП, память, источники питания, разъемы, защиту и т. д.)

• Базовые правила и базовый стек (начальные правила и настройки стека для запуска вашего макета)

• Разветвление под ЦП (как выполнять размещение и разветвление в областях с высокой плотностью)

  3DR
9003 предварительная компоновка (решение о том, как использовать слои, поменять местами контакты и банки, …)

• Разветвление платы (как сделать разветвление, передовой опыт и рекомендации)

• Схема планирования (как спланировать схему для высокоскоростных интерфейсов, широких шин, распределения питания и т. д.)

• Перекрестные помехи (как рассчитать и свести к минимуму перекрестные помехи)

• Полное сопротивление и суммирование (как рассчитать импеданс и принять решение о стеке)

• Правила высокоскоростного проектирования и маршрутизация (рекомендации и примеры для макета высокоскоростного проектирования)

• Порядок слоев (как выбрать порядок слоев)

• Количество слоев (как выбрать количество слоев)

• Компоновка (рекомендации по маршрутизации различных периферийных устройств и шин, питания, …)

  9

  Соответствие длины (DDR2/3, PCIE, HMDI, LVDS, GbE, …)

• О маршрутизации памяти (Т-ветвь или топология Fly-by, калибровка, …)

• 7 Полигоны 9 Силовые самолеты

  (как работать с полигонами и плоскостями, что важно, полезные правила, … )

• Проверка платы (рекомендации по проверке платы)

• Настройка длины (настройка длины дифференциальной пары, доработка памяти компоновка, … )

• Окончательная обработка печатной платы (добавление полезной информации, например, производственных заметок, слоя механического чертежа, … )

• Создание и проверка файлов gerber (Как сгенерировать файлы gerber, советы о том, как их проверить,…. )

Дополнительная информация

Цена

Подзаголовок / Закрытые подписи

• Подзаголовок доступны на онлайн -видео 9000

35

• .

  Английский, испанский, итальянский, португальский, турецкий, арабский

Получите сертификат

Продолжительность

Требования к программному обеспечению

Технические требования

ЗАРЕГИСТРИРУЙТЕСЬ И КУПИТЕ В НАШЕМ ИНТЕРНЕТ-МАГАЗИНЕ

Как настроить страницу схемы курса

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

На странице «Схема курса » вы можете описать, что ваш курс предлагает на рынке, какие навыки получит ваш пользователь после его покупки, а также продемонстрировать свои содержание курса .

 

После покупки на этой странице пользователь видит сведения о курсе (название, описание, содержание курса и т. д.) и перенаправляется к проигрывателю курса для доступа к содержимому курса.

Страница схемы курса

Чтобы найти страницу схемы курса:

1 . Перейдите в меню Курсы .

2 . Выберите курс, который вы хотите настроить, и перейдите к макету   таб. Вы также можете перейти к Site Builder → Edit School site , найти страницу курса в раскрывающемся списке или посетить диспетчер страниц.

3 . Нажмите на   Редактировать страницу.

Вы можете настроить страницу макета курса , если вы добавите разделы, и если вы наведете курсор на элементы, вы можете добавить виджеты.

Раздел Hero Course

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

Раздел «Герой курса» доступен только на страницах макета курса вашей школы, поскольку он посвящен соответствующему курсу, поэтому раздел нельзя скопировать.

Наведите курсор и нажмите на +Добавьте раздел между разделами страницы, чтобы добавить новый раздел. Вы можете найти раздел «Герои курса» как на странице «Для этого курса», так и в категории раздела «Продукты » .

Раздел «Герои курса» содержит кнопку автоматической системы (зачисления) , которая помогает вам настроить процесс покупки и навигации по курсу для ваших пользователей . Вы можете найти больше информации в этой статье.

Раздел «Содержание курса»

Еще один раздел, который вы можете добавить на страницу «Макет курса», чтобы показать содержание вашего курса, — это Содержание курса, раздел .

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

Если ваш курс является платным курсом с бесплатными разделами курса , вы должны добавить a раздел «Содержание курса»   на страницу макета курса, чтобы незарегистрированные пользователи могли перейти к проигрывателю курса и просмотреть бесплатный раздел(ы) Платного курса перед покупкой.

Прежде чем добавить вышеупомянутый раздел Содержание курса , вы также можете заполнить следующее:

• Описание раздела  
• Фоновое изображение модуля

затем отразится на двух курсах

Раздел Содержание вы добавите.

Раздел Описание

Перейдите в меню Курсы  , выберите курс, который хотите настроить, и перейдите к Содержание  таб. Нажмите на значок шага (или кнопку «Бесплатно/Черновик/Оплачено/Скоро»).

В новом всплывающем окне найдите поле Описание раздела , где вы можете добавить описание содержания вашего раздела курса. Это описание будет отражено в разделе «Содержание курса», который вы позже сможете добавить на страницу «Макет курса» или на любую другую страницу.

После добавления раздела «Содержание курса» появится только что добавленное описание раздела.

После добавления раздела «Содержание курса» на страницу «Макет курса» вы можете щелкнуть его, чтобы внести изменения через боковую форму. Нажав на различные элементы раздела, вы можете дополнительно настроить его, скрыть/отобразить определенные элементы, выбрать содержимое курса, которое вы хотите отобразить, и т. д.

Фоновое изображение модуля

Изображение для любой учебной деятельности. Посетите соответствующий курс, найдите учебную деятельность под Contents вкладка и нажмите Settings to добавьте фоновое изображение Unit .