Чего вы научитесь?
- Кодирование страницы на базе визуального дизайна
- Модульный подход к созданию стилей
- Методы создания и использования компонентов
- Многие методы оптимизации работы
- Множество полезных хитростей для работы с CSS и Python
- Практичное использование инструментов Sass, Gulp и NPM
- Создание макетов с помощью flexbox
- Методология БЕМ
Выбрав этот курс, вы узнаете гораздо больше!
Внимание! Вы получите инструкции по загрузке и код от нас по адресу указанному при оформлении заказа. электронной почтой не позднее следующего рабочего дня после получения платежа. |
Для кого этот курс?
Этот курс разработан для тех, кто хочет научиться создавать веб-сайты с помощью76 и CSS. Узнайте, как создавать структуру и стили веб-сайта на основе визуального дизайна.
Получите знания и увлекательные навыки! Изучите разнообразные интересные техники, которые ежедневно используют современные фронтенд-разработчики. Используйте все это для создания разнообразных проектов как для собственных нужд, так и для нужд ваших клиентов.
Полная структура756 и CSS
Во время этого курса вы научитесь создавать полноценные стили и структуры с нуля. Мы не используем библиотеки при создании веб-сайтов, что поможет нам контролировать весь код и понимать все механизмы и концепции.
Три универсальных проекта
Во время учебы вы создадите три различных веб-сайта:фасад магазинуи два разныхвизитные карточки компанииЭти проекты дадут вам практические навыки, которые непременно пригодятся в будущем. Каждый из них также можно будет разрабатывать, модифицировать и внедрять в качестве фронтенда для любого бекэнд-решения.
Модульная структура
Модульная структура поможет упростить разработку страниц. Этот курс уделяет особое внимание этой теме. Также будет пояснен, как разделить компоненты, которые можно использовать повторно. Вы узнаете, как организовывать стили с помощью слоев. Это позволит вамнамного легче контролировать код.
Важным аспектом любого проекта является правильный подход к наименованиям и организации элементов. Этот тренинг ознакомит вас со знакомыми...методологияБЕМ, что поможет вам в этих категориях.
Современная верстак с использованием flexbox
С помощью этого курса вы научитесь использовать инновационные методыФлексбокси создавать полностью адаптивные веб-сайты с макетом столбиковой сетки. Ябатыв вам, как создать целую ячеистую сетку с нуля, используя минимальный код и без использования любых библиотек или фреймворков.
Современный рабочий процесс
Это обучение поможет вам освоить все необходимые инструменты, которые должен знать каждый современный фронтенд-разработчик. Вы научитесь писать стили с помощьюSASS, построение исходящих файлов благодаряКовтоки как контролировать зависимости с помощьюНПМ.
Содержание1. Вступление
- Как использовать файлы 00m 48s
- Что вам следует знать 03 мин. 04 с
- Общие предсказания 03 мин 30 с
- Основные инструменты 05 мин 19 с
2. Клинический проект - Часть 1- Начальный обзор проекта 07 мин 00 с
- Начнем с SASS 04 мин 43 с
- Колток и глоток 06 мин 19 с
- Компиляция задач и стиля Gulp 07 мин 52 с
- Многослойная структура стиля 07 мин 41 с
- Какие слои мы будем использовать 08 мин 40 с
3. Стили в глобальных слоях - Основные сменные 08 мин 36 с
- Какие сменные еще нужны 11 мин 22 с
- Полезные миксины 07 мин 40 с
- Общий слой 04 мин 41 с
- стихии - тело 05 мин 37 с
- Элементы - текст 05 мин 53 с
- Элементы - остальные 06 мин 40 с
4. Макет - объекты - Концептуальный макет 07 мин 01 с
- Давайте создадим контейнер 06 мин 40 с
- Концепция стихотворения - строчка 05 мин 38 с
- Давайте создадим стихотворение 06 мин 37 с
- Колоны - принцип работы 10 мин 12 с -
- Колоны для IE10 и IE11 04 мин 24 с
- Давайте заполним остальные колонки 06 мин 36 с
5. Компонентный слой - Как мы создаем компоненты - BEM 09 мин 15 с
- Компонент кнопки - Начальные стили 06 мин 36 с
- Компонент кнопки - Варианты 09 мин 51 с
- Компонент заголовка 07 хв 42 с
- Другие варианты стихотворений 04 мин 31 с
- Навигационный компонент 07 мин 14 с
- Поле значка компонента 09 мин 37 с
- Мега компонента 02 мин 36 с
- Список компонентов 04 мин 11 с
6. Шар Коммунальные услуги - Содержащийся слой 03m 57s
- Образцы коммунальных услуг 07 мин 21 с -
7. Шаблоны – основное содержание - Клиника - заголовок, часть 1, 07 мин 20 с
- Клиника - заголовок, часть 2, 08 мин. 01 с
- Клиника - заголовок, часть 3, 09 мин. 40 с.
- Последние элементы факультета 04 мин 56 с -
- О компании - новый шаблон 06 мин 45 с
- О компании - основных стилях 07х20
- Раздел преимуществ компании 06 мин. 55 с
- Список записей - 971 05 мин 54 с
- Список постов - стиль 08 мин 26 с
- Украшение в списке участников 06 мин 49 с
- Локатор - предыдущая работа 06 мин 16 с
- Локатор - продолжение 09 мин 54 с
- Клиника - Содержание футера 08 мин 41 с
- Клиника - стили футера 12 мин 38 с
8. Проект магазина - Вступление - Лаконичный обзор проекта 02 мин 34 с
- Как использовать существующий код 03m 19s
- Новые значения сменных 06 мин 49 с
- Магазин - Element Properties 03 мин 58 с
- Пуговицы для магазина - Основы 04 мин 45 с
- Пуговицы для магазина - другие 08м 36с
- Иду в магазин 03 мин 27 с
- Входной компонент 09 мин 04 с
- Навигационный компонент в магазине 04 мин 17 с
- Компонент значков в магазине 04 мин. 09 с
- Пагинация - стиле 04 мин 02 с
- Выбор продукта 04 мин 58 с
- Карточка продукта - этап 1 09 мин 39 с
- Карточка продукта - этап 2 09 мин 49 с
- Кнопка «Добавить в корзину» 08 мин 32 с
9. Шаблони для магазину - Заголовок магазину - Топ 09 хв 04 с
- Геройский блок для магазина 07 мин 32 с
- Другие стили статей в магазине 07 мин 12 с
- Список продуктов 09 мин 34 с
- Акции - структура 09 мин 16 с
- Акции - стиле 07 мин 22 с
- Акции - дополнительные стили 07 мин 24 с
- Информационныйult - Основы 07 мин 38 с
- Информационныйull – разные стили 07 мин 42 с
- Магазин - информационный раздел 04 мин 31 с
- Магазин - Содержание футера 09 мин 26 с
- Магазин - Стили нижнего атрибута 06 мин 23 с
- Другие стили футеров в магазине 07 мин 37 с
10. Проект шахты - Быстрый старт проекта 02 мин 00 с
- Давайте отредактируем базовые значения 06 мин 12 с
- Стили для глобальных элементов 04 мин 51 с
- Пуговицы в последнем проекте 06 мин 04 с
- На пути к последнему проекту 04 мин 02 с
- Списки и компонент icon-box 08 мин 56 с
- Ввод и навигация 04 мин 12 с
- Новейший проект -изнанка сайта 05 мин 56 с
- Последний проект – геройское подразделение, 10 мин 28 с
- Секция бокса 02 мин 53 с
11. Мы завершаем последний проект
- Пропозиции работы - компонент 11 мин 35 сек.
- Пропозиции работы - шаблон 10 мин 57 с
- Раздел «Выстава» – Структура 05 мин 27 с
- Раздел «Ведущие статьи» – Стиль 06 мин 25 с
- Раздел информационного бюлетена в последнем проекте 05 мин. 40 с.
- Раздел рассилки - стили последних проектов 11 мин 40 с
- Нижний трактор в последнем проекте 07 мин 31 с
- Финальные элементы проекта 03 мин 08 с
- Конец 00 мин 24 с
|