Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (100+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

Главная страница Категория css CSS-проекты

CSS-проекты

Name: CSS-проекты
Price: 10 USD
Rating: 4.2 (14 reviews)

CSS Projects

frontendmasters

Jen Kramer

Продолжительность

5 ч 2 мин

Категория

CSS

Количество уроков

31 Видео

Дата добавления

31.08.2023

Язык

English

Дата выхода

29.08.2023

Дата обновления

20.10.2023

Ищете практику верстки CSS? Присоединяйтесь к Джен Крамер и создайте несколько различных адаптивных макетов на основе предоставленных ресурсов, целей проекта и ожиданий. Для решения любой из этих проблем с макетом не требуется JavaScript. Каждое задание становится все сложнее. В первой задаче мы создадим некоторый базовый стиль, который поможет решить другие задачи. Последнее задание включает в себя 5 различных макетов с единой кодовой базой HTML, управляемой медиа-запросами. Концепции CSS в этом курсе включают CSS Flexbox, Grid, позиционирование, overflow, магию фонового изображения, columns, переменные, медиа-запросы и многое другое.

Научитесь продумывать и подходить к проектам CSS.
Обсуждайте подходы и понимайте компромиссы.
Пишите свои собственные решения, используя предоставленные активы, цели и ожидания.
Посмотрите, как Джен объясняет свой подход и окончательное решение каждой проблемы.

Посмотреть больше

Удален по просьбе правообладателя

Урок 1. 00:08:13

Introduction
Урок 2. 00:09:44

Style Guide Overview
Урок 3. 00:17:50

Style Guide: Fonts & Font Sizes
Урок 4. 00:13:56

Style Guide: Image & Links
Урок 5. 00:09:29

Style Guide: Colors
Урок 6. 00:06:15

Columns & Cover Overview
Урок 7. 00:09:08

Column & Cover: Semantic HTML
Урок 8. 00:18:27

Column & Cover: Mobile Layout
Урок 9. 00:16:46

Column & Cover: Media Queries
Урок 10. 00:14:07

Columns & Cover: Desktop Layout
Урок 11. 00:12:56

Background & Overflow Project Overview
Урок 12. 00:15:36

Background & Overflow: Mobile Layout
Урок 13. 00:06:46

Background & Overflow: Scrollbar
Урок 14. 00:10:19

Background & Overflow: Media Queries
Урок 15. 00:04:23

Background & Overflow: Desktop Layout
Урок 16. 00:05:43

Grid Project Overview
Урок 17. 00:05:19

Grid: Mobile Layout
Урок 18. 00:09:12

Grid: Tablet Layout
Урок 19. 00:12:58

Grid: Desktop Layout
Урок 20. 00:04:16

Team Project Overview
Урок 21. 00:08:36

Team: Semantic HTML
Урок 22. 00:07:35

Team: Mobile Layout
Урок 23. 00:11:16

Team: Icons
Урок 24. 00:07:49

Team: Tablet & Desktop Layouts
Урок 25. 00:03:23

Cards Overview
Урок 26. 00:06:31

Cards: Semantic HTML
Урок 27. 00:09:00

Cards: Mobile Portrait Layout
Урок 28. 00:14:47

Cards: Mobile Landscape Layout
Урок 29. 00:07:52

Cards: Tablet Layout
Урок 30. 00:11:20

Cards: Desktop Layout
Урок 31. 00:02:39

Wrapping Up

Авторы

frontendmasters

FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.

+837

Jen Kramer

Джен Крамер преподает HTML и CSS для всех уровней более 20 лет. Ранее она была лектором в Гарвардском университете, совмещая это с работой фрилансера по веб-дизайну. Джен также является автором более 70 видео-курсов и трех книг. В настоящее время она занимает должность директора по дизайну обучения и технологиям в AnnieCannons - некоммерческой организации, которая обучает, подготавливает и помогает людям, пострадавшим от торговли людьми, начать у

Категории

Комментарии

atom

23 июл. 2024 г., 20:01

https://projects.css.education/
Anonymous

13 сент. 2023 г., 10:21

9:30AM Introduction, approach, and what to expect

10:00AM Challenge 1: Instant Coffee - Columns and Cover

11:00AM Challenge 2: Five Amazing Coffee Facts - Backgrounds and Overflow

12:00PM Lunch

12:45PM Challenge 3: Make Time for Coffee - Wacky Grids

1:45PM Challenge 4: Our Team - Quirky Positioning

2:45PM Challenge 5: Our Coffee - Outrageous Cards

4:00PM End

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

Другие материалы в этой категории

frontendmasters

08.06.2023

CSS

Основы CSS (frontendmasters)

CSS Foundations

Вы изо всех сил пытаетесь применить стили к своим веб-сайтам? Вы беспокоитесь, когда вас просят воплотить дизайн в реальность? Хотите чувствовать себя уверенно при написании и отладке CSS? Этот курс для вас! Мы рассмотрим основы CSS, такие как цвет, типографика, позиционирование и z-индекс. Мы также узнаем, как смотреть на визуальный дизайн и превращать его в код.

3 ч 57 мин

English

Посмотреть

+15

Удален по просьбе правообладателя

Изображение курса Практические CSS Layouts

frontendmasters

Jen Kramer

18.05.2023

CSS

Практические CSS Layouts

Practical CSS Layouts

Устали от обычных макетов? Неуверены, как сделать их более интересными? Этот семинар именно для вас! Присоединяйтесь к Джен на два насыщенных дня, в ходе которых вы создадите три различных отзывчивых веб-сайта для вымышленной группы Magenta Lime.

8 ч 58 мин

English

Посмотреть

+25

Удален по просьбе правообладателя

Изображение курса HTML & CSS Bootcamp - 2023 Edition

udemy

16.03.2023

HTML CSS

HTML & CSS Bootcamp - 2023 Edition

The HTML & CSS Bootcamp 2023 Edition

Этот курс научит вас всему, что вам нужно знать о HTML, CSS и веб-дизайне, чтобы создавать свои собственные потрясающие веб-сайты с нуля. Вместо того, чтобы просто наблюдать за мной во время кодирования, вы научитесь структурировать и создавать любые веб-сайты, которые только сможете представить.Моя специализация - преподавание программ буткемп в режиме очной учебы по всему миру, где я работаю непосредственно с учениками, чтобы помочь им научитьс

37 ч 18 мин

English

Посмотреть

+57

Изображение курса Чистая и масштабируемая архитектура CSS

udemy

22.02.2023

CSS

Чистая и масштабируемая архитектура CSS

Clean and Scalable CSS Architecture

Есть много продвинутых курсов по CSS, по flexbox, CSS-анимации, CSS-grid… Однако в этом курсе мы сосредоточимся на архитектуре CSS. Если вы заинтересованы в том, чтобы научиться писать чистый и масштабируемый код CSS, этот курс - то, что вам нужно! CSS прост, его легко выучить, его легко написать. Но на самом деле сложно написать масштабируемый и удобный в сопровождении код, особенно в больших проектах, требующих постоянного масштабировани

1 ч 20 мин

English

Посмотреть

+18

Изображение курса Все, что я сделал, чтобы сделать CSS быстрым

Harry Roberts

10.01.2023

CSS

Все, что я сделал, чтобы сделать CSS быстрым

Everything I Have Done to Make CSS Wizardry Fast

Моя работа как инженера по производительности заключается в том, чтобы помогать клиентам создавать и поддерживать быстрые веб-сайты. Также очень важно, чтобы мой собственный сайт служил примером! В этой серии скринкастов я покажу вам каждую функцию, решение и коммит, влияющие на производительность, которые помогли сделать CSS быстрым.

2 ч 52 мин

English

Посмотреть

+25