Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!
60 000 ₽

Создание видео-лекций по HTML/CSS

истекло время актуальности


Необходимо разработать и записать курс по HTML/CSS для новичков (ориентировочно 16 разделов)  для онлайн-школы по web-разработке.

Кандидат желательно девушка.


Примерная программа:

Раздел 1. Введение


О сайтах: из чего состоят и кто их разрабатывает.


— Что такое сайт и из чего он состоит?

— Кто отвечает за разработку сайта: дизайнер, верстальщик, фронтенд и бэкенд. Чем отличаются верстальщик и фронтенд-разработчик.

— За что ответственен верстальщик: доступность и удобство.


Инструменты для разработки.

Процесс работы над проектом.


— Браузеры: разновидность и отличия. Панель разработчика. Кроссбраузерность. Табличка how to use.

— Графические редакторы и инспекторы: Figma и Photoshop

— Редакторы кода. Работа с Visual Studio Code.

— Системы контроля версий: их предназначение и разновидности. GitHub.

— Процесс работы над проектом. Работа с Github.


Раздел 2. Введение в HTML


Язык разметки HTML. Синтаксис HTML.


— Что такое разметка и из чего она состоит. Теги.

— Разновидности тегов: парные и одиночные. Правила записи тегов. Основные ошибки в записи. 

— Вложенность тегов и дерево документа.

— Атрибуты тегов


Базовая структура HTML-страницы.


— Основные составляющие разметки

— Теги подробнее

— Метаданные 

— Подключение ресурсов к странице. (Убираем стили и смотрим что будет)


Разметка текста


— Списки, списки определений, вложенные списки

— Цитаты, время, код, индексы,;зачеркнутые

— div span


Ссылки и изображения


— Ссылка, адреса, якорь, на файл

— Изоображение, форматы, размеры, alt


Медиа-теги.


Семантичная и валидная верстка.


— Семантика: роли и предназначение тегов.

— Стандарты языка HTML. Правила вложения тегов. 

— Логическое и физическое форматирование.


Раздел 3. Введение в CSS


Таблица стилей CSS. Синтаксис CSS.

— CSS-правила. Синтаксис. Свойство и значение.


Селекторы.

— Селекторы. По тегам и классам. Вложенность. Множественные классы. 

Атрибут style.


Наследование, каскадирование и приоритеты.

— Наследование. Свойства наследуемые и ненаследуемые. Стили по умолчанию. Каскадирование. Специфичность.


Единицы измерения.

— Абсолютные. Относительные. 

Составные свойства.font


Шрифты и оформление текста.


Цвета и фоны. Прозрачность. Разница transparent и opacity.


Раздел 4. Работа с дизайном в графическом редакторе.


—  Обзор графических редакторов и инспекторов.

—  Работы с фигма. Работа с макетом.

—  Измерение параметров элементов.

—  Работа с графикой. Форматы. Как вытаскивать графику.



Раздел 5. Боксовая модель элемента.

—  Высота, ширина блоков.

—  Блочные/строчные элементы.

—  Аналогия HTML/CSS на примере линейных и блочных элементов.

—  Box-model. Box-sizing.

—  Отступы. Центрирование блоков.


Раздел 6. Продвинутый CSS.


— Селекторы.

— Поток.

— Обтекание. Флоты.

— Позиционирование. Z-index

— Псевдоклассы и псевдоэлементы.


Раздел 7. Продвинутый CSS 2.


— Фоны подробнее. Тени и тд.

— Анимация. 

— Переполнение контента.

— Cursor: pointer

— CSS-tricks

— ещё что-то там 


Раздел 8. Адаптив/респонсив.

Раздел 9. Сетки. Flexbox.

Раздел 10. Формы. Фреймы.

Раздел 11. БЭМ.

Раздел 12. SASS.

Раздел 13. Доступность.

Раздел 14. Bootstrap

Раздел 15. JavaScript. Роль. Подключение к странице элементов типа слайдер и тд.













  1.  14 дней 60 000 ₽
    Даниил Вершинин
    742   проверен    12  2   1

    Я, конечно, не девушка, но имею опыт преподавания школьникам математики и информатики. Поэтому умею доступно объяснять новый, даже сложный материал. (При необходимости, могу собрать фидбек с учеников). Насколько хорошо поставлена речь - можете оценить в Скайп.
    Опыт разработки более 5 лет.
    Front-end:
    Верстка с использованием фреймворка Bootstrap, HTML5, CSS3, JS/JQuery. В качестве инструмента разработчика преимущественно использую Gulp/Sass и прочие плагины.. На выходе всегда валидная, кроссбраузерная, адаптивная верстка оптимизированная к Высоким показателям PadeSpeed.

    Россия Москва | 25 марта в 10:07 |
  2.  10 дней 60 000 ₽
    Daniil Lavrentyev
    301     1  0

    Здравствуйте.
    Готов записать для вас серию видеороликов по обучения.
    Опыт HTML, CSS, JS, Python 5+ лет
    За качество ручаюсь.
    Пишите, обсудим.

    Беларусь Гомель | 25 марта в 10:34 |
  3.  10 дней 60 000 ₽
    Евгений Белецкий
    127   

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

    Россия Томск | 25 марта в 10:40 |
  4.  30 дней 60 000 ₽
    Александр Невмержицкий
    474     6  0

    Примеры работ
    https://drive.google.com/open?id=1edXXVQmm0ItGokJGG3AdpDMD4CYrCgtg
    https://drive.google.com/open?id=1VnGEZ871jeunxk7qj_SdbQyHX9gLHioe
    https://youtu.be/qLOybMp8hjY

    Украина Киев | 25 марта в 11:23 |
  5.  20 дней 60 000 ₽
    Андрей Воскобоенко
    2540   проверен    50  1   6

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

    Украина Николаев | 25 марта в 12:13 |
  6. 986
       4  0

     15 дней 60 000 ₽
    Павел Л. проверен

    Есть возможность записать курс по HTML/CSS. Есть грамотный верстальщик, у которого я как раз беру уроки. В свою очередь у меня имеется возможность записать и смонтировать сам курс. Есть телесуфлёр, ведущий (диктор), студия, свет.
    Пример монтажа https://fex.net/ru/s/sr3a0fv

    Labor omnia vincit improbus

    Украина Дружковка | 25 марта в 13:12 |
  7.  100 дней 60 000 ₽
    Виталий Рарог
    214   

    Здравствуйте, мои примеры

    https://www.instagram.com/liliya_rarog/

    Украина Днепр | 26 марта в 10:26 |
  8.  14 дней 60 000 ₽
    Андрей Батарон
    511   проверен    1  0

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

    Есть симпатичная девушка ведущая, которая готова к сотрудничеству. Вот пара видео с ней:
    https://www.youtube.com/watch?v=VGXFqpirVLw
    https://www.youtube.com/watch?v=3Iw1UWn7nUY

    И самый главный вопрос. Разработка сценария к видео будет дана или нужно будет самим создавать?

    Украина Киев | 27 марта в 15:21 |
  9.  7 дней 60 000 ₽
    Александр Васильев
    356   

    Здравствуйте, Ксения.
    У меня есть опыт создания подобного контента для учебный заведений. В сфере обучения нахожусь более 2-ух лет. Записывал более развернутый курс для Шведско-Украинской школы Beetroot Academy https://beetroot.academy/courses/front-end/
    На данный момент занимаюсь менторством, могу предоставить примеры скринкастов и наработок с индивидуальных занятий.
    Очень надеюсь на сотрудничество, напишите мне!

    Украина Николаев | 29 марта в 21:56 |

Заказчик
Проект опубликован
13 дней 13 часов назад
355 просмотров
Метки