Основы HTML и CSS от ФРОО

От: ФРОО
4/5
4 отзыва

Курс начального уровня "Основы HTML и CSS" продолжительностью 70 дней предусматривает 63 видеолекции, 10 тестов и 13 практических заданий. Пройдя обучение, начинающие и практикующие веб-разработчики освоят главные инструменты для вёрстки веб-страниц и разработки интерфейсов: HTML, CSS, Flexbox и Grid. Научатся практически применять оптимальные типы позиционирования: нормальное, абсолютное, фиксированное и относительное, работать с изображениями и графикой, создать анимацию разного уровня сложности. Выдаётся диплом.

Сводка

Цена
24 000₽
Рассрочка
от 200₽
Статус
Идет набор
Длительность
70 дней
Язык
ru

Описание курса

Верстать веб-страницы на HTML и CSS

- Понимать структуру HTML-разметки, разбираться в видах элементов
- Соблюдать семантику языка
- Создавать ссылки в HTML-документе
- Ориентироваться в структуре CSS
- Грамотно применять и комбинировать различные типы селекторов
- Работать с псевдоклассами и псевдоэлементами
- Высчитывать специфичность и понимать, как она влияет на порядок применения свойств в CSS
- Увеличивать скорость написания HTML и CSS
- Работать со шрифтами и текстом
- Разбираться с ключевыми понятиями отображения элементов на странице: боксами, отступами, границами
- Создавать анимацию разного уровня сложности
- Верстать макеты с помощью Flexbox и Grid
- Работать с изображениями и графикой в Photoshop

О школе

ФРОО
Отзывы 0
Информация
Компания основана в 2017 году. Официальный сайт https://eldf.ru. Мы собрали и проверили более 11 отзывов об онлайн курсах ФРОО.

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

Неделя 1. Введение в HTML
Первая неделя курса посвящена знакомству с HTML. Вы узнаете, откуда появился этот язык разметки, как он развивается сегодня, из чего состоят HTML-элементы и как разметить ими обычный текст.
Неделя 2. Введение в HTML, часть 2
На второй неделе мы продолжим изучение HTML. Вы узнаете, что такое семантическая разметка и почему важно соблюдать семантику. Научитесь создавать ссылки в HTML-документе. Вам предстоит попрактиковаться в разметке текста.
Неделя 3. Введение в CSS
Поговорим о том, почему появился CSS и разберёмся в его структуре. Вы научитесь грамотно применять и комбинировать различные типы селекторов (тегов, классов, идентификаторов и атрибутов). Расскажем, что такое псевдоэлементы и псведоклассы, какие они бывают и как с ними работать. Вы разберётесь в том, что такое специфичность, как она высчитывается и как это влияет на порядок применения свойств в CSS.
Неделя 4. Шрифты и текст
Четвёртая неделя курса посвящена работе со шрифтами и текстом. Вы узнаете о проблемах, связанных с использованием нестандартных шрифтов и способах их решения. Научитесь управлять выводом шрифтов, применять цвет для текста,создавать интересные эффекты с помощью тени. Узнаете, как реализовать многоколоночную развёртку и как грамотно обходить проблему переполнения текста. Полученных навыков вам хватит, чтобы сверстать собственную газету.
Неделя 5. Анимации в CSS
На пятой неделе вы узнаете про основные виды трансформаций и научитесь создавать анимации только при помощи CSS. Попрактикуетесь в создании анимаций разных уровней сложности.
Неделя 6. Модель отображения, боксы, отступы, границы
На шестой неделе курса вы увидите, что всё есть прямоугольники. Разберётесь с ключевыми понятиями отображения элементов на странице: боксы, отступы, границы. В конце недели вам предстоит сверстать макет необычного интернет-магазина.
Неделя 7. Модель отображения, позиционирование, порядок наложения, плавающий поток
Позиционированием называется положение элемента в системе координат. Различают четыре типа позиционирования: нормальное, абсолютное, фиксированное и относительное — от них зависит и система координат. На этой неделе вы познакомитесь со всеми типами и научитесь выбирать подходящий для ваших задач.
Неделя 8. Модель отображения, раскладка страниц
Поговорим Flexbox и Grid — современных инструментах для вёрстки макетов. Оба инструмента хороши по-своему и должны использоваться совместно, а не как альтернатива друг другу. В конце недели будет ещё одно практическое задание: вы добавите к магазину красивую витрину.
Неделя 9. Браузеры
Девятая неделя посвящена браузерам: вы узнаете об их базовой архитектуре, познакомитесь с устройством движка рендеринга браузера, разберётесь, как браузеры применяют CSS и HTML.
Неделя 10. Фотошоп и графика
Вы научитесь работать с изображениями и графикой. Узнаете о цветовых моделях, форматах изображений в вебе и способах их оптимизации. Итоговая практическая работа — сверстать с нуля макет.
Инструменты
HTML
CSS
Flexbox
GRID

Отзывы

Рейтинг 4
4 отзывов
1 год назад
Это курс не для начинающих, а для тех, кто уже много лет занимается версткой. В курсе используются функции и свойства, которые еще не были приняты в виде стандартов, и по которым отсутствует документация. В тестах требуется знание MathML (про что в самом курсе - ни слова!), а финальная пятая неделя - это просто ад. Лектор Кувалдин отвратительно объясняет все, очень скомкано, быстро, и совершенно непонятно. Все тесты не коррелируют с тем, что показывалось в видео. Если у вас нет опыта работы с HTML&CSS, и нет под рукой огромной книжки об этом, то можете даже не начинать. Я был уверен, что этот курс даст мне базовые знания, но в результате, я получил только месяц откровенного геморроя, с которым нереально справиться, если вы не программист 80 уровня. Реально - зря потраченное время :(
Отзыв взят с сайта mooc.ru
1 год назад
Плюсы:- 1. Всё рассказано интересно, с доступными примерами, практически не возникает вопросов. Останавливаю лекцию, разбираю пример, очень хорошо идёт. - 2. Нужно оценивать задания сокурсников, поэтому можно посмотреть другие варианты решения (не всегда хорошие, но тем не менее интересно посмотреть, как думают другие люди). -3. Интересные практические задания, реально понравилось, как из простых вещей сам создаешь красивую четкую разметку. Минусы:- 1. Оговорки лекторов не исправлены голосом (хотя в других курсах я встречал такую практику, когда слово просто перезаписано поверх речи лектора), а переписаны текстом где-то под слайдом, можно упустить. Но это ерунда, по сравнению с другими недостатками... - 2. Субтитры опережают видео, во всех лекциях. Значительный рассинхрон, который просто не позволяет использовать сабы - 3. По ряду лекций есть конспект, по ряду - нет. Это странно, либо уж конспектировать самому всё, либо иметь заранее комплект, как в курсе по JS. - 4. Конспекты сделаны на "отвали", самое слабое место в курсе, просто двойка. Как можно выкладывать pdf-файл, где вместо довольно важной картинки может быть только текст "lastchild.png"? Или заголовок "Примеры: " и дальше просто начинается новая тема? Некоторые заголовки идут сплошняком с текстом тем же шрифтом, это выглядит примерно так: "Цвета Цвет задаётся в CSS...". Перепутаны картинки, иллюстрирующие наклонный и жирный шрифты. Ошибки в коде (насыщенность текста передают через font-style). Явно сделано наспех и никто перед выкладкой даже не прочитал. Лучше просто уберите это и никому не показывайте. - 5. В задании на самопроверку даётся исходный текст и образец, которого нужно достичь с помощью форматирования. Но сам текст в мелочах отличается, в образце есть опечатки, которых нет в исходнике, есть различия в "е"-"ё". Ну как так-то? - 6. Макет для задания на сайте для просмотра ОТЛИЧАЕТСЯ от того же макета в архиве для скачивания. WTF? - 7. Разметка в решении (образце) задания отличается от той, которая даётся в исходнике для обучающегося, отсюда появляется визуальная разница.Итого: полное ощущение, что кто-то решил сделать отличный курс, записал полноценные лекции, выложил интересные задания, потом подумал: "доделаю завтра", и улетел на Луну. Никакой обратной связи и комментариев авторов.
Отзыв взят с сайта mooc.ru