ihatetomatoes
Создатель ihatetomatoes - профессиональный разработчик с более чем пятилетним опытом работы в одном из крупнейших электронных агентств Австралии.
Продолжительность
11 ч 40 мин
Категория
React.jsКоличество уроков
79 Видео
Дата добавления
14 дек. 2017 г., 23:12
Язык
Английский
Дата обновления
14 дек. 2017 г., 23:54
Ошеломленный Реактом? Не знаешь как подключить точки и создать нечто большее, чем TODO app? Узнай как построить 3 усовершенствованных проекта React с нуля с помощью React Router, TypeScript и Mobx.
Почему я должен изучать React.js вместо Angular.js или Vue.js?
React.js используется некоторыми из самых популярных онлайн-приложений, таких как Facebook, Instagram или AirBnB. Знание того, как использовать React, откроет целый новый спектр возможностей для вашего собственного проекта или вашего следующего карьерного роста.
Какое программное обеспечение мне нужно для завершения этого курса?
Все что тебе нужно, это редактор кода (я использую VSCode). Вы можете загружать стартовые файлы и следовать за мной шаг за шагом от начала до конца каждого проекта.
Нужен ли мне опыт работы с React перед началом?
Да, вам нужно иметь базовые знания React и современные знания JavaScript. Сначала я рекомендую пройти курс «Реакт 101». (доступен бесплатно на сайте автора).
Для кого этот курс?
- У кого есть знания HTML5 и CSS3.
- Любой, у кого есть опыт работы с JavaScript и React.
- Профессиональные сторонние разработчики, которые пытаются узнать, что в тренде, и повысить свой набор навыков.
- Любой, кто когда-либо пытался использовать React и считал его слишком тяжелым.
Что я узнаю ?
- React API, создавая практические демонстрации шаг за шагом.
- Создадите 3 продвинутых проекта от начала до конца.
- Узнаете как управлять данными в более сложных приложениях.
Что мне нужно, перед тем как начать курс ?
- Я настоятельно рекомендую использовать VSCode и следовать за мной шаг за шагом.
- Все рабочие файлы доступны для загрузки.
- Позитивное отношение к изучению новых технологий.
- Настоящий интерес к React и современной экосистеме JavaScript.
В этом курсе!
- Как использовать React с API Карт Google.
- Как фильтровать данные на основе нескольких критериев.
- Как создавать собственные маркеры и многое другое.
- Как прокрутить нужный элемент и многое другое.
- Как использовать переходы CSS для создания лучшего пользовательского интерфейса.
- Как загрузить данные с помощью API-интерфейса Fetch.
- Как держать свое приложение под контролем.
- Как использовать правильные методы жизненного цикла.
- Как использовать компоненты более высокого порядка.
- Как использовать MOBX для управления состоянием вашего приложения.
- Как использовать Firebase для хранения данных в реальном времени.
- Как управлять более сложными данными в приложении.
Посмотреть больше
- Урок 1.00:05:03RW – Map – #1 – Introduction and setup
- Урок 2.00:07:31RW – Map – #2 – Properties Card Component
- Урок 3.00:07:17RW – Map – #3 – Card details rendering
- Урок 4.00:10:28RW – Map – #4 – GoogleMap component
- Урок 5.00:10:49RW – Map – #5 – Rendering dynamic markers
- Урок 6.00:11:35RW – Map – #6 – Scroll and info windows
- Урок 7.00:08:13RW – Map – #7 – Prevent scroll
- Урок 8.00:04:46RW – Map – #8 – Binding This
- Урок 9.00:12:39RW – Map – #9 – Header and Filter components
- Урок 10.00:06:50RW – Map – #10 – Filter Bedrooms
- Урок 11.00:09:51RW – Map – #11 – setState Callback function
- Урок 12.00:05:23RW – Map – #12 – New filteredProperties array
- Урок 13.00:08:03RW – Map – #13 – Updating Google Map
- Урок 14.00:05:52RW – Map – #14 – Filtering by bathrooms
- Урок 15.00:07:35RW – Map – #15 – Clearing filter
- Урок 16.00:09:33RW – Map – #16 – Empty state and bug fixing
- Урок 17.00:12:15RW – Map – #17 – Sorting order
- Урок 18.00:09:40RW – Map – #18 – Filtering by price
- Урок 19.00:06:04RW – Quiz – #1 – Introduction and setup
- Урок 20.00:07:50RW – Quiz – #2 – Question Component
- Урок 21.00:09:41RW – Quiz – #3 – Choices and NiceButton
- Урок 22.00:09:41RW – Quiz – #4 – Selecting Answer
- Урок 23.00:09:41RW – Quiz – #5 – Go to the next question
- Урок 24.00:09:24RW – Quiz – #6 – Show next question
- Урок 25.00:10:48RW – Quiz – #7 – Results and Answers components
- Урок 26.00:04:28RW – Quiz – #8 – List answers before submission
- Урок 27.00:09:15RW – Quiz – #9 – Fetching correct answers
- Урок 28.00:11:09RW – Quiz – #10 – Show correct answers
- Урок 29.00:07:04RW – Quiz – #11 – Progress bar
- Урок 30.00:09:39RW – Quiz – #12 – Navigation arrows
- Урок 31.00:11:40RW – Quiz – #13 – Arrows functionality
- Урок 32.00:10:55RW – Quiz – #14 – Overwrite existing answers
- Урок 33.00:12:50RW – Quiz – #15 – Final tweaks
- Урок 34.00:02:02RW – Quiz – #16 – Sharing Icons
- Урок 35.00:06:04RW – HTH – #1 – What is TypeScript?
- Урок 36.00:11:15RW – HTH – #2 – TypeScript Installation
- Урок 37.00:09:15RW – HTH – #3 – ESlint Installation
- Урок 38.00:05:49RW – HTH – #4 – What is Mobx?
- Урок 39.00:11:46RW – HTH – #5 – Mobx Installation
- Урок 40.00:02:53RW – HTH – #6 – ESlint CLI configuration
- Урок 41.00:08:56RW – HTH – #7 – Introduction and setup
- Урок 42.00:08:04RW – HTH – #8 – React Router and Routes
- Урок 43.00:10:12RW – HTH – #9 – Create Mobx ViewStore and pass it down
- Урок 44.00:12:14RW – HTH – #10 – Loader and login form
- Урок 45.00:04:38RW – HTH – #11 – Firebase project setup
- Урок 46.00:11:43RW – HTH – #12 – Log existing user to Firebase
- Урок 47.00:12:18RW – HTH – #13 – Updating ViewStore, Mobx DevTools
- Урок 48.00:08:42RW – HTH – #14 – Logout user from Firebase
- Урок 49.00:09:28RW – HTH – #15 – Simplifying all import statements
- Урок 50.00:04:33RW – HTH – #16 – Data structure overview
- Урок 51.00:07:40RW – HTH – #17 – Make App.tsx an observer
- Урок 52.00:13:22RW – HTH – #18 – AddPlayerForm and @inject
- Урок 53.00:06:50RW – HTH – #19 – Add players to Firebase (Create)
- Урок 54.00:12:53RW – HTH – #20 – Read players from Firebase (Read)
- Урок 55.00:09:38RW – HTH – #21 – Update players in Firebase (Update)
- Урок 56.00:05:46RW – HTH – #22 – Remove players from Firebase (Delete)
- Урок 57.00:02:41RW – HTH – #23 – Firebase CRUD Challenge
- Урок 58.00:08:50RW – HTH – #24 – Add head to head to Firebase (Create)
- Урок 59.00:11:18RW – HTH – #25 – Read head to heads from Firebase (Read)
- Урок 60.00:13:28RW – HTH – #26 – Update and Remove HTH from Firebase (Update, Delete)
- Урок 61.00:07:51RW – HTH – #27 – Selected Head To Head
- Урок 62.00:11:16RW – HTH – #28 – Update AddGameForm
- Урок 63.00:07:54RW – HTH – #29 – Create dynamic dropdown for HTH
- Урок 64.00:07:30RW – HTH – #30 – Add game to a related HTH and FB
- Урок 65.00:09:49RW – HTH – #31 – Get winner and send it to FB
- Урок 66.00:13:55RW – HTH – #32 – Read, update, delete games from FB
- Урок 67.00:08:53RW – HTH – #33 – Protecting some of the Routes
- Урок 68.00:09:50RW – HTH – #34 – All Component
- Урок 69.00:13:54RW – HTH – #35 – Head To Head details view and route
- Урок 70.00:08:42RW – HTH – #36 – Dynamic Head To Head content
- Урок 71.00:09:43RW – HTH – #37 – Games with classNames
- Урок 72.00:08:19RW – HTH – #38 – Show all games
- Урок 73.00:08:05RW – HTH – #39 – Fetch single head to head
- Урок 74.00:11:05RW – HTH – #40 – Fine-tune Head To Head Details
- Урок 75.00:14:07RW – HTH – #41 – Update total score when adding or removing a game
- Урок 76.00:06:30RW – HTH – #42 – Prevent deleting all used players
- Урок 77.00:04:44RW – HTH – #43 – Remove all games associated with a deleted HTH
- Урок 78.00:10:48RW – HTH – #44 – Update Firebase security rules
- Урок 79.00:02:10RW – HTH – #45 – What’s next?
Автор - ihatetomatoes
Комментарии