Верстка сайтов [Udemy] WEB-разработчик (2019)

[Малыш Джон]

Автор: Udemy
Название: WEB-разработчик (2019)

Описание:

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

• Если вы ничего не знаете про создание сайтов, но хотите начать
• Если вы новичок в html/css, хотите быстро их освоить и начать применять в работе
• Если у вас был опыт в этой сфере несколько лет назад, ведь web-технологии очень быстро меняются и совершенствуются

Что внутри курса?
Мы с вами пройдем путь от установки своего первого редактора кода до создания полноценных, полностью функционирующих и расположенных в интернете сайтов. Мы будем изучать теоретическую часть и сразу же применять её на реальных проектах. Все ссылки на ресурсы, дополнительные материалы и бонусные макеты для практики будут предоставлены внутри курса.

• мы изучим основы web-разработки: что такое web-сайт, зачем он нужен, циклы создание и многое другое
• мы научимся работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode...
• мы научимся работать с графикой для web'a, в том числе с SVG
• мы узнаем и поймем как использовать HTML5 и CSS3 в реальных проектах
• мы узнаем основы JS и Jquery, научимся применять их в своих проектах
• мы научимся работать с Git и GitHub
• мы научимся работать с Bootstrap 4 и с технологией FlexBox
• мы научимся использовать препроцессоры Sass/Scss/Less в своих проектах
• мы научимся создавать мобильную адаптацию сайтов и приложений
• мы научимся использовать методологию БЭМ
• мы поймем, как создавать многостраничные сайты и принципы посадки под CMS(системы управления сайтами)
• мы научимся автоматизировать процессы при помощи планировщика задач Gulp
• мы научимся оптимизировать скорость работы сайтов и проводить валидацию верстки по стандартам w3c
• мы научимся работать с множеством готовых плагинов, устанавливать гео-карты на сайте, работать со шрифтами и многое другое...

В виде бонуса будут предоставлены несколько реальных макетов для самостоятельного закрепления полученных знаний.
Почему стоит начать свое обучение уже сейчас?
Создание сайтов (верстка) - очень востребованный на рынке труда навык, который к тому же еще и хорошо оплачивается. Мало того, что изучив всю данную вам информацию вы уже сможете создавать свои продукты и работать как на фрилансе, так и в web-студии, но и вы заложите базу для дальнейшего обучения. Владея этими навыками вы сможете освоить любую CMS (WordPress, ModX...) изнутри, сможете понять и изучить как работает backend часть, и сможете создавать визуальную часть приложений, написанных на JavaScript фреймворках и библиотеках (ведь там везде используется верстка как и на обычных сайтах, в том числе и на мобильных приложениях).
Для кого этот курс:

• Для тех людей, кто вообще не знаком с темой создания сайтов
• Для тех людей, кто уже делал свои первые попытки создания сайтов

Чему вы научитесь:
- Узнаешь основы web-разработки: что такое web-сайт, зачем он нужен, циклы создания и многое другое
- Научишься работать с графическими редакторами в контексте верстки: Photoshop, Zeplin, Figma, Avocode...
- Научишься работать с графикой для web'a, в том числе с SVG
- Узнаешь и поймешь как использовать HTML и CSS в реальных проектах (теория + настоящая практика)
- Узнаешь основы JS и Jquery, научишься применять их в своих проектах
- Научишься работать с Git и GitHub
- Научишься работать с Bootstrap 4 и с технологией FlexBox

Подробнее:

Скачать:

 

[TsunamiSun]

класс давно ждал ,очень интеересно будет пройти курс

 

[Rodion9591]

Этот курс наверное самый лучший из всех на эту тему! Все объясняют четко и ясно!)

 

[Кот в сапогах]

мне нравится)
..........................................

 

[yaralexcoder]

Давненько ждал этот курс, спасибо!

 

[kulchaka]

Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

 

[Дева Мэриэн]

Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

После 10 минуты обрывается и не воспроизводится!
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

Здравствуйте, к сожалению, таким материал был предоставлен на складчине.

 

[Scorpion22442]

Отличный курс)

 

[eLife]

После 10 минуты обрывается и не воспроизводится!
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

Остальные нормально?

 

[Крошка Джон]

Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

После 10 минуты обрывается и не воспроизводится!
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4

Остальные нормально?

Здравствуйте. Файл 030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4 перезалит и сейчас полностью воспроизводится.

 

[eLife]

Здравствуйте. Файл 030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4 перезалит и сейчас полностью воспроизводится.

Спасибо огромное!

 

[TatyanaTanina]

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

Но!!!

Когда в 10-м уроке автор запихнул парные теги <style> в <body> (они должны быть строго в head), у меня появились некоторые сомнения в полезности этого курса. Дошла до 15 урока и не знаю, досматривать, или лучше все же HTML академия, где хоть и трехчасовые видео с водой, но много отсылок на спецификации и первоисточники. Полным новичкам смотреть этот курс с осторожностью) Хотя объясняет Иван довольно неплохо и сам курс хорошо структурирован.

 

[Verilin]

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

Но!!!

Когда в 10-м уроке автор запихнул парные теги <style> в <body> (они должны быть строго в head), у меня появились некоторые сомнения в полезности этого курса. Дошла до 15 урока и не знаю, досматривать, или лучше все же HTML академия, где хоть и трехчасовые видео с водой, но много отсылок на спецификации и первоисточники. Полным новичкам смотреть этот курс с осторожностью) Хотя объясняет Иван довольно неплохо и сам курс хорошо структурирован.

так он показывал примеры и говорил, что так можно, но никто так не делает

 

[TatyanaTanina]

так он показывал примеры и говорил, что так можно, но никто так не делает

Можно запихнуть парные <style></style> в body? Вы серьезно? Их можно размещать в head. Или же линковать, что тоже размещается в head. А в бади размещать их нельзя. Тем более зачем это делать в обучающем курсе. А если так можно, так разместите и проверьте верстку на валидность. Вас ждет сюрприз.

 

[crazyworm]

Можно запихнуть парные <style></style> в body? Вы серьезно? Их можно размещать в head. Или же линковать, что тоже размещается в head. А в бади размещать их нельзя. Тем более зачем это делать в обучающем курсе. А если так можно, так разместите и проверьте верстку на валидность. Вас ждет сюрприз.

Ай какие Google плохие, в своем сервисе Google Insights предлагают стили и js убирать вниз, перед </body>, чтобы ускорить загрузку страничек. Говорят оставляйте в <head>только самое необходимое</head>. Ай-яй-яй, Google, ничего не понимают в сайтостроении. В принципе не удивительно - их сайт-то сайтом назвать невозможно, белый фон, текстовое поле и кнопка. Сами рукожопы, еще и людей с толку сбивают.

 

[TatyanaTanina]

Ай какие Google плохие, в своем сервисе Google Insights предлагают стили и js убирать вниз, перед </body>, чтобы ускорить загрузку страничек. Говорят оставляйте в <head>только самое необходимое</head>. Ай-яй-яй, Google, ничего не понимают в сайтостроении. В принципе не удивительно - их сайт-то сайтом назвать невозможно, белый фон, текстовое поле и кнопка. Сами рукожопы, еще и людей с толку сбивают.

Про js речи не было. Да, линковать стили МОЖНО хоть в хеад, хоть внизу в бади. Но если вы запихнете в бади парные стайл (а именно о них я писала как о недостатке в уроке курса), то получите ошибку типа «Element “style” not allowed as child of element “body” in this context. (Suppressing further errors from this subtree.)», хотя визуально все работать будет. Вам же знакомо понятие "валидность кода" и как ее проверять, я надеюсь. Консоль в google Chrome без дополнительных инструментов такое не подхватит, она видит чуть другие ошибки.

 

[TatyanaTanina]

Ай какие Google плохие, в своем сервисе Google Insights предлагают стили и js убирать вниз, перед </body>, чтобы ускорить загрузку страничек. Говорят оставляйте в <head>только самое необходимое</head>. Ай-яй-яй, Google, ничего не понимают в сайтостроении. В принципе не удивительно - их сайт-то сайтом назвать невозможно, белый фон, текстовое поле и кнопка. Сами рукожопы, еще и людей с толку сбивают.

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

 

[Nikita_ekb]

Посмотрел первые десять видео, проишли HTML, довольно таки поверхностно, тема форм вообще не раскрыта. Пока разочарован, смотрим дальше, посмотри что в css раскажет.

 

[не робот]

Посмотрел первые десять видео, проишли HTML, довольно таки поверхностно, тема форм вообще не раскрыта. Пока разочарован, смотрим дальше, посмотри что в css раскажет.

формы на html 5 вроде не используются. наверное для форм, js лучше подойдет