CSS - Видеоуроки, курсы, туториалы

CSS Layout и Анимации

CSS Layout and Animations

Создание прототипов с помощью CSS Grid, Flexbox и CSS-анимации в CodePen. Этот курс посвящен CSS Layout и анимации. Сегодня я хочу показать вам, как вы можете создавать сложные проекты с помощью CSS Grid и Flexbox. Мы также сосредоточимся на создании привлекательного пользовательского интерфейса путем добавления CSS анимаций.

2 ч 7 мин 29 сек

English

designcode.io

Премиум

Посмотреть

CSS-селекторы в глубине

CSS Selectors in Depth

Селекторы CSS - это клей, который связывает стили с HTML-контентом. Понимание того, как они работают, позволяет разработчику писать больше семантической разметки и сохраняет модульность стилей для лучшего сопровождения проекта.

0 ч 34 мин 40 сек

English

egghead

Премиум

Посмотреть

Технология CSS Grid. Руководство по адаптивной верстке

 

Верстка — это создание веб-страниц с помощью специальных языков. Верстка — это также интересная, постоянно меняющаяся область деятельности в создании сайтов. Это процесс перевода макета сайта, созданного дизайнером в графической программе, в HTML-страницу. При этом используются специальные языки, которые для этого предназначены: HTML, CSS, JavaScript. Соответственно, верстальщик — это человек, который занимается кодированием HTM

13 ч 6 мин 6 сек

Русский

webformyself

Бесплатно

Посмотреть

Продвинутая вёрстка (SmartGrid 2019)

Продвинутая вёрстка

Трёхнедельный онлайн курс от Дмитрия Лаврика. Бесит адаптивная вёрстка? Или мучаешься с bootstrap? Тебе помогут: css3, calc, less, scss, npm, gulp, autoprefixer и новая супер сетка!

13 ч 15 мин 9 сек

Русский

Дмитрий Лаврик

Бесплатно

Посмотреть

Создавайте удивительные анимации с GreenSock

Create Amazing Animations with GreenSock

Анимации привлекают внимание и повышают уровень вовлеченности ваших пользователей. Но их нелегко настроить, и они не всегда выглядят так, как должны в каждом браузере. Greensock - лучшая платформа для создания производительных анимаций с широкими возможностями настройки. Этот курс познакомит вас с возможностями Greensock.

0 ч 24 мин 40 сек

English

egghead

Премиум

Посмотреть

Bootstrap 4 с нуля с 5 проектами

Bootstrap 4 From Scratch With 5 Projects

Вы изучите все утилиты, компоненты, виджеты и сетки и создадите реальные темы и веб-сайты. Вам не нужно знать Bootstrap 3 для этого курса. Даже если вы уже знакомы с Bootstrap 4, пропустите обучающие разделы и сразу перейдите к разделу 6, чтобы создать простую тему и начать проекты. Все полностью модульно!

11 ч 22 мин 33 сек

English

udemy, Brad Traversy

Премиум

Посмотреть

Фреймворк Bootstrap 4: Руководство по адаптивной верстке

 

Bootstrap — самый популярный в мире на сегодняшний день HTML-, CSS- и JavaScript-фреймворк для верстки адаптивных, кроссбраузерных, веб-страниц и веб-проектов. Bootstrap помогает при верстке страниц, упрощает и ускоряет ее. Фреймворк состоит из множества различных компонентов, которые «собирают» веб-страницу: форм, кнопок, навигации, сетки блоков и так далее.

48 ч 15 мин 52 сек

Русский

webformyself

Бесплатно

Посмотреть

Bootstrap 4 Bootcamp

The Bootstrap 4 Bootcamp

Научитесь создавать красивые отзывчивые веб-сайты с последней версией Bootstrap (4.1.3), Flexbox, HTML5 и CSS3! Bootstrap в настоящее время является самой популярной библиотекой на Github, перегоняя другие инструменты, такие как React и Angular! Он очень популярен и не без оснований: он делает создание сайтов легким.

11 ч 42 мин 50 сек

English

udemy

Премиум

Посмотреть

Веб-разработчик 2023: с Нуля до Мастера

Complete Web Developer in 2023: Zero to Mastery

Научитесь программировать. Получите работу. Это один из самых популярных онлайн-курсов по программированию с высоким рейтингом. Он же самый современный и актуальный. Гарантировано. Вы пройдете путь от полного новичка и получите работу разработчика (в этом году!) в таких компаниях, как Google, Tesla и Amazon. Вы изучите HTML, CSS, JavaScript, React, Node.js, машинное обучение и многое другое.

35 ч 23 мин 21 сек

English

udemy, zerotomastery.io

Премиум

Посмотреть

Build User Interfaces by Composing CSS Utility Classes with Tailwind

 

Создание вашего веб-приложения с полностью настраиваемым дизайном - непростая задача. Если вы не являетесь экспертом по CSS, применение стиля дизайна к вашей разметке может потреблять долгие часы когда вы пытаетесь настроить пиксели, выравнивать элементы и тд.

0 ч 21 мин 55 сек

English

egghead

Премиум

Посмотреть