Категории
- 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
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (2999+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

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

CSS-проекты

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

CSS Projects

frontendmasters

Jen Kramer

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

5 ч 2 мин

Категория

CSS

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

31 Видео

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

31 авг. 2023 г., 11:47

Язык

Английский

Дата выхода

29 авг. 2023 г., 01:00

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

20 окт. 2023 г., 20:04

Ищете практику верстки 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, Jen Kramer

frontendmasters

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

+760

Jen Kramer

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

Категории

Комментарии

atom

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

https://projects.css.education/
Radislaw

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

8 июн. 2023 г., 00:53

CSS

Основы CSS (frontendmasters)

CSS Foundations

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

3 ч 57 мин

Английский

Посмотреть

+16

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

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

frontendmasters

Jen Kramer

18 мая 2023 г., 21:35

CSS

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

Practical CSS Layouts

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

8 ч 58 мин

Английский

Посмотреть

+26

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

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

udemy

16 мар. 2023 г., 21:16

HTML CSS

HTML & CSS Bootcamp - 2023 Edition

The HTML & CSS Bootcamp 2023 Edition

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

37 ч 18 мин

Английский

Посмотреть

+57

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

udemy

22 февр. 2023 г., 00:32

CSS

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

Clean and Scalable CSS Architecture

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

1 ч 20 мин

Английский

Посмотреть

+18

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

Harry Roberts

10 янв. 2023 г., 01:38

CSS

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

Everything I Have Done to Make CSS Wizardry Fast

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

2 ч 52 мин

Английский

Посмотреть

+25