React, Angular, Vue - Сравнение и быстрый старт - Видеоуроки

React JS vs Angular vs Vue JS – Quickstart & Comparison
Duration 07:50:24
Открыть все курсы от udemy

React JS vs Angular vs Vue JS – Quickstart & Comparison - Полный список уроков

Развернуть / Свернуть
  • Урок 1. Introduction 00:01:19
  • Урок 2. The Goal of this Course 00:03:48
  • Урок 3. Understanding the Role of JavaScript 00:01:37
  • Урок 4. The World of JavaScript 00:05:17
  • Урок 5. Using Vanilla JavaScript Understanding Its Limitations 13 00:02:12
  • Урок 6. Using Vanilla JavaScript Understanding Its Limitations 23 00:04:40
  • Урок 7. Using Vanilla JavaScript Understanding Its Limitations 33 00:02:28
  • Урок 8. Analyzing the Vanilla JavaScript Solution 00:07:01
  • Урок 9. Improving the App with jQuery 00:02:56
  • Урок 10. More JavaScript Libraries Adding Lodash 00:01:20
  • Урок 11. The Role of JavaScript Libraries 00:02:50
  • Урок 12. Libraries vs Frameworks 00:15:02
  • Урок 13. Using Vue.js A JavaScript Framework 00:03:55
  • Урок 14. Understand other Parts of the JavaScript World 00:03:56
  • Урок 15. JavaScript Versions and Languages - ES6 and TypeScript 00:02:59
  • Урок 16. Course Structure 00:00:34
  • Урок 17. Module Introduction 00:02:37
  • Урок 18. JS Frameworks in Fullstack Applications 00:02:46
  • Урок 19. JS Frameworks in Single-Page-Applications 00:04:29
  • Урок 20. An Example for a Framework in a Fullstack Application 00:01:50
  • Урок 21. An Example for a Framework running a Single-Page-Application 00:02:31
  • Урок 22. Fullstack Approach - Pros and Cons 00:04:07
  • Урок 23. Single-Page-Application - Pros and Cons 00:04:28
  • Урок 24. Prerequisites for the Different JS Frameworks 00:03:37
  • Урок 25. Module Introduction 00:01:33
  • Урок 26. Creating a Basic Vue.js Application 00:03:23
  • Урок 27. In a Nutshell How Vue.js Works 00:02:06
  • Урок 28. Handling Events and Updating the DOM 00:03:57
  • Урок 29. Rendering Content Conditionally 00:03:15
  • Урок 30. Outputting Lists 00:03:27
  • Урок 31. Binding HTML Attributes Properties to Data 00:03:38
  • Урок 32. Styling Elements Dynamically 00:03:24
  • Урок 33. Setting CSS Classes Dynamically 00:01:45
  • Урок 34. Using Multiple Vue Instances 00:01:39
  • Урок 35. Limitations of Multiple Vue Instances 00:01:55
  • Урок 36. Creating and Using Components 00:04:31
  • Урок 37. Passing Data into Components 00:01:42
  • Урок 38. Emitting Custom Events in Components 00:03:15
  • Урок 39. Template Restrictions 00:01:37
  • Урок 40. Two-Way-Binding to Input Fields 00:01:55
  • Урок 41. Time to Practice - Vue.js - Problem 00:02:20
  • Урок 42. Time to Practice - Vue.js - Solution 00:15:34
  • Урок 43. Creating Vue.js Projects with the Vue CLI 00:03:16
  • Урок 44. Why do we need Node.js and NPM 00:01:32
  • Урок 45. Using the Vue CLI to Create Projects 00:03:11
  • Урок 46. Understanding the Project Folder 00:04:50
  • Урок 47. Understanding .vue Files 00:03:06
  • Урок 48. How the Application Gets Rendered 00:02:26
  • Урок 49. Creating Global Components with .vue Files 00:03:42
  • Урок 50. Creating Local Components 00:02:25
  • Урок 51. Scoping Styles to Components 00:01:19
  • Урок 52. Creating a Single Page Application SPA 00:01:08
  • Урок 53. Adding Routing to the Application 00:05:57
  • Урок 54. Linking with router-link 00:01:31
  • Урок 55. Routing and the Server-Side 00:02:15
  • Урок 56. Wrap Up 00:01:10
  • Урок 57. Module Introduction 00:00:58
  • Урок 58. The Big Picture 00:02:48
  • Урок 59. The Role of Node.js and NPM 00:03:38
  • Урок 60. Why do we need a Development Server 00:02:30
  • Урок 61. How Webpack Works Entry Output 00:04:00
  • Урок 62. How Webpack Works Modules Rules Plugins 00:04:24
  • Урок 63. Wrap Up 00:00:58
  • Урок 64. Module Introduction 00:01:14
  • Урок 65. Using React.js to Create a Basic App. 00:04:22
  • Урок 66. Understanding How React.js Works and JSX 00:03:45
  • Урок 67. Outputting Dynamic Content 00:01:20
  • Урок 68. Handling Events and Updating the DOM 00:04:22
  • Урок 69. Creating a First Component 00:02:48
  • Урок 70. Passing Data into Components Props 00:01:51
  • Урок 71. Creating Components using ES6 Classes 00:02:36
  • Урок 72. Using State in React.js Components 00:05:02
  • Урок 73. What Happens Behind the Scenes 00:02:18
  • Урок 74. Rendering Conditional Content 00:03:18
  • Урок 75. Outputting Lists 00:05:18
  • Урок 76. Setting Styles Dynamically 00:03:12
  • Урок 77. Setting CSS Classes Dynamically 00:02:05
  • Урок 78. User Input Two-Way-Binding 00:03:24
  • Урок 79. Using Multiple Components 00:02:45
  • Урок 80. Dumb Components 00:01:13
  • Урок 81. Passing Data from Child to Parent 00:04:11
  • Урок 82. Time to Practice - React.js - Problem 00:02:35
  • Урок 83. Time to Practice - React.js - Solution 00:24:00
  • Урок 84. Switching to a Local Setup SPA 00:01:23
  • Урок 85. Using the create-react-app Package 00:02:34
  • Урок 86. Understanding the Created Project 00:02:48
  • Урок 87. Using the Local Setup 00:02:38
  • Урок 88. Adding React Router and Routes for the App 00:06:36
  • Урок 89. Adding Links 00:01:47
  • Урок 90. The React Router and a Server 00:01:20
  • Урок 91. Wrap Up 00:01:24
  • Урок 92. Module Introduction 00:01:07
  • Урок 93. What Its Good at and What Its Not Good At 00:01:45
  • Урок 94. Understanding Angular Versioning 00:00:49
  • Урок 95. TypeScript 00:03:00
  • Урок 96. Creating an Angular Project with the CLI 00:03:47
  • Урок 97. Understanding the Project Structure 00:03:31
  • Урок 98. Understanding the Role of Components and the App Component 00:03:01
  • Урок 99. How the App Starts 00:05:16
  • Урок 100. Understanding the App Module 00:02:05
  • Урок 101. Outputting Data with String Interpolation 00:01:31
  • Урок 102. Handling Events 00:02:41
  • Урок 103. Rendering Content Conditionally 00:03:26
  • Урок 104. Outputting Lists 00:04:03
  • Урок 105. Binding Data to HTML and other Properties 00:02:57
  • Урок 106. Adding Dynamic Styles to Elements 00:04:23
  • Урок 107. Adding CSS Classes Dynamically 00:02:46
  • Урок 108. When to use the Syntax 00:01:00
  • Урок 109. Using Multiple Components 00:06:09
  • Урок 110. Passing Data Into Components 00:02:04
  • Урок 111. Emitting Custom Events From Components 00:05:40
  • Урок 112. Using Two-Way-Binding 00:03:04
  • Урок 113. Time to Practice - Angular - Problem 00:01:53
  • Урок 114. Time to Practice - Angular - Solution 00:15:10
  • Урок 115. Using the CLI to Generate Components 00:01:58
  • Урок 116. Nesting Multiple Components 00:01:56
  • Урок 117. Scoping Styles to Components 00:01:17
  • Урок 118. Adding Routing Routes 00:04:52
  • Урок 119. Adding Links 00:01:56
  • Урок 120. The Angular Router and the Server 00:01:09
  • Урок 121. Wrap Up 00:01:31
  • Урок 122. Module Introduction 00:01:12
  • Урок 123. Possible Comparison Dimensions 00:03:43
  • Урок 124. Dimension 1 The Learning Curve 00:07:54
  • Урок 125. Dimension 2 Downscaling Fullstack Applications 00:06:53
  • Урок 126. Dimension 3 Upscaling SPAs 00:10:41
  • Урок 127. Dimension 4 Performance 00:09:00
  • Урок 128. Dimension 5 Ease of Deployment The Way from Dev to Production 00:08:13
  • Урок 129. Dimension 6 Popularity Job Market 00:12:37
  • Урок 130. The Verdict 00:02:31
  • Урок 131. ...What About jQuery 00:01:41
  • Урок 132. Course Roundup 00:01:44
Angular, React или Vue? Что такое Webpack и почему React использует его? Получите подробные ответы на эти вопросы в этом курсе. Что вы узнаете:
  • - Выберите свой фреймворк JavaScript и погрузитесь в него глубже;
  • - Поймете мир JavaScript фреймворков и его множества инструментов еще лучше;
  • - Сделаете свое приложение на голову лучше.
Требования:
  • - Основы языка JavaScript являются обязательными для просмотра этого курса;
  • - Расширенные знания JavaScript буде плюсом, но не обьязательным.;
  • - Не требуется опыт работы с любым из фреймворков.
Изучив основы JavaScript, мир JavaScript может быть очень пугающим. Существует множество различных фреймворков, таких как Angular, React или Vue, библиотеки и другие пакеты (например, webpack). Вы быстро зададите себе такие вопросы:
  • - Что делают все эти пакеты, инструменты, библиотеки и фреймворки?
  • - Что такое библиотека и какая ее разница с фреймворком?
  • - Какой фреймворк лучше изучать? Angular, React.js или Vue.js?
  • - А что там с jQuery?
Этот курс поможет вам с этим! Вы познакомитесь с тремя наиболее важными JavaScript фреймворкми (Angular, React.js и Vue.js), и вы также получите подробное сравнение! Это позволит вам выбрать другие ресурсы или курсы, чтобы погрузиться в выбранный вами фреймворк с головой, имея уже прочную основу. На протяжении всего курса мы погрузимся в основы этих фреймворков, а также рассмотрим почему мы их используем, затронем роль jQuery и то, как фреймворки отличаются от jQuery. Какой фреймворк мне начать учить ? Мы не только погрузимся в основы трех самых популярных фреймворков JavaScript, этот курс также проведет подробное сравнение. Будет рассмотрено несколько различных ситуаций, чтобы выяснить, какой фреймворк может быть идеальным инструментом для вашей работы! Но на этом этапе курс не заканчивается! Мы также рассмотрим Webpack и workflow в целом. Вы узнаете, какую роль он играет при разработке и почему он нам нужен. Вы также поймете, какую роль играют ES6 и TypeScript.

Твоя оценка

16 1
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex coursehunters.club), или вступай в наш канал telegram.

Комментарии

Похожие курсы

30-11--0001 en 345 уроков
udemy Angular 7 (formerly Angular 2) - The Complete Guide
Совершенствуйтесь в Angular (Angular 2+, включая Angular 7) и создавайте потрясающие, реактивные веб-приложения с преемником Angular.jsЭтот курс начинается с нуля, вам не нужно знать Angular 1 или Angular 2! (Angular 7 просто последняя версия Angular 2)Присоединитесь к самому всестороннему и популярному Angular курсу на Удеми, потому что сейчас самое время начать!От установки до развертывания -  этот курс охватывает все это! Вы узнаете все...
Duration 26:35:55
206 6
30-11--0001 en 57 уроков
ultimateangular Angular 2 Fundamentals
Этот фундаментальный курс научит вас понимать и строить Angular 2 приложения в течение нескольких минут. Каждый урок разбит на доступные, пошаговые упражнения, демонстрирующие основные понятия Angular 2 и способы их применения.
Duration 05:06:53
81 1
05-02-2018 en 352 урока
udemy Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
(UPDATED 02/2018)! VueJS - крутой JavaScript фрэймворк для создания фронт-енд приложений. Vue 2 взял лучшее у Angular 2 и React. Общедоступные фрэймворки чрезвычайно популярны, потому что они дают нам рективную скорость построение сложных приложений из коробки. Не удивительно, что рабочие места с такими навыками как фрэймворк VueJS являются одними из самых высокооплачиваемых. Вы можете уже знать Angular 2 и ReactJS, но VueJS сочетает в себе...
Duration 19:57:30
88 2
30-11--0001 en 29 уроков
wesbos React For Beginners
Сосредоточив внимание на простоте и удобности, этот курс позволит вам в кратчайшие сроки создавать SPA приложения и динамические компоненты сайта с помощью React.
Вместе мы построим «Catch of the Day» - приложение для модного рынка морепродуктов, где цена и количество могут измениться в любой момент. Мы создадим меню, форму заказа и область управления запасами, где авторизованные пользователи могут немедленно обновить информацию о...
Duration 05:13:54
158 1
30-11--0001 en 97 уроков
frontendmasters Complete Intro to React, v3 (feat. Redux, Router & Flow)
Узнайте как создавать приложения с помощью React! Этот курс - один из лучших курсов на рынке, в котором вы не только узнаете React, а также увидите как работать с проверенным набором мощных инструментов в экосистеме React для создания масштабируемых приложений.
Duration 14:18:58
165 0
30-11--0001 en 15 уроков
frontendmasters Vue.js Advanced Features from the Ground Up
Мы часто используем существующие библиотеки при работе с расширенными функциями приложения, такими как маршрутизация, управление состоянием, проверка формы и i18n, и много раз реализации этих библиотек могут быть черным ящиком. В этом семинаре мы собираемся создавать простые версии таких библиотек с нуля, используя основные функции Vue.
Это поможет вам лучше понять природу этих проблем и как лучше использовать систему реактивности Vue,...
Duration 04:20:06
22 2
30-11--0001 en 7 уроков
frontendmasters Introduction to Vue.js
Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении к этому классу. Мы рассмотрим все способы, с помощью которых Vue быстро решает общие задачи разработчиков Frontend, а также гибкие способы доступа к базовому API, чтобы вы могли решить любую задачу. Присоединяйтесь к Саре Дрэснер и...
Duration 05:36:49
17 0
02-07-2017 en 25 уроков
Scotch.io Getting Started with Vue.js
В этом курсе мы познакомимься с vue.js, очень гибким фреймворком для разработки веб-приложений. Мы пройдеймься по основным концепциям Vue, затронем такую тему как переход на vue с jquery и vanila Js.
Duration 02:54:33
11 0
07-05-2018 en 133 урока
udemy Vue JS Essentials with Vuex and Vue Router
У вас ограниченное время для изучения Vue, Vuex и Vue Router? Пройдите этот курс и изучите Vue всего за 11 часов!Управление состоянием с Vuex? Тут. Drag and drop image upload?  загрузка изображения? Покрыто! Аутентификация с помощью OAuth2? Это здесь!Если вы хотите узнать Vue, Vuex и Vue Router в рекордные сроки, вы в нужном месте! Я построил этот курс, чтобы помочь вам понять Vue за долю времени, требуемого другими курсами. Здесь вы не...
Duration 10:15:00
19 2

Последнее добавленное

Введение в Python разработку

Введение в Python разработку

en
Этот курс предназначен для обучения программированию с использованием Python. Мы рассмотрим строительные блоки языка, основы программирования, как использовать стандартную библиотеку, сторонние пакеты и как создавать проекты Python. В конце концов, вы должны понимать, как программировать.
Профессиональный облачный разработчик Google Cloud Certified

Профессиональный облачный разработчик Google Cloud Certified

en
Этот курс подготовит вас к сертификации Google Professional Cloud Developer, и все разделы основаны на общих целях, которые Google опубликовал для подготовки к экзамену. Мы также включили подробные пошаговые руководства и практические занятия, которые помогут закрепить концепции, которые мы...
Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

Профессиональный облачный архитектор Google Cloud Certified (Ранний доступ)

en
Цель этого курса - подготовить вас к сдаче сертификации Google Cloud Certified Professional Cloud Architect certification. Мы достигнем этого с помощью широкого спектра уроков, практических демонстраций, лабораторных условий и практических вопросов в качестве многогранного подхода к подготовке.
AWS Advanced Networking Specialty

AWS Advanced Networking Specialty

en
Добро пожаловать на курс сертификации специалистов по продвинутым сетям AWS. Этот курс предназначен для того, чтобы дать вам концепции, практические занятия, практические экзамены и учебные пособия, необходимые для подготовки к экзамену. Хотя AWS больше не требует сертификации уровня Associate...
Автоматизация AWS с помощью Lambda, Python и Boto3

Автоматизация AWS с помощью Lambda, Python и Boto3

en
В этом курсе будет изучаться автоматизация AWS с использованием Lambda и Python. Мы будем использовать AWS SDK для Python, более известный как Boto3. Вы узнаете, как интегрировать Lambda со многими популярными сервисами AWS, такими как EC2, S3, SQS, DynamoDB и другими.
Постройте приложение Laravel с TDD

Постройте приложение Laravel с TDD

en
Пришло время взять методы, которые мы изучили в Laravel From Scratch, и эффективно использовать их при создании вашего первого реального приложения. Вместе мы будем использовать TDD для создания Birdboard - минимального, похожего на Basecamp, приложения для управления проектами.
Web Start

Web Start

ru
Хорошие новости - Codename 47 вернулся. Плохие новости - ничего нового он с собой не захватил. В этой части все те же уровни, для все то й же аудитории. Все надежды прошлой части развеялись в пух и прах. Если вы следили за приключениями лысого раньше, то эта часть врятли вас чем то...
Стилизация (стайлинг) NativeScript Core приложений

Стилизация (стайлинг) NativeScript Core приложений

en
Все о CSS в NativeScript Core. В этом курсе мы подробно изучим методы моделирования с помощью NativeScript Core. Мы узнаем, как использовать глобальные конструкции стилей NativeScript, а также как лучше подходить к разделению стилей на составные правила. Мы также рассмотрим использование стилей...
chat
logo