Категории
- Frontend
  - Angular
  - HTML
  - CSS
  - JavaScript
  - Vue
  - jQuery
  - React
  - AngularJS
  - Backbone
  - TypeScript
  - Ember
  - Next.js
  - Elm
  - Svelte
  - Single SPA
  - Three.js
  - D3.js
  - RxJS
  - WebGL
  - barba.js
- Backend
  - PHP
  - Python
  - Ruby on Rails
  - Yii
  - Laravel
  - SQL
  - Ruby
  - Symfony
  - Java
  - Scala
  - Node.js
  - MongoDB
  - Golang (Google Go)
  - Slim
  - Silex
  - Firebase
  - C Sharp (C#)
  - Deno
  - Redis
  - Django
  - NestJS
  - Spring
  - Spring Boot
  - Spring Data
  - Spring Cloud
  - Spring Security
  - Spring Integration
  - Spring HATEOAS
  - Spring MVC
  - Elixir
  - Phoenix
- System programming
  - Rust
  - WebAssembly
  - C++
- Marketing
  - SEO
- Video and 3D
  - Blender
  - Cinema 4D
  - ZBrush
- Graphic
  - Figma
  - Sketch
  - Photoshop
  - After Effects
  - Illustrator
  - Adobe XD
  - Lightroom
  - CorelDRAW
- DevOps
  - AWS
  - Azure
  - Docker
  - Git
  - GitHub
  - Gitlab
  - Google Cloud
  - Grafana
  - Kubernetes
  - Jenkins
  - Terraform
  - Другое
- Tools
  - GraphQL
  - Flux
  - Webpack
  - Ansible
  - Gulp
  - Grunt
  - Visual Studio Code
  - VIM
  - OpenCV
  - Salt
  - SVN
  - Atom
  - Elasticsearch
  - Сборки, готовые решения
  - Electron
  - Chrome DevTools
  - Yarn
  - Babel
  - Grep
  - npm
  - Vite
  - Gatsby
  - PhpStorm
  - Webflow
  - Hibernate
  - Socket.io
  - Bash
- Разработка мобильных приложений
- Gamedev
  - Unreal Engine
  - Unity
- CMS
  - Wordpress
  - OpenCart
  - Drupal
  - Joomla
  - 1C-Bitrix
  - MODX
  - Magento
  - Shopify
- Blockchain
  - Криптовалюты
  - Decentralized Applications (dApps) (Web 3)
- Тестирование
  - Postman
  - Selenium
  - Appium
  - Protractor
  - WebdriverIO
  - Cypress
  - Playwright
- Другое
- Подготовка к собеседованию
- Обработка и анализ данных
- Информационная безопасность
  - Этический взлом / Тестирование на проникновение
- Английский язык
- Конференции
Источники
Все курсы
- Популярные
- Бесплатные (2999+ Курсов)
Разделы
Книги
- Бесплатные
- Популярные
Краудфандинг

Войти

Главная страница Категория react.js React Movie App - Hooks, Styled Components (2020)

React Movie App - Hooks, Styled Components (2020)

Name: React Movie App - Hooks, Styled Components (2020)
Rating: 4.8 (28 reviews)

udemy

Скачать курс архивом Скачать материалы курса

Продолжительность

5 ч 3 мин

Категория

React.js

Количество уроков

25 Видео

Дата добавления

4 мар. 2020 г., 14:32

Язык

Английский

Дата выхода

11 сент. 2019 г., 14:26

Учитесь, создавая проект реального мира - Красивое приложение в стиле IMDB. Хотите стать хорошим в React быстро? Вы начинающий разработчик React.js или уже знакомы с React? Вы хотите освоить основы React.js и многое другое в практическом курсе, ориентированном на проект? Вы хотите учиться быстро и прямо к делу? Тогда это курс для вас!

Мой стиль преподавания - учиться на небольших проектах. Мой многолетний опыт в веб-разработке научил меня, что этот стиль позволяет вам учиться быстро и эффективно. Хватит тратить время!

Это курс, где вы узнаете, как создать приложение с нуля на основе API The Movie DB.

Что мы будем делать в курсе?

Мы создадим облегченную версию веб-приложения React DB в стиле IMDB, углубимся в создание нашего приложения и постепенно узнаем больше, пока не достигнем финиша.

Моя главная цель в этом курсе - совместить веселье с преподаванием. Есть много учебных пособий и курсов, которые хороши, но слишком сложны и в то же время сосредоточены на многих вещах. Я сам большой любитель кино, поэтому я подумал, что было бы интересно создать веб-приложение на основе данных фильма для этого курса. Надеюсь, вам тоже понравится!

Обязательно загрузите STARTER FILES!

В этом курсе вы узнаете:

Основы React
Стилизованные компоненты
React Hooks API с функциональными компонентами
В качестве бонуса также узнайте, как создать приложение с «классическими» компонентами класса
Компоненты, props и состояние
синтаксис и выражения JSX
выборка данных из внешнего API
Create-React-App
Разверните готовое приложение
ES6 + понятия и синтаксис
Используйте локальное хранилище и хранилище сеансов для сохранения состояния
И многое другое ...

Посмотреть больше

Урок 1. 00:05:49

Introduction
Урок 2. 00:04:39

Tooling
Урок 3. 00:10:34

create-react-app and dependencies
Урок 4. 00:12:32

JSX and React Components
Урок 5. 00:13:01

Scaffolding Home Page
Урок 6. 00:13:28

Crash course in Props and State
Урок 7. 00:25:19

Fetching data from TMDB API to Home Component
Урок 8. 00:17:03

Styled Components 1 - Header
Урок 9. 00:19:19

Styled Components 2 - Hero Image and props
Урок 10. 00:07:07

Styled Components 3 - Global Styling
Урок 11. 00:18:53

Grid and MovieThumb
Урок 12. 00:13:09

Load More
Урок 13. 00:20:32

SearchBar - Controlled components
Урок 14. 00:08:16

Routing with Reach Router
Урок 15. 00:05:38

Scaffolding Movie Page
Урок 16. 00:15:27

Fetching data from TMDB API to Movie Component
Урок 17. 00:15:41

Navigation and MovieInfo
Урок 18. 00:11:17

MovieInfoBar and Actor
Урок 19. 00:13:04

PropTypes
Урок 20. 00:13:59

Persisting state in localStorage and sessionStorage
Урок 21. 00:08:19

Deploy to Netlify
Урок 22. 00:02:42

Deploy to own server
Урок 23. 00:07:07

CLASSES - Refactor SearchBar
Урок 24. 00:11:31

CLASSES - Refactor Home Component
Урок 25. 00:08:38

CLASSES - Refactor Movie Component

Автор - udemy

udemy

Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.

+190

Категории

Комментарии

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

Другие материалы в этой категории

Изображение курса TinyHouse: Fullstack React мастер-класс с TypeScript и GraphQL

newline (ex fullstack.io)

21 янв. 2020 г., 23:00

React.js Node.js GraphQL TypeScript

TinyHouse: Fullstack React мастер-класс с TypeScript и GraphQL

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Изучите продвинутые React, Node, TypeScript и GraphQL, создав готовое к работе приложение в этом онлайн-курсе. Изучите каждую из этих технологий и узнайте, как создать продакшн приложение, которое их объединяет.

30 ч 50 мин

Английский

Посмотреть

+245

Изображение курса React Hooks - Пишем Реальный Проект с Нуля

udemy

26 дек. 2019 г., 23:27

React.js

React Hooks - Пишем Реальный Проект с Нуля

Улучшите свои скиллы React и React hooks реализуя реальное приложение. В этом курсе мы создадим клон сайта Medium используя React и React hooks. Этот курс полностью сфокусирован на быстром и глубоком погружении в создание реального приложения с Реакт и хуками. Мы начнем с нуля и шаг за шагом дойдем до законченного приложения. Мы глубоко разберемся как структурировать приложение, создавать переиспользуемые и понятные хуки и компоненты и как разбив

7 ч 8 мин

Русский

Посмотреть

+123

Изображение курса React Pizza Shop - Заказываейту еду с Hooks и Firebase

udemy

7 дек. 2019 г., 13:40

React.js

React Pizza Shop - Заказываейту еду с Hooks и Firebase

React Pizza Shop - Ordering Food with Hooks and Firebase

Создайте приложение для заказа еды c ресторана с помощью React Hooks, Firebase и Styled-Components. Mamma Mia! Добро пожаловать в React Pizza Shop. Вот что мы будем создавать: система заказа пиццы с несколькими типами блюд и редактируемыми всплывающими диалоговыми окнами, чтобы настроить ваш заказ с вкусными блюдами из меню.

4 ч 43 мин

Английский

Посмотреть

+17

Изображение курса FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo

Nomad Coders

4 нояб. 2019 г., 23:43

React.js Node.js GraphQL TypeScript

FullStack - Делаем клон Uber: Typescript, NodeJS, GraphQL, React, Apollo

Uber Clone - Typescript, NodeJS, GraphQL, React, Apollo

Мы будем делать клон Uber ( backend + frontend + развертывание). С головы до пят с помощью JavaScript! На этот раз полный стек, полный стек JavaScript!

22 ч 41 мин

Английский

Посмотреть

+64

Изображение курса Курс React с Hooks, Context API и Redux

udemy

18 мар. 2020 г., 20:29

React.js Node.js MongoDB Redux

Курс React с Hooks, Context API и Redux

The React Developer Course with Hooks, Context API and Redux

Научитесь создавать приложения React, используя Hooks, Context API, Redux, React-Router, Koa Framework, Typescript и многое другое! React - одна из самых популярных библиотек для создания клиентских приложений с использованием HTML, CSS и javascript. Если вы хотите зарекомендовать себя как разработчик внешнего интерфейса или полного стека, вам необходимо изучить React.

25 ч 56 мин

Английский

Посмотреть

+10