Вы используете мобильную версию

перейти на Полную версию сайта

Доступно

[HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов, 7-8 ноября 2020

Складчина [HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов, 7-8 ноября 2020. Совместные покупки курсов, тренингов, обучения. Присоединяйтесь! Важен каждый вкладчик.

Тема найдена по тегам:
Цена:
14900 руб
Взнос:
541 руб
Организатор:
Лиса Краса

Список участников складчины:

1. Лиса Краса 2. Торин 3. AdelinaDel 4. krikrikika 5. Tekkilla 6. DonDimon1989 7. Tattianacv 8. Veresk63 9. AnTimerlan 10. Smokescreen1337 11. Ольга Б.Г 12. pobelk1n 13. Мандаринка2019 14. olga903 15. hip-s 16. fly-nik 17. henlo_wrold 18. Татьяна_80 19. PushistikJ 20. devildontcray 21. ShamilFox 22. Емелион 23. bik_off 24. artrich007 25. Артемий123 26. Юрий Осипчук 27. Pingua 28. Nadi.C 29. Ritylia 30. Максимус2121 31. Serjio2107
Оцените эту складчину: /5,
  • Описание
  • Отзывы (1)
  1. Лиса Краса
    Лиса Краса Организатор складчин

    [HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов, 7-8 ноября 2020


    [​IMG]

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


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

    Программа курса
    Неделя 1
    Раздел 1
    Старт
    Вводная лекция

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

    Как проходит курс.
    • Обзор личных проектов.
    • Техническое задание и критерии качества.
    • Структура курса.
    • Авторы, кураторы, наставники.
    • Работа с наставником.
    • Защита личного проекта.
    Кто и как делает сайты.
    • Из чего состоит сайт в интернете: сервер, браузер, вёрстка.
    • Кто делает сайты: дизайн, вёрстка, бэкенд.
    • Ответственность верстальщика: удобство, доступность, перфоманс.
    Инструменты и процесс.
    • Редакторы и инспекторы графики: Figma, Photoshop.
    • Редакторы кода, браузеры, отладчики.
    • Система контроля версий.
    • Процесс работы над проектом.
    Раздел 2
    Введение в HTML
    Основы семантичной разметки

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

    Создание страниц по макету.
    • Анализ макета.
    • Структура проекта.
    Синтаксис HTML
    • Парные и одиночные теги.
    • Вложенность и дерево документа.
    • Типы атрибутов.
    Базовая структура страницы.
    • Метаданные и подключение ресурсов.
    • Контент страницы.
    • Теги для вывода и подключения.
    Семантика и спецификации.
    • Стандарты и спецификации.
    • Категории тегов.
    • Разбор правил вкладывания.
    Неочевидные сложности разметки.
    • Альтернативные средства просмотра.
    • Поисковики, скринридеры, режимы чтения.
    • Визуальное против смыслового.
    Вторая неделя
    Раздел 3
    Введение в CSS
    Основы современных стилей

    Разделим макет на блоки, создадим структуру стилей, погрузимся в основы CSS, поработаем с типографикой и подключим шрифты.

    Устройство и логические части макета.
    • Выделение блоков из макета.
    • Уникальные и повторяющиеся блоки.
    • Создание переменных для цветов.
    Файлы и структура для блоков.
    • Создание отдельных файлов для блоков.
    • Импорт глобальных и блочных стилей.
    • Подключение стилей на страницу.
    Погружение в стили для блоков.
    • Разделение контента и интерфейса.
    • Именование классами и по тегам.
    • Селектор, блок правил, свойство-значение.
    • Сложные и простые селекторы.
    • Почему используются классы.
    Наследование, каскад, специфичность
    • Какие свойства наследуются, какие нет.
    • Чем font-size отличается от background-color.
    • Каскадирование и специфичность.
    Размеры и центрирование макета.
    • Измерение блоков в Figma.
    • Центрирование макета с помощью значения auto.
    Шрифты.
    • Использование системных шрифтов.
    • Подключение шрифтов проекта.
    • Использование и настройка Google Fonts.
    • Использование шрифтов в стилях.
    Раздел 4
    Редакторы и инспекторы графики
    Инструменты и форматы графики

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

    Отличия редактора от инспектора.
    • Обзор редакторов: Photoshop, Illustrator, Sketch, Figma.
    • Обзор инспекторов: Zeplin, Avocode.
    • Выбор подходящего инструмента.
    Интерфейс Figma и работа с макетом.
    • Страницы, фреймы, слои, инспектор.
    • Параметры блоков: прозрачность, фон, тени, координаты.
    • Параметры текста: семейство, начертание, размер.
    Форматы графики и принцип выбора.
    • Растровая, векторная и генерируемая графика.
    • Форматы GIF, JPEG, PNG, WebP и SVG.
    • Выбор формата по детализации изображения.
    • Настройки экспорта графики из Figma.
    Оптимизация графики после экспорта.
    • Установка Squoosh и SVGOMG на десктоп.
    • Оптимальные настройки Squoosh и SVGOMG.
    • Пакетная оптимизация графики.
    Файловая структура и указание путей.
    • Структура папок для хранения графики.
    • Пути к ресурсам на примере графики.
    Третья неделя
    Раздел 5
    Сетки и раскладки

    Введение в модульные сеткиПонедельник с 19:00 до 21:00Лектор: Вадим Макеев

    Научимся понимать систему сеток и раскладку блоков, рассмотрим принципы работы Grid Layout и Flexible Boxes, научимся предусматривать переполнение сетки и разберёмся в блочной модели.

    Модульная система и сетки.
    • Направляющие, колонки, строки и отступы.
    • Сетка как основа, но не строгое правило.
    Спецификация Grid Layout и раскладка по сетке макета.
    • Устройство шаблонов: строки, колонки, линии, отступы.
    • Ручная и автоматическая раскладка.
    • Спецификация Box Alignment и выравнивание внутри сетки.
    Спецификация Flexible Boxes и раскладка внутри блоков.
    • Оси: основная, поперечная, направление.
    • Расположение на основной и поперечной оси.
    • Растяжение, сужение, базовый размер флексов.
    Переполнение сеток.
    • Отступы при малом количестве блоков.
    • Многострочные списки блоков.
    • Концевые блоки: резина, выравнивание.
    Блочная модель.
    • Устройство, типы и переключение блочной модели.
    • Явная и автоматическая ширина, центрирование.
    Раздел 6
    Декоративные и контентные элементы

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

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

    Контентная и оформительская графика в вебе.
    • Отличия контентной и оформительской графики.
    • Вставка оформительской в стили и разметку.
    • Программируемая графика, уместное использование.
    Визуальные правила и типографика.
    • Теория близости и оптическая компенсация.
    • Типографика и характеристики текста.
    Интерактивность интерфейса.
    • Состояния и события элементов интерфейса.
    • Переходы, анимация, плавность интерфейса.
    Раскладка контента: мультиколонки и флоаты.
    • Колонки для текста и блоков, перетекание и запреты.
    • Обтекание блоков текстом, схлопывание и клиаринг.
    Переполнение контента.
    • Изменение числа элементов в списках.
    • Вставка картинок и видео.
    • Длинные и короткие слова, многострочность и переносы
    Четвёртая неделя
    Раздел 7
    Доступность
    Основы доступности интерфейсов

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

    Ситуации с неудобным интерфейсом, введение в доступность.
    • Неконтрастные цвета, подложки для текста.
    • Универсальный доступ, условия и физиология.
    • Альтернативные средства: поисковики, режимы чтения, скринридеры.
    Доступность встроенных в HTML элементов.
    • Встроенные интерактивные элементы.
    • Ориентиры и навигация в скринридерах.
    Способы взаимодействия с интерфейсом.
    • Мышь и ховер.
    • Клавиатура и фокус.
    • Клавиатура и голос.
    Популярные паттерны интерфейса.
    • Кнопки-ссылки.
    • Радиокнопки, чекбоксы, селект.
    • Выпадающие меню, спойлеры.
    • Карусели, табы, модалки.
    Подписи к интерактивным и контентным элементам.
    • Заголовки областей контента.
    • Подписи к контентным элементам: картинки, видео, фреймы.
    • Доступная инлайновая вставка SVG.
    • Формы и подписи к полям.
    • Добавление подписей в сложных случаях: заголовки, иконки.
    Инструменты проверки и отладки доступности.
    • Дерево доступности в браузерных отладчиках.
    • Расширения для проверки доступности: aXe, Siteimprove.
    • Обзор скринридеров: VoiceOver, NVDA, JAWS.
    Пятая неделя
    Раздел 8
    JavaScript в вёрстке
    Основы JavaScrpipt

    Поговорим о том, где применяется JavaScript, чем отличается DOM и HTML-дерево. Подключим и настроим JavaScript-компоненты.

    Скрипты в веб-интерфейсах.
    • Встроенные в браузер виджеты.
    • Состояния интерфейса, зачем нужен JavaScript.
    • Плохая интерактивность на чистом CSS.
    • Примеры работы скриптов в интерфейсах.
    • Современная архитектура, SPA.
    JavaScript в браузерах.
    • JavaScript-движки в браузерах и не только.
    • Отличия DOM и HTML-дерева.
    • Работа с DOM: поиск элементов и сохранение в переменных.
    • Создание функций, вызов и передача параметров.
    Интерактивные компоненты Барбершопа.
    • Обзор требований технического задания учебного проекта.
    • Подключение JavaScript-файлов на страницу.
    • Настройка компонентов.
    Девятая неделя
    Раздел 9
    Финал
    Финальная лекция

    Поговорим о том, как прошёл курс и куда вам двигаться дальше.

    Результаты курса.
    • Статистика по студентам и проектам.
    • Сложности в процессе.
    Ваше место в профессии.
    • Что вы узнали в процессе.
    • Что вы уже можете делать.
    • Место на профессиональном пути.
    Куда двигаться дальше.
    • Варианты развития.
    • Профессии Академии.
    • Навыки и курсы.
    • Акселератор и Лига А.

     
    Последнее редактирование модератором: 8 июн 2022
    Лиса Краса, 17 дек 2020
    Rozalinka, vedus и Tekkilla нравится это.
  2. Похожие складчины
    Загрузка...
  3. Aplication
    Aplication Партнёр
    Уведомляем вас о начале сбора взносов.
    Цена продукта: 14900 руб. Взнос с каждого участника: 541 руб.
    Кол-во участников в основном списке: 1 чел.

    Начало сбора взносов 19 Декабрь 2020 года
     
    Aplication, 17 дек 2020
  4. SandraW
    SandraW Организатор складчин
    Освой Профессию‌ ‌Data‌ ‌Scientist‌ [SkillBox] _Beach
    Дата-сайентист — одна из самых востребованных профессий в мире.

    Вас ждут 8 курсов, онлайн-лекции и практические задания, а также 2 дипломных проекта.
    После обучения вы сможете претендовать на позицию Junior Data Scientist.

    Чему вы научитесь:
    + Программировать на Python
    + Визуализировать данные
    + Разрабатывать интерактивную инфографику
    + Работать с библиотеками и базами данных (Pandas, NumPy и Matplotlib, PostgreSQL, SQLite3, MongoDB)
    + Программировать на R
    + Применять нейронные сети для решения реальных задач
    + Освоите фреймворки для обучения нейронных сетей Tensorflow и Keras
    + Построите рекомендательную систему и добавите её в своё портфолио

    ПОРА ПРОФЕССИЮ МЕЧТЫ ПРЕВРАЩАТЬ В РЕАЛЬНОСТЬ! _Neo Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...

    P.S. Дефицит дата-сайентистов наблюдается не только в России, но и во всем мире. ВЭФ считает эту профессию одной из самых востребованных в ближайшие пять лет. В России, по данным HeadHunter, только с 2021 по 2022 год число вакансий на должность дата-сайентиста выросло на треть. При этом уровень предлагаемых зарплат в сфере остается высоким — в среднем 180 тысяч рублей в месяц.
     
    Последнее редактирование: 21 июн 2023
    SandraW, 14 янв 2021
  5. Julka1805
    Julka1805 Активный складчик
    ОСВОЙ ВОСТРЕБОВАННЫЙВ 2021 ГОДУ ФРЕЙМВОРКИ ЗАРАБАТЫВАЙ ОТ 80 000 РУБЛЕЙ/МЕСЯЦНА FRONTEND-РАЗРАБОТКЕ Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    Julka1805, 28 янв 2021
  6. NatAlla
    NatAlla Складчик
    Здравствуйте! Вопрос по способу архивации - обычного win.rar достаточно?
    Купила этот курс у др.орг-а - открыть невозможно, ошибки, пароль не открывает. Требует скачивать новую версию...
     
    NatAlla, 5 мар 2021
  7. AniLe307
    AniLe307 Активный складчик
    [Udemy] Полный учебный курс по тестированию ПО 2021
    Курс уже выкуплен и готов к раздаче!
    Для кого этот курс:
    • Для тех, кто хочет начать новую карьеру
    • Желающих изучать тестирование ПО
    • Тестировщиков, которые хотят углубить и систематизировать свои знания
    • Для тех, кто хочет стать Freelance-тестировщиком
    • Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    AniLe307, 8 апр 2021
  8. AniLe307
    AniLe307 Активный складчик
    Полное собрание курсов по обучению PYTHON 3 , от известной школы UDEMY

    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... /

    Начало сбора взносов 15 Март 2021 года
     
    AniLe307, 9 апр 2021
  9. Тамплиер
    Тамплиер Модератор
    Здравствуйте, сообщите об оплате в реквизитах темы. Здесь подобные сообщения писать нельзя по Правилам.
    В следующий раз не нарушайте, пожалуйста.
    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
    д) Вопросы связанные с оплатой ведутся только в реквизитах складчины.
     
    Тамплиер, 30 апр 2021
  10. SandraW
    SandraW Организатор складчин
    _Gamer [Skillbox] Профессия Frontend-разработчик PRO 2021
    Присоединяйтесь к топовой складчине от лучшей школы обучения:

    ВВы научитесь верстать веб-страницы, создавать веб-приложения, работать с JavaScript, в Photoshop и Figma.
    Закрепите навыки на офлайн-воркшопах, пополните портфолио и освоите востребованную профессию.
    В курс входят несколько курсов:
    Веб-вёрстка
    JavaScript
    React.js
    Vue.js

    Дополнительные курсы
    Универсальные знания программиста, Онлайн-сессии по веб-разработке
    Обзор курса по слепому методу печати
    Photoshop, Figma
    Английский для IT-специалистов, Система контроля версий Git
    Язык запросов SQL, Карьера и развитие для программиста
    Работа в командной строке Bash, Алгоритмы и структуры данных
    Защита дипломных проектов
    Программа трудоустройства_Showingbiceps

    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    SandraW, 3 сен 2021
  11. My-way
    My-way Складчик
    ЗАПИСЬ на серьезное обучение !!! -->[HTML Academy] ПРОФЕССИЯ «ФРОНТЕНД-РАЗРАБОТЧИК» 2021

    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    My-way, 4 дек 2021
  12. adsl3008
    adsl3008 Складчик
    Вышел офигенный курс, от друзей автора Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть... !
     
    adsl3008, 7 дек 2021
  13. SandraW
    SandraW Организатор складчин
    _Smoke [Skillbox] Профессия Инженер по тестированию 2022

    Тестировщик в буквальном смысле проводит краш-тесты программных продуктов.
    Он продумывает, что и где может сломаться, прогнозирует сбои и находит ошибки в приложениях, сайтах и программах, чтобы продукт вышел работоспособным.
    Тестировщик должен всеми способами испытать надёжность и удобство сервиса на этапе разработки.

    Вы освоите одну из самых востребованных IT-профессий под руководством личного наставника и начнёте зарабатывать ещё до завершения курса.
    Опыт программирования не нужен.
    Скрытый текст. Доступен только зарегистрированным пользователям.Нажмите, чтобы раскрыть...
     
    SandraW, 18 дек 2022
Наверх