Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS AWS Certified Developer - Associate CompTIA Security+
Photoshop Graphic Design Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Personal Transformation Meditation Life Purpose Neuroscience Coaching
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Google Analytics
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee

This course includes:

  • 23 hours on-demand video
  • 14 articles
  • Full lifetime access
  • Access on mobile and TV
Development Web Development React

React + Redux 2020, с нуля до про

Обучу навыкам, которые нужны фронтендеру для работы в топовой компании
Rating: 4.3 out of 54.3 (27 ratings)
122 students
Created by Дмитрий Безуглый
Last updated 9/2020
Russian
30-Day Money-Back Guarantee

What you'll learn

  • React
  • Redux
  • React Hooks
  • Redux Thunk
  • React Context
  • React Router и Router-5
  • Как сделать MVP
  • Как рендерит браузер
  • Firebase и Firestore
  • React Transition Group
  • Как быстро сделать бекенд, даже если его не знаешь
  • Как оптимизировать
  • Откуда берутся лаги
  • Как проектировать
  • Как рефакторить

Course content

14 sections • 119 lectures • 23h 12m total length

  • Preview01:21
  • Preview34:44
  • Preview17:30
  • Preview04:46
  • Preview01:19

  • Приветствие
    00:32
  • О компонентном подходе
    15:10
  • Делаем компонент Button
    34:07
  • Условный рендеринг
    07:47
  • Делаем компонент ButtonsGroup
    08:56
  • Добавляем состояние в ButtonsGroup
    06:52
  • Делаем компонент Progress
    12:11
  • Конспект раздела
    01:25

  • Приветствие
    00:52
  • Главное требование современного интерфейса
    02:47
  • Как рендерит браузер
    16:03
  • Как решали проблему частных ререндеров до реакта
    02:55
  • Как работает реакт, преимущества и недостатки
    16:08
  • Реакт — это библиотека
    05:24
  • Выбираем проект
    04:07
  • Настраиваем окружение
    17:46
  • Конспект раздела
    04:27

  • Приветствие
    01:30
  • Понимание задачи и поиск аналогов
    02:28
  • Проектирование на бумажке
    08:44
  • Создаем бекенд в Firebase и запускаем проект
    03:17
  • Создаем структуру приложения
    13:11
  • Верстаем список досок
    19:49
  • Загружаем список досок с сервера
    16:27
  • Делаем создание доски
    30:16
  • Синхронизируем данные между компонентами
    10:27
  • Однонаправленный поток данных
    10:12
  • Конспект раздела
    00:27

  • Верстаем колонки
    21:20
  • Создаем колонки
    22:48
  • Удаляем колонки
    03:21
  • Карточки
    11:02
  • Синхронизируем данные между панелями
    25:27
  • Плохо ли использовать чужое
    09:00
  • Конспект раздела
    00:01

  • Приветствие
    00:25
  • Рефакторим бекенд досок
    19:03
  • Рефакторим бекенд карточек и колонок
    10:54
  • Рефакторим состояние в App, используем кастомные хуки
    11:05
  • Рефакторим состояние, используем контекст реакта
    38:42
  • Правим баги в приложении
    08:04
  • Конспект раздела
    00:34

  • Приветствие
    00:24
  • Классовые компоненты
    27:11
  • Error Boundary
    21:49
  • Дизайн колонок
    22:23
  • Переделываем создание колонок
    40:49
  • Конспект раздела
    00:43

  • Приветствие
    00:22
  • Понимаем роутер
    33:05
  • Подключаем router-5
    31:22
  • Передаем параметры в роут
    15:44
  • Конспект раздела
    00:40

  • Приветствие
    01:00
  • Верстаем шапку, разбираемся с фигмой
    35:30
  • Верстаем подвал
    09:03
  • Верстаем контент
    50:31
  • Подключаем react-router
    31:02
  • Простая анимация при переключении роутов
    13:45
  • Сложная анимация при переключении роутов
    24:38
  • Конспект раздела
    00:05

  • Архитектура Redux
    13:41
  • Подключаем редакс к проекту
    14:14
  • Переписываем useAppState на редакс
    23:19
  • Подключаем редакс к интерфейсу
    18:29
  • Redux Devtools Extension
    08:36
  • Асинхронность в экшенах, redux-thunk
    31:13
  • Миддлвэры
    09:37
  • Конспект раздела
    01:30

Requirements

  • Умение верстать, HTML CSS
  • Базовые знания JavaScript

Description

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

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


В результате, вы

  • Научитесь создавать реальные сервисы самостоятельно с нуля с помощью React, Redux и Firebase

  • Станете инженером, который сможет объяснить, как работает React и Redux внутри

  • Продвинетесь в карьере, сможете претендовать на более высокую ЗП
    и брать более серьезные проекты

  • Заложите фундамент для развития в TypeScript, Jest, GraphQL


Вы сделаете мобильную версию канбан-доски, с бекендом и базой данных

Это реальный проект, который мы сделаем с нуля. От проектирования на бумажке до выкладки в интернет. Вы сами сможете использовать его в повседневной жизни. Кайф!

Еще вы сделаете стильный сайт с анимацией переходов по страницам.

Who this course is for:

  • Курс для верстальщиков, которые знают основы JavaScript и хотят стать фронтендерами уровня Яндекса, чтобы устроиться в крупную компанию или брать проекты посерьезнее

Instructor

Дмитрий Безуглый
Фронтенд-разработчик
Дмитрий Безуглый
  • 4.3 Instructor Rating
  • 27 Reviews
  • 122 Students
  • 1 Course

Фронтенд-разработчик ВКонтакте

5 лет во фронтенде. Пишу на реакте, редаксе и тайпскрипте. Тестирую с помощью Jest, Enzyme, Storybook и Styleguidist. Провожу собеседования и обучаю стажеров.

До ВКонтакте работал в Яндексе. Делал фронтенд Яндекс.Трекера мобильного приложения и сайта. Приложение на React Native, сайт на i-bem.js.

Преподавал в Университете ИТМО курс по верстке и был наставником в HTML Academy: проверял работы, мотивировал студентов, давал советы по разработке и работе.

Некоторые в итоге стали наставниками, устроились в Яндекс, SEMRush, MailRu, Тинькофф и Рамблер.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.