Создание адаптивных сайтов с HTML5 и CSS3 - Видеоуроки

Build Responsive Real World Websites with HTML5 and CSS3
Duration 11:52:45
Открыть все курсы от udemy

Build Responsive Real World Websites with HTML5 and CSS3 - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Let's start this amazing journey 00:05:48
  • Урок 2. Our main tool: Brackets text editor 00:03:21
  • Урок 3. What is HTML? 00:02:13
  • Урок 4. The structure of an HTML document 00:05:24
  • Урок 5. Starting to fill the structure 00:07:58
  • Урок 6. Images and attributes 00:04:38
  • Урок 7. One more thing: links 00:04:55
  • Урок 8. Getting started with CSS 00:04:04
  • Урок 9. Starting to make our webpage pretty: text 00:09:54
  • Урок 10. Colors 00:05:32
  • Урок 11. Classes and ID's 00:05:40
  • Урок 12. The CSS box model 00:07:33
  • Урок 13. Building a simple layout 00:18:59
  • Урок 14. Polishing our blog post 00:09:40
  • Урок 15. Relative vs. Absolute 00:04:36
  • Урок 16. Getting started with the Chrome Developer Tools 00:06:24
  • Урок 17. Introduction to web design 00:03:48
  • Урок 18. Beautiful typography 00:08:55
  • Урок 19. Using colors like a pro 00:06:46
  • Урок 20. Working with images 00:04:55
  • Урок 21. Working with icons 00:03:30
  • Урок 22. Spacing and layout 00:03:43
  • Урок 23. Introduction to user experience 00:02:51
  • Урок 24. Getting inspired: the secret ingredient for stunning web design 00:02:26
  • Урок 25. The 7 real-world steps to a fully functional website 00:06:14
  • Урок 26. Starting to put the 7 steps into action 00:06:01
  • Урок 27. First development steps 00:14:41
  • Урок 28. Setting up the fluid grid for responsive web design 00:10:05
  • Урок 29. Building the header - Part 1 00:16:09
  • Урок 30. Building the header - Part 2 00:22:00
  • Урок 31. Building the header - Part 3 00:20:10
  • Урок 32. Building the features section - Part 1 00:15:08
  • Урок 33. Building the features section - Part 2 00:17:57
  • Урок 34. Building the favorite meals section - Part 1 00:12:23
  • Урок 35. Building the favorite meals section - Part 2 00:11:36
  • Урок 36. Building the how-it-works section - Part 1 00:09:10
  • Урок 37. Building the how-it-works section - Part 2 00:17:28
  • Урок 38. Building the cities section - Part 1 00:12:44
  • Урок 39. Building the cities section - Part 2 00:16:18
  • Урок 40. Building the customer testimonials section - Part 1 00:06:07
  • Урок 41. Building the customer testimonials section - Part 2 00:15:30
  • Урок 42. Building the sign-up section - Part 1 00:09:54
  • Урок 43. Building the sign-up section - Part 2 00:18:58
  • Урок 44. Building the contact form form - Part 1 00:16:34
  • Урок 45. Building the contact form form - Part 2 00:09:26
  • Урок 46. Building the footer - Part 1 00:06:43
  • Урок 47. Building the footer - Part 2 00:18:21
  • Урок 48. Making the webpage responsive - Part 1 00:19:48
  • Урок 49. Making the webpage responsive - Part 2 00:21:46
  • Урок 50. A note about web browsers 00:12:43
  • Урок 51. Introduction to jQuery 00:09:52
  • Урок 52. Building a “sticky” navigation - Part 1 00:12:54
  • Урок 53. Building a “sticky” navigation - Part 2 00:10:54
  • Урок 54. Scrolling to elements 00:10:11
  • Урок 55. Adding animations on scroll 00:14:40
  • Урок 56. Making the navigation responsive 00:20:16
  • Урок 57. Final touch: creating a favicon 00:05:12
  • Урок 58. Performance optimization: site speed 00:12:13
  • Урок 59. Basic search engine optimization (SEO) 00:08:24
  • Урок 60. Let’s launch our webpage! 00:09:20
  • Урок 61. Google Analytics 00:05:48
  • Урок 62. You made it! Congratulations! 00:03:34
  • Урок 63. What’s New in CSS: A Quick Intro to Flexbox, Part 1 00:31:41
  • Урок 64. What’s New in CSS: A Quick Intro to Flexbox, Part 2 00:22:12
  • Урок 65. Using PHP to make our form work 00:23:31
  • Урок 66. Super effective ways to improve your website’s conversion 00:04:36

Самый простой способ шаг за шагом освоить современный веб-дизайн, HTML5 и CSS3.  # 1 HTML5 и CSS3 курс в официальном рейтинге Udemy!

Так почему же этот курс такой уникальный и популярный?

Причина № 1: Курс полностью основан на проекте

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

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

Причина № 2: Вы не просто научитесь писать

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

Проектирование действительно очень важно. Вы видели все эти красивые и современные сайты в последнее время? Это единственный курс на рынке, в котором основное внимание уделяется как программированию, так и проектированию.

Причина № 3: Вы уходите с готовым к запуску сайтом

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

Причина № 4: я делаю HTML5 и CSS3 легким и увлекательным

При правильном руководстве HTML5, CSS3 и адаптивный веб-дизайн действительно просты в освоении и использовании в реальном мире. Вот почему я организовал этот тренинг вокруг классного и законченного проекта, который интересно писать.

Итак, вот что мы рассмотрим

  • Простая и понятная веб-разработка с HTML5, CSS3 и некоторым jQuery.
  • Проверенные 7 реальных шагов от полного нуля до полнофункционального и оптимизированного веб-сайта.
  • Простые в использовании рекомендации и советы по веб-дизайну, чтобы ваш сайт выделялся из толпы.
  • Как получить и использовать изображения, шрифты и значки, чтобы ваш сайт сиял - все бесплатно.
  • Адаптивный веб-дизайн: узнайте, как создавать веб-сайты, которые прекрасно работают на всех экранах.
  • Как использовать jQuery для супер крутых эффектов, таких как анимация, эффекты прокрутки и «липкая» навигация.
  • Как оптимизировать ваш сайт для хорошей скорости работы и для поисковых систем (SEO).
  • Как запустить свой веб-сайт, чтобы мир мог его увидели.

Давайте теперь выясним, подходит ли этот курс для вас. Он идеально подходит, если...

  • Студент № 1: Вы начинающий и не знаете, как создать веб-сайт.
  • Студент № 2: Вы уже знакомы с некоторыми основами HTML и CSS из некоторых учебников или видео, и изо всех сил пытаетесь создать красивый, полный веб-сайт.
  • Студент № 3: Вы дизайнер и хотите расширить свои навыки в HTML5 и CSS3, потому что все ваши коллеги-дизайнеры учатся программировать (они умны).

По сути, если вы являетесь мастером HTML5 и CSS3, если вы создаете самые красивые веб-сайты в мире, то НЕ Берите курс на себя. Все остальные: вы должны пройти курс сегодня.

Твоя оценка

5 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

12-09-2017 ru 11 уроков
htmlacademy Интенсивный онлайн-курс "Базовый HTML и CSS"
Интенсивный онлайн-курс "Базовый HTML и CSS" - актуальный курс по базовой верстке вместе с современными интструментами фронт-енд разработчика. HTML, CSS, Photoshop, Javascript, CSS сетки, лучшие практики, svg, макеты сайтов - все тут.
Duration 24:52:04
213 5
08-03-2017 ru 19 уроков
htmlacademy Продвинутый HTML и CSS
При прохождения курса вы ощутите себя ПРО верстальщиком, верстая макеты по метолологии БЭМ, написав стили на препроцессорах, сделаете адаптив сайта, поработаете с графикой для ретина дисплеев и подготовите автоматизацию сборки проекта для продакшн версии. Звучит неплохо.
Duration 23:57:22
99 6
04-04-2018 ru 26 уроков
htmlacademy Интенсивный онлайн-курс "Профессиональный HTML и CSS" - Уровень 1
В этом курсе вы найдете для себя все то, что нужно знать перед началом карьеры фронтенд разработчика. Научитесь работать с HTML и CSS так, как не умеют даже опытные фронтендеры, так как в этом курсе вы узнаете о современных практиках верстки и работы со стилями от одной из ведущих учебных платформ - html-academy.
Duration 30:59:30
162 6
21-02-2018 ru 11 уроков
htmlacademy Интенсивный онлайн-курс "Профессиональный HTML и CSS" - Уровень 2
В этом уровне вы перейдете к более сложным темам и более ответственной разработке веб-сайтов, приближенной к реалиям работы фронтенд разработчика. Новый проект «Кэт Энерджи», векторная графика, и полный переход на Flexbox уже в этом курсе. Присоединяйтесь.
Duration 23:18:03
63 1
05-12-2018 en 123 урока
udemy Web Components & Stencil.js - Build Custom HTML Elements
Полное введение в создание пользовательских HTML-элементов / веб-компонентов с StencilJS и даже без него. Посмотрим правде в глаза: у вас есть тысячи HTML-тегов, но некоторые полезные (<tabs>, <side-drawer>, <modal>, ...) отсутствуют.  Что, если вы можете создавать собственные HTML-теги. Без таких фреймворков, как Angular, библиотеки React или знания JavaScript в целом. Просто с волшебной функцией native-JavaScript,...
Duration 08:19:40
8 0
10-01-2019 en 125 уроков
udemy Modern HTML & CSS From The Beginning
Создавайте современные адаптивные веб-сайты и пользовательские интерфейсы с помощью HTML5 и CSS3, включая Flexbox и CSS Grid. Этот курс предназначен как для начинающих, так и для опытных разработчиков, которые хотят научиться создавать адаптивные веб-сайты и пользовательские интерфейсы с использованием современных технологий HTML5 и CSS3 +, таких как Flexbox и CSS Grid. Этот курс включает в себя часы как обучения, так и изучения, а также проекты...
Duration 20:55:56
22 0
15-12-2017 en 124 урока
udemy Advanced CSS and Sass: Take Your CSS to the Next Level!
Самый продвинутый и современный курс CSS в Интернете: анимация, flexbox, отзывчивый дизайн и многое другое.  Вы какое-то время писали CSS, но хотите перенести свою игру на следующий уровень? Чувствуете ли вы путаницу с CSS-жаргоном, как наследование, специфика или каскад? Что если бы был один ресурс, одно место, где вы могли бы изучить все современные методы и свойства CSS, о которых вы читали? Хорошая новость: вот он! Добро пожаловать в...
Duration 28:06:58
172 4

Последнее добавленное

Введение в Python разработку

Введение в Python разработку

en
Этот курс предназначен для обучения программированию с использованием Python. Мы рассмотрим строительные блоки языка, основы программирования, как использовать стандартную библиотеку, сторонние пакеты и как создавать проекты Python. В конце концов, вы должны понимать, как программировать.
Профессиональный облачный разработчик Google Cloud Certified

Профессиональный облачный разработчик Google Cloud Certified

en
Этот курс подготовит вас к сертификации Google Professional Cloud Developer, и все разделы основаны на общих целях, которые Google опубликовал для подготовки к экзамену. Мы также включили подробные пошаговые руководства и практические занятия, которые помогут закрепить концепции, которые мы...
Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

en
Цель этого курса - подготовить вас к сдаче сертификации Google Cloud Certified Professional Cloud Architect certification. Мы достигнем этого с помощью широкого спектра уроков, практических демонстраций, лабораторных условий и практических вопросов в качестве многогранного подхода к подготовке.
AWS Advanced Networking Specialty

AWS Advanced Networking Specialty

en
Добро пожаловать на курс сертификации специалистов по продвинутым сетям AWS. Этот курс предназначен для того, чтобы дать вам концепции, практические занятия, практические экзамены и учебные пособия, необходимые для подготовки к экзамену. Хотя AWS больше не требует сертификации уровня Associate...
Автоматизация AWS с помощью Lambda, Python и Boto3

Автоматизация AWS с помощью Lambda, Python и Boto3

en
В этом курсе будет изучаться автоматизация AWS с использованием Lambda и Python. Мы будем использовать AWS SDK для Python, более известный как Boto3. Вы узнаете, как интегрировать Lambda со многими популярными сервисами AWS, такими как EC2, S3, SQS, DynamoDB и другими.
Постройте приложение Laravel с TDD

Постройте приложение Laravel с TDD

en
Пришло время взять методы, которые мы изучили в Laravel From Scratch, и эффективно использовать их при создании вашего первого реального приложения. Вместе мы будем использовать TDD для создания Birdboard - минимального, похожего на Basecamp, приложения для управления проектами.
Web Start

Web Start

ru
Хорошие новости - Codename 47 вернулся. Плохие новости - ничего нового он с собой не захватил. В этой части все те же уровни, для все то й же аудитории. Все надежды прошлой части развеялись в пух и прах. Если вы следили за приключениями лысого раньше, то эта часть врятли вас чем то...
Стилизация (стайлинг) NativeScript Core приложений

Стилизация (стайлинг) NativeScript Core приложений

en
Все о CSS в NativeScript Core. В этом курсе мы подробно изучим методы моделирования с помощью NativeScript Core. Мы узнаем, как использовать глобальные конструкции стилей NativeScript, а также как лучше подходить к разделению стилей на составные правила. Мы также рассмотрим использование стилей...
chat
logo