ЯндексПрактикум [Яндекс.Практикум] Веб-разработчик. Часть 1 из 10 (2022)

[Алан-э-Дейл]

Автор: Яндекс.Практикум
Название: Веб-разработчик. Часть 1 из 10 (2022)

Веб-разработчик разрабатывает сайт на языках HTML, CSS и JavaScript. Создаёт интерфейсы с помощью библиотеки React.
Настраивает Git, чтобы работать в команде, и Webpack, чтобы собирать файлы проекта автоматически.
Веб-разработчик разбирается и в устройстве сервера: может настроить Nginx и запрограммировать сервер на Node.js.

За 10 месяцев обучения от 10 часов в неделю вы освоите востребованные навыки веб-разработчика и соберёте портфолио проектов.
Вот какие проекты вы будете делать:
1. Одностраничный сайт.
Лендинг — одностраничный сайт о продукте. Это самый простой и востребованный тип сайта. Необходимый минимум для разработчика — умение его реализовать. Мы проанализировали десятки лендингов и собрали канонический «одностраничник» из типовых элементов. Работая над ним, вы освоите базовые концепции и техники вёрстки. Именно они важнее всего на старте.

2. Веб-приложение на React.
Вы разработаете свой Инстаграм на JavaScript с использованием библиотеки React. Реализуете возможность добавлять и удалять посты, просматривать публикации других пользователей и ставить им лайки. Для разработки проекта нужны глубокие знания JavaScript, React и умение подключать сайт к серверу.

3. Создание и настройка бэкенда.
На многих сайтах информация постоянно обновляется, например: на новостных порталах и в социальных сетях. Здесь недостаточно сделать интерфейс. Нужно описать логику работы сервера: как следует обрабатывать запросы и хранить данные. Обычно этим занимается бэкенд-программист, но и веб-разработчик должен понимать, как работает сервер.

В этом проекте вы:

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

После проекта сервер перестанет быть чёрным ящиком. Вы поймёте, как он работает и где что настраивать.

Программа обучения:
Основы HTML, CSS, JS: бесплатный вводный курс
20 часов
Курс посвящён базовому синтаксису HTML и CSS. Вы научитесь управлять цветом и шрифтами, размещать блоки на странице. Всё это — через практику: выполните в тренажёре 4 проекта. Вы напишете программу на языке JavaScript и сделаете страницу интерактивной.

Расширенные возможности HTML и CSS
40 часов
В этом курсе вы расширите знания о семантике HTML-разметки, необходимых CSS-технологиях: flexbox, позиционирование элементов, работа с медиафайлами и виджетами, создание анимаций, работа с формами. Изучите методологию БЭМ — самый популярный в мире подход к организации кода.
Современному сайту необходимо окружение из вспомогательного программного обеспечения. В этом курсе вы подключите к проекту систему контроля версий Git и научитесь работать в командной строке.

HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка
20 часов
На этом курсе вы узнаете, какие виды дизайн-макетов используют в работе профессионалы и как готовить макет к вёрстке. Научитесь выстраивать модульные сетки и группировать элементы технологией Grid Layout. Разберётесь, как создавать интерфейсы для разных устройств: настольных компьютеров, ноутбуков, планшетов, смартфонов.
В этом курсе вы продолжите развивать инфраструктуру проекта: освоите инструменты коллективной работы, разместите сайт в интернете и научитесь публиковать изменения в нём из командной строки.

Базовый JavaScript и работа с браузером
60 часов
Полноценное погружение в JavaScript. Исследуете типы данных, научитесь работать с условиями, циклами и функциями. Пустите в ход теорию в настоящем проекте — сделаете сайт интерактивным.

JavaScript — непростые концепции
60 часов
Освоите сложные концепции языка: объектно-ориентированное программирование, асинхронность, замыкания и обмен данными с сервером. Вы познакомитесь с менеджером пакетов npm и научитесь добавлять зависимости в свой проект.

Создание интерфейсов на React
40 часов
Вы изучите библиотеку React и её экосистему. Начнёте делать сайты, состоящие из компонентов, которые можно переиспользовать на разных страницах. Разработка сложных интерфейсов станет быстрее, а код будет проще поддерживать.

Основы бэкенд-разработки
80 часов
Создание веб-приложений требует взаимодействия с сервером. Вы изучите, как работает серверный JavaScript в Node.js, поднимете сервер и настроите его. В результате вы создадите серверный API для сайта, фронтенд которого уже разработали в предыдущем курсе.

Выпускной проект
70 часов
Итоговый выпускной проект, подтверждающий знания и умения. Во время работы над ним не нужно выполнять домашние задания и узнавать новую теорию из тренажёра — здесь всё, как в реальной жизни: задание, сроки, приобретённые навыки и поисковик.

Подробнее:

Скачать:

 

[adesit]

такое нужно все 10 частей разом!

 

[SkyLeR]

Ух ты вот это класс! Очень жду остальные части. Шервуд не перестаёт удивлять!

 

[Eebra]

Подобные сливы - отличная реклама портала и мотивация, чтоб пойти и приобрести курс. В противном случае, курс посмотрит ярый фанат Я.Практикум)))

 

[Katerynazimina]

Подскажите, пожалуйста, пароль.

 

[Nikita_PRO]

Когда остальные части появятся?

 

[Василий Алибабаевич]

Подскажите, пожалуйста, пароль.

ищите да обрящете

 

[Sasha 1234]

Не открываются файлы, пишет ошибку, использую zip extractor. Помогите, как открыть?

 

[fcplma]

в этой первой части до куда доходим?) только бесплатный модуль?

 

[Sleep walking]

научите, пожалуйста, сохранять уроки с практикума, мне тоже надо курс сохранить

 

[Macintosh Company]

Подскажите, пожалуйста, пароль.

Вам пароль сказали....????

 

[hobigort]

Вам пароль сказали....????

Я наконец-то разобрался в паролях(тут скорее папки) и в чём была проблема. Всё что нужно- желание разобраться)
Пароль не подходит к одному видео, оно во втором архиве. В папке тебя встречают два архива, в целом, они "одинаковы", так что можно разархивировать только первый архив и вся информация у тебя будет в полном виде
P.S. Советую пользоваться архиватором "7-Zip"

Если что-то непонятно, могу помочь: https://vk.com/hobitay

 

[Število]

А почему пароль не подходит ни к одному из файлов?

 

[DolphinBB]

Пароль находится в облаке под названием "ПАРОЛЬ.TXT", внимательнее нужно быть.

 

[vlacrat.rd]

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

 

[DolphinBB]

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

Я вот не понял прикола. Ок, все в формате docx, но где видео верстки и т.д? Там одни файлы, пару видео нашел, но оно вообще не по темам. И почему с самого начала у них идёт уже спринт, когда в описании этого нет?

 

[vlacrat.rd]

Я вот не понял прикола. Ок, все в формате docx, но где видео верстки и т.д? Там одни файлы, пару видео нашел, но оно вообще не по темам. И почему с самого начала у них идёт уже спринт, когда в описании этого нет?

Если я правильно вас понял, то видео по верстке и не должно быть. В этом и есть весь прикол Я.Практикума что все их курсы в текстовых форматах, а в вебинарах обычно рассказывают про soft skills или мотивацию и просто обсуждают что либо, а весь процесс верстки показал в тексте.
На счет первого спринта не знаю, хотя и сам удивился, но возможно это связано с тем, что у них сначала идет бесплатная часть и сразу начинается спринт (после бесплатной части).

 

[DolphinBB]

Если я правильно вас понял, то видео по верстке и не должно быть. В этом и есть весь прикол Я.Практикума что все их курсы в текстовых форматах, а в вебинарах обычно рассказывают про soft skills или мотивацию и просто обсуждают что либо, а весь процесс верстки показал в тексте.
На счет первого спринта не знаю, хотя и сам удивился, но возможно это связано с тем, что у них сначала идет бесплатная часть и сразу начинается спринт (после бесплатной части).

Теперь все встало на свои места. Спасибо за то что объяснили!

 

[Ro_ro]

Спасибо!

 

[knack]

Спасибо!