Меню сайта

Ultimate HTML / CSS Mastery, Часть 3

22

05:38:04

45 Видео

На английском

2021

codewithmosh (Mosh Hamedani)

Ultimate HTML / CSS Mastery, Часть 3

Преобразуйте дизайн Photoshop в веб-сайты с уверенностью! Хотите знать, как профессиональные веб-разработчики берут макет дизайна Photoshop и конвертируют его в настоящий веб-сайт HTML5 / CSS3? Это именно то, чему вы собираетесь научиться в этом курсе.


Веселый, очень практичный, пошаговый курс, который научит вас создавать и развертывать быстрые потрясающие веб-сайты с использованием системного подхода. Он учит мировоззрению профессионального фронтенд-разработчика и содержит сотни методик, полезных советов и лучших практик. Это курс HTML5 / CSS3, который я хотел бы иметь, когда изучал веб-разработку! 


Преобразуйте макеты Photoshop в настоящие веб-сайты HTML5 / CSS3 

Пишите качественный код HTML5 / CSS3 с уверенностью 

Устраняйте проблемы как профессионал 

Создавайте адаптивные веб-сайты, ориентируясь на мобильные устройства 

Разверните свои веб-сайты в облаке

Освойте HTML5 / CSS3, используя настоящий проект 


Изучите основные навыки Photoshop, необходимые каждому веб-разработчику 

Освойте адаптивный дизайн, ориентированный на мобильные устройства 

Создавайте макеты с помощью Flex и Grid 

Добавляйте плавные, красивые анимации 

Оптимизируйте изображения для повышения производительности 

Пишите чистый, поддерживаемый, объектно-ориентированный CSS3 

Изучите лучшие практики HTML5 / CSS3 

Напишите правильный семантический код HTML5, который понравится поисковым системам. 

Используйте БЭМ-соглашение, чтобы сделать код более читабельным 

Повысьте продуктивность с помощью малоизвестных ярлыков 

Разместите свой код на GitHub 

Настройте непрерывное развертывание 

Измерьте производительность вашего сайта 

Познакомьтесь с инструментами, облегчающими вашу работу 

И многое, многое другое!

Плейлист видеоуроков

Этот контент скрыт от глаз обычных пользователей.

Материал доступен для пользователей с премиум аккаунтом

Подробнее
  1. Introduction (1:07)
  2. Prerequisites (0:49)
  3. How to Take This Course (1:44)
  4. Tools You Need (3:59)
  5. Setting Up the Project (5:11)
  6. Essential Photoshop Skills (5:02)
  7. Identifying the Components (6:09)
  8. Color Palette (3:12)
  9. Typography (10:43)
  10. Links (6:47)
  11. Badges (7:35)
  12. Lists (7:50)
  13. Icons (9:03)
  14. Buttons (11:21)
  15. Inputs (3:52)
  16. Input Groups (6:27)
  17. Cards
  18. Plans
  19. Popular Badge (3:41)
  20. Media Objects (4:12)
  21. Quotes (9:21)
  22. Grids (4:45)
  23. Testimonials (11:51)
  24. Callouts (10:06)
  25. Collapsibles (13:21)
  26. Blocks
  27. Navigation Bars (17:14)
  28. Hero (10:35)
  29. Optimizing Images (9:34)
  30. Domain Block (14:09)
  31. Plans Block (9:04)
  32. Features Block (11:39)
  33. Showcase Block
  34. Testimonials Block (1:40)
  35. Footer (14:45)
  36. Putting it All Together (3:49)
  37. Troubleshooting Layout Issues (9:01)
  38. Animations (3:49)
  39. Search Engine Optimization (2:28)
  40. HTML and CSS Validation (3:10)
  41. Building for Production (12:42)
  42. Pushing to GitHub (4:51)
  43. Deployment (1:58)
  44. Measuring the Site's Performance (8:31)
  45. Course Wrap Up (0:35)

Отзывы к «Ultimate HTML / CSS Mastery, Часть 3»

Добавить отзыв

Откройте «Премиум» доступ!

Получайте новые знания в полном объеме, не ограничивайте себя :)

Подробнее