1. Новые складчины: Показать еще

    13.06.2021: Обратная сторона души. Работа с двусторонними колодами (Алена Солодилова)

    13.06.2021: [School lingerie Harmony] Мастер-Класс «Бюстье» (Оксана Хапёрская)

    13.06.2021: [School lingerie Harmony] Строим и шьём трусики-слипы (Оксана Хапёрская)

    13.06.2021: [BuddyBiz] Курс по чат-ботам. Тариф - Мини (Маша Жук)

    13.06.2021: Moxnatki - Самый полный курс по перманентному макияжу бровей. Тариф Стандарт (Алена Пестова)

  2. Нужен организатор: Показать еще

    13.06.2021: Брошь Морская черепашка (Ирина Якубова)

    12.06.2021: Рабочие стратегии 2021 (Юлия Игнатенко)

    11.06.2021: Древняя магия деревьев. Как распознавать и работать с ними в духовной (Грегори Майкл Брюэр)

    11.06.2021: [NZT Rusfond] Подписка на обзоры рынка и секторов с 07.2021

    10.06.2021: Заработок на Яндекс Дзен 2021 + Софт по накрутке просмотров на видео (Сергей Лихачёв)

  3. Сбор взносов Показать еще

    13.06.2021: Бухгалтер-Эксперт. Пакет «Базовый» (Анастасия Волевач)

    13.06.2021: Идеальное тело. Тариф Марафон женский (Валерия Чекалина)

    13.06.2021: Тренируйся без границ в любое время и в любом месте (Анастасия Колсанова, Екатерина Косенкова)

    13.06.2021: Худеем с Доктором Зубаревой (Наталья Зубарева)

    13.06.2021: Емкость приятия как основа эффективного действия (Александр Палиенко)

Доступно

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

Тема в разделе "Курсы по программированию", создана пользователем Aplication, 17 дек 2020.

Хештеги:
Цена:
14900 руб
Взнос:
541 руб
Организатор:
Aplication

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

1. Aplication
2. AdelinaDel 3. krikrikika 4. Tany888 5. DonDimon1989 6. Tattianacv 7. Veresk63 8. AnTimerlan 9. Smokescreen1337 10. Ольга Б.Г 11. pobelk1n 12. Мандаринка2019 13. olga903 14. hip-s 15. kari_kari 16. henlo_wrold 17. Татьяна_80 18. PushistikJ 19. devildontcray 20. ShamilFox 21. Емелион 22. bik_off 23. artrich007 24. Артемий123 25. Юрий Осипчук 26. Pingua
Записаться
Оцените эту складчину: /5,
  1. Aplication
    Aplication Организатор складчин

    [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
    Финал
    Финальная лекция

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

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

     
    Последнее редактирование модератором: 15 мар 2021
    Aplication, 17 дек 2020
    Tany888 нравится это.
  2. Aplication
    Aplication Организатор складчин
    Уведомляем вас о начале сбора взносов.
    Цена продукта: 14900 руб. Взнос с каждого участника: 541 руб.
    Кол-во участников в основном списке: 1 чел.

    Начало сбора взносов 19 Декабрь 2020 года
     
    Aplication, 17 дек 2020
  3. SandraW
    SandraW Организатор складчин
    Освой Профессию‌ ‌Data‌ ‌Scientist‌ [SkillBox] _Beach
    Вас ждут 8 курсов, онлайн-лекции и практические задания, а также 2 дипломных проекта.
    После обучения вы сможете претендовать на позицию Junior Data Scientist.

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

    ПОРА ПРОФЕССИЮ МЕЧТЫ ПРЕВРАЩАТЬ В РЕАЛЬНОСТЬ! _Neo https://www.skladchina.biz/threads/...st-valentin-panovskij-aleksandr-panev.260799/
     
    SandraW, 14 янв 2021
  4. Julka1805
    Julka1805 Активный складчик
    Julka1805, 28 янв 2021
  5. NatAlla
    NatAlla Складчик
    Здравствуйте! Вопрос по способу архивации - обычного win.rar достаточно?
    Купила этот курс у др.орг-а - открыть невозможно, ошибки, пароль не открывает. Требует скачивать новую версию...
     
    NatAlla, 5 мар 2021
  6. AniLe307
    AniLe307 Активный складчик
    [Udemy] Полный учебный курс по тестированию ПО 2021
    Курс уже выкуплен и готов к раздаче!
    Для кого этот курс:
     
    AniLe307, 8 апр 2021
  7. AniLe307
    AniLe307 Активный складчик
    AniLe307, 9 апр 2021
  8. Тамплиер
    Тамплиер Модератор
    Здравствуйте, сообщите об оплате в реквизитах темы. Здесь подобные сообщения писать нельзя по Правилам.
    В следующий раз не нарушайте, пожалуйста.
    Порядок и правила участия в складчинах
    д) Вопросы связанные с оплатой ведутся только в реквизитах складчины.
     
    Тамплиер, 30 апр 2021
Участники складчины [HTML Academy] HTML и CSS. Профессиональная вёрстка сайтов. 7 сентября — 8 ноября 2020 смогут написать отзыв
Наверх