Udemy [Udemy] WEB-разработчик (2019)

  • 3
  • #1
Автор: 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

Подробнее:
Авторизуйтесь, чтобы посмотреть скрытый контент.

Скачать:
Авторизуйтесь, чтобы посмотреть скрытый контент.
 
Последнее редактирование:

Отзывов в теме: 3

Rodion9591
Премиум
Регистрация
15/02/2020
Сообщения
12
Репутация
50
Этот курс наверное самый лучший из всех на эту тему! Все объясняют четко и ясно!)
 
Кот в сапогах
Кот в сапогах
Премиум
badge badge
Регистрация
18/02/2020
Сообщения
1
Репутация
0
мне нравится)
..........................................
 

kulchaka
kulchaka
Премиум
badge badge badge
Регистрация
07/05/2019
Сообщения
3
Репутация
16
Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4
 
Дева Мэриэн
Дева Мэриэн
Само благородство
Пилигрим
badge badge badge badge
Регистрация
21/06/2019
Сообщения
798
Репутация
230
Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4
После 10 минуты обрывается и не воспроизводится!
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4
Здравствуйте, к сожалению, таким материал был предоставлен на складчине.
 
Scorpion22442
Scorpion22442
Премиум
badge badge badge badge
Регистрация
21/05/2019
Сообщения
18
Репутация
9
Отличный курс)
 
Крошка Джон
Крошка Джон
Славный малый
Редактор
badge badge badge badge
Регистрация
21/06/2019
Сообщения
324
Репутация
286
Видео производится к 10мин. дальше виснит (
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4
После 10 минуты обрывается и не воспроизводится!
030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4
Остальные нормально?
Здравствуйте. Файл 030 Практика. Используем псевдоэлементы и псевдоклассы в проекте.mp4 перезалит и сейчас полностью воспроизводится.
 
TatyanaTanina
TatyanaTanina
Премиум
badge badge badge
Регистрация
30/06/2018
Сообщения
9
Репутация
40
Курс решила посмотреть, чтобы разложить уже имеющиеся знания в голове по полочкам. Короткие видео без воды, уверенные объяснения. Понравилось.

Но!!!

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

Но!!!

Когда в 10-м уроке автор запихнул парные теги <style> в <body> (они должны быть строго в head), у меня появились некоторые сомнения в полезности этого курса. Дошла до 15 урока и не знаю, досматривать, или лучше все же HTML академия, где хоть и трехчасовые видео с водой, но много отсылок на спецификации и первоисточники. Полным новичкам смотреть этот курс с осторожностью) Хотя объясняет Иван довольно неплохо и сам курс хорошо структурирован.
так он показывал примеры и говорил, что так можно, но никто так не делает
 
TatyanaTanina
TatyanaTanina
Премиум
badge badge badge
Регистрация
30/06/2018
Сообщения
9
Репутация
40
так он показывал примеры и говорил, что так можно, но никто так не делает
Можно запихнуть парные <style></style> в body? Вы серьезно? Их можно размещать в head. Или же линковать, что тоже размещается в head. А в бади размещать их нельзя. Тем более зачем это делать в обучающем курсе. А если так можно, так разместите и проверьте верстку на валидность. Вас ждет сюрприз.
 
crazyworm
crazyworm
Премиум
badge badge badge badge
Регистрация
31/10/2018
Сообщения
465
Репутация
1.124
Можно запихнуть парные <style></style> в body? Вы серьезно? Их можно размещать в head. Или же линковать, что тоже размещается в head. А в бади размещать их нельзя. Тем более зачем это делать в обучающем курсе. А если так можно, так разместите и проверьте верстку на валидность. Вас ждет сюрприз.
Ай какие Google плохие, в своем сервисе Google Insights предлагают стили и js убирать вниз, перед </body>, чтобы ускорить загрузку страничек. Говорят оставляйте в <head>только самое необходимое</head>. Ай-яй-яй, Google, ничего не понимают в сайтостроении. В принципе не удивительно - их сайт-то сайтом назвать невозможно, белый фон, текстовое поле и кнопка. Сами рукожопы, еще и людей с толку сбивают.
 
TatyanaTanina
TatyanaTanina
Премиум
badge badge badge
Регистрация
30/06/2018
Сообщения
9
Репутация
40
Ай какие 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
TatyanaTanina
Премиум
badge badge badge
Регистрация
30/06/2018
Сообщения
9
Репутация
40
Ай какие Google плохие, в своем сервисе Google Insights предлагают стили и js убирать вниз, перед </body>, чтобы ускорить загрузку страничек. Говорят оставляйте в <head>только самое необходимое</head>. Ай-яй-яй, Google, ничего не понимают в сайтостроении. В принципе не удивительно - их сайт-то сайтом назвать невозможно, белый фон, текстовое поле и кнопка. Сами рукожопы, еще и людей с толку сбивают.

Кстати, спасибо за инфу, скрипты я почти всегда внизу размещаю, если только другое не указано в документации, а вот о линковке внизу я не знала.
 
Nikita_ekb
Премиум
badge
Регистрация
21/09/2019
Сообщения
1
Репутация
0
Посмотрел первые десять видео, проишли HTML, довольно таки поверхностно, тема форм вообще не раскрыта. Пока разочарован, смотрим дальше, посмотри что в css раскажет.
 
не робот
не робот
Премиум
badge badge badge badge
Регистрация
19/09/2019
Сообщения
44
Репутация
120
Посмотрел первые десять видео, проишли HTML, довольно таки поверхностно, тема форм вообще не раскрыта. Пока разочарован, смотрим дальше, посмотри что в css раскажет.
формы на html 5 вроде не используются. наверное для форм, js лучше подойдет
 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Последние темы автора

Малыш Джон
Ответы
2
Просмотры
2K
Els i El
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
0
Просмотры
2K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
4
Просмотры
1K
Суперюля
Суперюля

Похожие темы

Малыш Джон
Ответы
0
Просмотры
3K
Малыш Джон
Малыш Джон
Алан-э-Дейл
Ответы
0
Просмотры
4K
Алан-э-Дейл
Алан-э-Дейл
Малыш Джон
Ответы
0
Просмотры
5K
Малыш Джон
Малыш Джон
Малыш Джон
Ответы
5
Просмотры
6K
kostyk27
Алан-э-Дейл
Ответы
11
Просмотры
5K
hedglife
Малыш Джон
Ответы
6
Просмотры
7K
vova_m
Малыш Джон
Ответы
1
Просмотры
5K
Dma96
Dma96
Алан-э-Дейл
Ответы
1
Просмотры
2K
silenceKit
silenceKit
Малыш Джон
Ответы
0
Просмотры
1K
Малыш Джон
Малыш Джон
Сверху Снизу