Классический форум-трекер
canvas not supported
Нас вместе: 4 231 983

Ulbi TV, Тимур Ульби | Продвинутый Frontend. В Production на React (2023) WEB-DL [RU]


Страницы:  1, 2  След. 
 
RSS
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> IT, Компьютерные видеокурсы
Автор Сообщение
Nord Freeman ®
RG Книги
Куратор Книг
Стаж: 12 лет 1 мес.
Сообщений: 6030
Ratio: 6665.777
Раздал: 128.5 TB
Поблагодарили: 562707
100%
Откуда: The Pirate Bay
witch.png
Ulbi TV, Тимур Ульби | Продвинутый Frontend. В Production на React (2023) WEB-DL [RU]
Автор: Тимур Ульби
Производство: Ulbi TV
Жанр: Видеокурс

Описание:
Для кого предназначен курс?

Курс идеально подойдет 2 категориям людей:
1. Люди, которые в данный момент ищут работу или близки к этому.
2. Действующие junior или middle разработчики, которые хотят повысить профессиональный уровень.

Первая категория получит топовый проект в портфолио + десяток новых технологий и подходов к разработке в резюме.
Вторая категория сможет расширить свой кругозор и повысить профессиональный уровень.
Кому курс не подойдет?
Если вы совсем недавно начали изучать React и абсолютно не понимаете, хотя бы на самом базовом уровне концепцию Redux, то курс вам не подойдет.
Если вы понимаете, что происходит в ролике "Фундаментальный React от А до Я" и закрепили его на практике, а также понимаете основы Redux, то курс подойдет вам идеально.

Также плюсом будет минимальное понимание TypeScript (достаточно основ).

Что представляет из себя курс?
Курс представляет из себя не оторванные от реальности уроки, а последовательную разработку большого production проекта на React, включая настройку всей инфраструктуры, тестовой среды, работу с сервером\данными и тд. По итогу вы получите большой и сложный с технической точки зрения проект, большое кол-во коммитов в гит. К проекту всегда можно будет вернуться и посмотреть как реализован тот или иной момент.

Важно! Курс не про React. React лишь одна из технологий, которая используется в курсе. Курс про Frontend разработку в целом и охватывает более глобальные концепции и подходы, включая конфигурацию, тесты и прочее (про это можно почитать подробнее ниже). Разработчикам на Vue/Svelte/angular курс также подойдет (но со специфичными для реакта моментами)

Курс записан в моем стиле, сжатый, с монтажом и пост озвучкой. Включает более 45ч материалов + еженедельные стримы в записи второго потока (если они подразумеваются тарифом).
Продолжительность: 46:14:39
Качество видео: WEB-DL
Язык озвучки: Русский
Конфигурация
Полная конфигурация проекта с нуля (Webpack). Настроим React, Typescript, Babel, scss, css modules, также настроим тестовую среду, jest, rtl, storybook, loki, webdriwer IO. Большое кол-во плагинов, лоадеров + граммотная декомпозиция конфига.

UI
Библиотека компонентов. Более 15 UI компонентов, включая модальные окна с порталами, выпадающие списки\меню, сайдбар, кнопки с разными темами, скелетоны, аватары, вертикальные и горизонтальные стеки и тд. Будем писать как свои решения так и опробуем headless библиотеки. Все компоненты будем делать доступными и семантичными.

Архитектура
Архитектура. Модули. Декомпозиция. Бизнес сущности. Слабая связанность и переиспользование.

Оптимизация
Оптимизация. Перерисовки и как с ними бороться. Анализ размера бандла. Использование бандл анализаторов. Асинхронные компоненты. Асинхронные Redux редюссеры. Reducer manager и создание небольшой библиотечки по внедрению асинхронных редюсеров. Изоляция модулей. Throttle и debounce. Инъекция эндпоинтов для лучшего code splitting.

Реальные задачи
Решение большого кол-ва задач из реальной разработки (фильтры, поиск, сортировки, бесконечные ленты, многоблочные страницы, комментарии и тд). Похоже на то, что было в фундаментальном курсе, но в разы больше и сделано технически интереснее.

Темы и стили
CSS модули и темизация. Создадим правильную структуру стилей и внедрим 3 цветовые темы нашего приложения (темная, светлая, оранжевая). Организуем стили так, что внедрить новую тему будет стоить 5 минут. Адаптивный дизайн интерфейса.

Сторибук и скриншотные тесты
С нуля настроим Storybook и будем описывать story case для каждого компонента и всех его состояний. Научимся делать скриншотные тесты, что позволит делать регрессионое тестирование нашего интерфейса.

Unit и RTL тесты
С нуля настроим тестовую среду для unit jest тестов и тестов на компоненты с помощью React Testing Library. Будем тестировать каждый разработанный модуль (селекторы, async thunks, редюсеры, компоненты).

e2e тестирование
В самом конце разработки покроем разработанные модули E2E тестами.

Линтинг
Настроим под себя code-style, в частности настроим ESlint и stylelint. Для eslint реализуем самописный плагин в виде отдельного npm пакета, который будет проверять правильность модульных импортов (относительные или абсолютные).

Ошибки
Научимся правильно обрабатывать ошибки и реализуем ErrorBoundary. Посмотрим на практике как он работает.

Роутинг
React-router-dom V6. Конечно в нашем приложении будет несколько страниц, этим никого не удивишь. Настроим доступы для этих страниц, по авторизованности, либо по ролям. Также для сохранения минимального размера бандла научимся выносить страницы в отдельные чанки.

i18n

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

TypeScript
С нуля настроим TS (tsconfig), подружим его с вебпаком, поработаем с union типами, в общем тайпскрипта будет много.

Bebel

Настроим Babel и в качестве тренировки подключим плагинчик, который будет автоматически извлекать ключи для переводов из кода и добавлять в JSON файлики. Также реализуем свой собственный плагин, который будет удалять лишний для нас код из Production сборки.

СI/CD и pre-commit хуки
Настроим простейший ci pipeline, который будет прогонять за нас 3 вида тестов, делать сборку проекта, сторибука, прогонять код на линтеры. Также настроим pre commit хуки с помощью husky.

Нормализцаия данных
Также уделим внимание нормализации данных. Поговорим про саму концепцию и реализуем пример в коде. Поработаем с EntityAdapter.

Виртуализация
При работе со списками важно не забыть про Perfomance. Поработаем с виртуальными списками, на примере посмотрим как можно повысить производительность.

Инфраструктура
Инфраструктуру настроим таким образом, чтобы и сам проект, и тестовое окружение, и сторибук умели использовать все фичи и работать как единное целое. (ts, css modules, глобальные переменные сборки и тд).

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

Запросы и работа с данными
Вся работа с данными будет осуществляться с помощью Redux toolkit. Первую часть курса мы будем работать в классическом стиле и для работы с АПИ будем использовать axios инстанс, который заинжектим в асинк thunks. Также, для того чтобы понять и опробовать разные подходы к концу курса мы опробуем RTK query. Научимся асинхронно инжектить новые эндпоинты, чтобы сохранять размер бандла минимальным (code splitting).

Отчеты
Для скриншотных/юнит/компонентных тестов научимся генерировать удобные отчеты, с помощью которых отслеживать работу тестов станет проще.

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

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

Миграция на React 18
В конце разработки мигрируем проект с 17 на 18 версию реакта.

Дебаг
Научимся использовать различные дебаг инструменты: вкладка network, application в браузере, девтулзы реакта, редакса, бандланализаторы и тд.

Кольцевые зависимости и babel плагин
Поговорим о кольцевых зависимостях, научимся их находить, а также реализуем свой babel плагин, который будет удалять лишний код из сборки.
Скриншоты:


Время раздачи: 24/7 (минимум до появления первых 3-5 скачавших)
[NNMClub.to]_Ulbi Prodvinutyiy react.torrent
 Торрент: Платиновая раздача  Зарегистрирован
 
Скачать


Примагнититься
 Зарегистрирован:   24 Май 2023 22:41:26
 Размер:   62.1 GB  (
 Рейтинг:   4.9 (Голосов: 66)
 Поблагодарили:   168
 Проверка:   Оформление проверено модератором 24 Май 2023 22:44:02
Отправить донат USDT TRC 20 - TKbPZHQPzxKJi2DJLkxEibAfveQgbSBejJ
Если Вы хотите поддержать торрент-трекер NNM-Club, то можете сделать это перейдя по ссылке.
Как cкачать  ·  Как раздать  ·  Правильно оформить  ·  Поднять ратио!  
dimonberlin
Стаж: 5 лет 6 мес.
Сообщений: 113
Ratio: 3.589
Раздал: 2.515 TB
Поблагодарили: 54
0.86%
Спасибо! как в целом курс? у кого то сложилось мнение?

_________________
Java in my soul
Mirfozil2000
Стаж: 3 года 9 мес.
Сообщений: 10
Ratio: 0.5
3.37%
В чем разница между предыдущей раздачей ?
ZeroTwo
Стаж: 10 лет 3 мес.
Сообщений: 165
Ratio: 3.572
Поблагодарили: 2171
100%
roody.gif
Mirfozil2000 писал(а): Перейти к сообщению
В чем разница между предыдущей раздачей ?

убрана сторонняя реклама, чистый релиз второго потока
sdfe33
Стаж: 13 лет 9 мес.
Сообщений: 28
Ratio: 16.742
38%
ussr.gif
dimonberlin писал(а): Перейти к сообщению
Спасибо! как в целом курс? у кого то сложилось мнение?


На сайте курса есть отзывы
djstason4ik
Стаж: 3 года 7 мес.
Сообщений: 25
Ratio: 4.538
29%
sdfe33 писал(а): Перейти к сообщению
dimonberlin писал(а): Перейти к сообщению
Спасибо! как в целом курс? у кого то сложилось мнение?


На сайте курса есть отзывы


Вы не знаете кто на сайте курса пишет отзывы?)
kolian899
Стаж: 10 лет 8 мес.
Сообщений: 129
Ratio: 1.872
9.72%
angola.gif
dimonberlin писал(а): Перейти к сообщению
Спасибо! как в целом курс? у кого то сложилось мнение?

На люителя, мне не зашел, мало бьясняет и как робот голос.
Мне зашел больше по react Archakov Блог.

_________________
К чёрту все, один раз живём!
Freson
Стаж: 1 год 3 мес.
Сообщений: 9
Ratio: 7.992
25.53%
Почему же у видео расширения формата .ts? Какой изначальный, чтобы можно было поправить, проигрыватель не видит
WOLVERINE_14
Стаж: 1 год 5 мес.
Сообщений: 83
Ratio: 4731.376
Поблагодарили: 1116
100%
вот чуть ужатая раздача
Ulbi TV, Ульби Тимур | Продвинутый Frontend. В production на React Repack WEBRIP (2023) WEB-DLRip
dimonberlin
Стаж: 5 лет 6 мес.
Сообщений: 113
Ratio: 3.589
Раздал: 2.515 TB
Поблагодарили: 54
0.86%
столько просмотров- расскажите хоть кто то обьективное мнение про его курс

_________________
Java in my soul
dzhipo
Стаж: 6 лет 5 мес.
Сообщений: 19
Ratio: 14.355
100%
dimonberlin писал(а): Перейти к сообщению
столько просмотров- расскажите хоть кто то обьективное мнение про его курс


Контент на канале толковый, много материала по разработке конкретно и без воды, по идее и курс хороший должен быть, еще не смотрел, только качаю.
comeonjane
Стаж: 10 лет 7 мес.
Сообщений: 11
Ratio: 2.469
0%
ахаха , удачи разобраться во всем без комментов к видео на платформе и чата в телеге)

после первых 2-4ех модулей завоете об ошибках
chipbay
Стаж: 1 год 10 мес.
Сообщений: 36
Ratio: 6.301
0.4%
comeonjane писал(а): Перейти к сообщению
после первых 2-4ех модулей завоете об ошибках

Слабак...
nnmss
Стаж: 8 лет
Сообщений: 79
Ratio: 0.195
0.64%
Freson писал(а): Перейти к сообщению
Почему же у видео расширения формата .ts? Какой изначальный, чтобы можно было поправить, проигрыватель не видит


Формат TS предназначен для передачи видеоданных (Transport Stream). можно смотреть например VLC или PotPlayer
bobowsinski2011
Стаж: 5 лет 4 мес.
Сообщений: 61
Ratio: 0.536
8.24%
comeonjane писал(а): Перейти к сообщению
ахаха , удачи разобраться во всем без комментов к видео на платформе и чата в телеге)

после первых 2-4ех модулей завоете об ошибках


Если есть недостающий материал - поделись.
Показать сообщения:   
Начать новую тему   Ответить на тему    Торрент-трекер NNM-Club -> Обучающие видеоматериалы -> IT, Компьютерные видеокурсы Часовой пояс: GMT + 3
Страницы:  1, 2  След.
Страница 1 из 2