Последние новости: Свежий coursehunters.club

Создание веб-приложений с помощью Vue JS 2 и Firebase - Видеоуроки

Build Web Apps with Vue JS 2 & Firebase
Duration 11:46:49
Открыть все курсы от udemy

Изучите Vue JS и Firebase, создав и развернув динамические веб-приложения (включая аутентификацию). Если вы хотите начать создавать приложения с полным стеком с Vue JS и Firebase, то не смотрите дальше. В этом курсе я отведу вас от новичка к ниндзя в Vue JS, начиная с самых оснований VueJS, а затем продвигаюсь к созданию полноценных VueJS-приложений.

Мы рассмотрим целую главу, посвященную Vue Router, и как создать с помощью него приложения SPA (одностраничные приложения), а также изучить, как использовать Vue CLI для быстрого запуска при создании приложений Vue.

Я также научу вас, как использовать Firebase, онлайн-бесплатный сервис, предоставляемый Google, который выступает в качестве полнофункционального полноценного бекенда для наших приложений. Мы узнаем, как использовать Firebase для хранения и извлечения данных в базу данных NoSQL под названием Firestore и из нее, а также аутентифицировать пользователей нашего приложения с помощью службы Firebase Auth. Мы также достигнем пика в облачных функциях Firebase (что позволяет нам запускать код JavaScript на стороне сервера в среде Node.js), а также развертывание всех наших приложений на Firebase.

Сумасшедшый обьем для покрытия, но к концу этого курса вы сможете создавать  веб-приложения (в комплекте с аутентификацией пользователей) с помощью Vue JS и Firebase!

Я также известен, как Net Ninja на YouTube... Около 200 000 подписчиков и почти 1000 бесплатных учебных пособий по веб-разработке. Поэтому не стесняйтесь проверить мой стиль обучения и отзывы, прежде чем покупать мой курс :).

Этот курс построен с Vue 2.x и будет добавлен с дополнительными разделами в будущем.

Полный список уроков Развернуть / Свернуть
  • Урок 1. Introduction 00:02:47
  • Урок 2. Course Files 00:01:01
  • Урок 3. Text Editor Setup 00:03:25
  • Урок 4. What is Vue.js? 00:03:37
  • Урок 5. Setting up Vue.js (the simple way) 00:03:09
  • Урок 6. The Vue Instance 00:05:29
  • Урок 7. Methods 00:06:23
  • Урок 8. Data Binding 00:06:19
  • Урок 9. Events 00:05:53
  • Урок 10. The Event Object 00:05:51
  • Урок 11. Keyboard Events 00:04:45
  • Урок 12. Two-way Data Binding (v-model) 00:03:12
  • Урок 13. Modifiers 00:05:13
  • Урок 14. Conditional Output with v-if 00:07:54
  • Урок 15. Looping with v-for 00:07:52
  • Урок 16. The Vue CLI 00:08:47
  • Урок 17. Components & Vue Files 00:12:53
  • Урок 18. The data() Function 00:04:03
  • Урок 19. Nesting Components 00:08:37
  • Урок 20. Scoped CSS 00:05:02
  • Урок 21. Passing Data with Props 00:13:38
  • Урок 22. Custom Events 00:09:26
  • Урок 23. Life-cycle Hooks 00:10:35
  • Урок 24. Making Requests with Axios 00:08:12
  • Урок 25. Filters 00:04:05
  • Урок 26. Computed Properties (custom search box) 00:06:25
  • Урок 27. What is the Vue Router? 00:05:58
  • Урок 28. Setting up Routes 00:07:05
  • Урок 29. Router Links 00:06:06
  • Урок 30. Route Parameters 00:07:27
  • Урок 31. Watching the $route Object 00:03:10
  • Урок 32. More on Router Links 00:04:42
  • Урок 33. Programmatically Redirecting Users 00:05:42
  • Урок 34. Hash vs History Mode 00:02:51
  • Урок 35. Styling Active Links 00:02:14
  • Урок 36. Project Preview & Setup 00:04:54
  • Урок 37. Project Structure 00:02:34
  • Урок 38. Material Design 00:02:06
  • Урок 39. Navbar Component 00:06:23
  • Урок 40. Index Component 00:12:29
  • Урок 41. Deleting (local) Data 00:05:45
  • Урок 42. Introduction to Firebase 00:04:07
  • Урок 43. Setting up Firestore 00:05:47
  • Урок 44. Installing Firebase 00:06:04
  • Урок 45. Retrieving Firestore Data 00:11:03
  • Урок 46. Deleting Firestore Data 00:06:08
  • Урок 47. Add Smoothie Component 00:11:30
  • Урок 48. Adding Ingredients 00:09:58
  • Урок 49. Outputting Ingredients 00:04:27
  • Урок 50. Saving Records to Firestore 00:09:04
  • Урок 51. Deleting Ingredients 00:05:09
  • Урок 52. Edit Smoothie Route 00:08:21
  • Урок 53. Firestore Queries 00:09:33
  • Урок 54. Edit Smoothie Form 00:06:43
  • Урок 55. Updating Firestore Records 00:06:53
  • Урок 56. Deploying to Firebase 00:08:30
  • Урок 57. Project Review 00:01:25
  • Урок 58. Project Overview & Setup 00:03:15
  • Урок 59. Project Structure 00:01:13
  • Урок 60. Firestore Setup 00:05:07
  • Урок 61. Making a Welcome Screen 00:08:42
  • Урок 62. Passing Props Via Routes 00:08:49
  • Урок 63. Route Guards 00:06:16
  • Урок 64. Creating the Chat Window 00:06:07
  • Урок 65. New Message Component 00:06:06
  • Урок 66. Adding Messages to Firestore 00:05:58
  • Урок 67. Real-Time Events (event listeners) 00:10:48
  • Урок 68. Formatting Times with Moment 00:03:34
  • Урок 69. Auto-scrolling 00:04:05
  • Урок 70. Deploying the App 00:03:38
  • Урок 71. Project Review 00:00:55
  • Урок 72. Project Overview & Setup 00:02:19
  • Урок 73. Project Structure 00:02:03
  • Урок 74. Setting up Firebase 00:02:17
  • Урок 75. Navbar Component 00:04:38
  • Урок 76. Map Component 00:02:24
  • Урок 77. Google Maps API 00:06:42
  • Урок 78. Creating a New Map 00:07:08
  • Урок 79. Creating a Signup Page 00:07:43
  • Урок 80. Firebase Auth & Data Structure 00:04:37
  • Урок 81. Checking if an Alias exists 00:13:11
  • Урок 82. Signing up a User 00:05:43
  • Урок 83. Creating Firestore User Records 00:06:40
  • Урок 84. Wrapping the Vue Instance 00:08:15
  • Урок 85. Logging a User Out 00:04:51
  • Урок 86. Login Component 00:07:44
  • Урок 87. Logging Users In 00:07:06
  • Урок 88. Geolocation API 00:08:58
  • Урок 89. Updating a User’s Location 00:08:25
  • Урок 90. Route Guarding (auth) 00:07:57
  • Урок 91. Conditional Navbar Links 00:07:08
  • Урок 92. Ninja (map) Markers 00:06:43
  • Урок 93. User Profiles 00:08:35
  • Урок 94. User Comments (data discussion) 00:02:27
  • Урок 95. Adding Comments 00:09:44
  • Урок 96. Showing Comments (Real-Time) 00:09:07
  • Урок 97. Some Final Styles 00:03:59
  • Урок 98. Deploying the app 00:03:30
  • Урок 99. What Are Cloud Functions? 00:02:08
  • Урок 100. Creating a Simple Callable Function 00:07:04
  • Урок 101. Calling a Function 00:07:41
  • Урок 102. Intro to Firebase Rules 00:04:49
  • Урок 103. ES6 Arrow Functions 00:04:41
  • Урок 104. ES6 Promises 00:05:46
  • Урок 105. Imports and Exports 00:03:36
  • Урок 106. JavaScript Filter Method 00:05:12
  • Урок 107. Vue CLI 3 Introduction 00:04:09
  • Урок 108. Using the new Vue CLI 00:06:20
  • Урок 109. The CLI Service 00:02:43
  • Урок 110. Custom Presets 00:06:21
  • Урок 111. Adding Plugins 00:04:51
  • Урок 112. Build & Deploy to Firebase 00:05:45
  • Урок 113. Instant Prototyping 00:08:54
  • Урок 114. Build Targets (Making a Web Component) 00:07:38
  • Урок 115. Using Web Components 00:04:24
  • Урок 116. The Vue GUI (part 1) 00:05:11
  • Урок 117. The Vue GUI (part 2) 00:04:48
  • Урок 118. Using 'vue init' with the New CLI 00:01:40
Этот курс находится в платной подписке!

И будет доступен в бесплатном просмотре 06.12.2018. Если у тебя еще нет у нас аккаунта - зарегистрируйся и оформи премиум подписку в своем личном кабинете, и смотри этот, а также многие другие курсы, прямо сейчас.

Следи за последними обновлениями и новостями в нашем coursehunters.club, или вступай в наш канал telegram.

Комментарии

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

16-10-2018 en 188 уроков
udemy The complete Vue JS course
Научитесь создавать красивые веб-приложения, используя VUE js. включая три практических проекта. Вы хотите узнать весь процесс создания своего приложения с помощью Vue ?. Это курс для вас. Мы начнем с самого начала, начиная с «Я даже не знаю, как использовать его ... и почему я должен« реально понимать, как работает Vue, и заставить его общаться с другими технологиями, такими как Firebase и Node js.
Duration 25:19:16
3 0
en 25 уроков
Codecourse Practical Vue Components
Создайте коллекцию повторно используемых компонентов для своего приложения и изучите сложности Vue на этом пути. Все от кнопок и модалок до навигации. Супер чистый, супер многоразовый подход.
Duration 01:40:54
1 0
en 10 уроков
vueschool.io Vue.js Fundamentals
Этот курс Vue.js научит вас и поможет вам с фундаментальными концепциями Vue.js. Отлично, если вы еще не дотронулись до Vue, или вы только начали!
Duration 00:27:57
3 0
en 7 уроков
frontendmasters Introduction to Vue.js
Vue.js элегантно сочетает в себе лучшие возможности фреймворка javascript. Если вы заинтересованы в написании поддерживаемого, чистого кода в увлекательной и выразительной манере, вам следует подумать о присоединении к этому классу. Мы рассмотрим все способы, с помощью которых Vue быстро решает общие задачи разработчиков Frontend, а также гибкие способы доступа к базовому API, чтобы вы могли решить любую задачу. Присоединяйтесь к Саре Дрэснер и...
Duration 05:36:49
14 0
11-09-2018 en 82 урока
udemy Full-Stack Vue with GraphQL - The Ultimate Guide
Создайте приложение с полным стеком Pinterest с нуля с помощью Vue, GraphQL, Apollo 2, Vuex и Vuetify. Включает Apollo Server 2, Apollo Boost и новый Vue CLI 3! Заинтересованы в создании приложений следующего уровня с помощью Vue и GraphQL? Не смотрите дальше! Этот курс - ваш универсальный путеводитель по обучению...
Duration 09:52:03
6 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
56 2
en 105 уроков
vueschool.io The Vue.js Master Class
Изучите Vue.js, создав реальное приложение приложение с нуля с Алексом Кириакидисом (Alex Kyriakidis ), членом основной команды Vue.js и автором бестселлера «Величество Vue.js» (The Majesty of Vue.js ). Хотя существует множество отличных курсов vue.js, большинство из них ориентированы на новичков или охватывают только фундаментальные концепции.Я посвятил себя созданию самого всестороннего курса Vue, в котором мы строим реальное...
Duration 07:18:20
21 1
18-07-2018 ru 68 уроков
udemy Vue.js 2.5 Создаем сайт на Vue.JS с Firebase, Vuex и Router
Узнайте, как создавать динамические веб-сайты на Vue.JS с Firebase 5 (включая Авторизацию), Vuex & Vue Router - 2018!Этот курс для тех, кто хочет освоить современный фреймворк и начать с ним работать. Vue JS позволяет сделать разработку приложений куда проще, а также быть востребованным специалистом на рынке труда. Vue JS позаимствовал многое из Angular и React, но проще в понимании и реализации. И это никак не отображается на ваших...
Duration 08:24:41
26 2
09-03-2018 en 14 уроков
coursetro Using Vue 2 to Create Beautiful SEO-Ready Websites
В этом курсе вы узнаете как использовать Vuejs для создания современных веб-сайтов, которые являются SEO-Friendly. Давайте начнем! Vue.js входит в число топ трех фреймворков JavaScript, и он становится все более популярным благодаря своей простоте и простоте использования.Vue - это пожалуй самая простой фреймворк frontend, который разработчик может понять очень легко. По этой причине, это отличный выбор для разрабработки современных веб-сайтов.
Duration 01:48:11
12 0
en
fullstack.io Fullstack Vue Book - The Complete Guide to Vue.js
Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения
с Vue.js. Fullstack Vue - это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.
Duration
32 0

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

Laravel - Узнайте, как создавать диаграммы с Vue.js и Laravel

Laravel - Узнайте, как создавать диаграммы с Vue.js и Laravel

en
На этом коротком курсе студенты научатся использовать VUE.js с Laravel для создания пользовательских диаграмм (чартов) для отображения данных. Студенты также научатся отправлять и получать запросы через VUE на бэкэнд (PHP), где они могут его обработать. Это отличный курс для тех, кто хочет...
The Essential Android O Developer Course (Java)

The Essential Android O Developer Course (Java)

en
Узнайте все подробно о том, как писать приложения для Android O с помощью Java. Студенты научатся программировать мобильные приложения с использованием языка программирования Java на платформе Android. Это включает в себя такие темы, как: жизненный цикл Android, ресурсы Android, дизайн...
Android Java Мастер-класс - станьте разработчиком приложений

Android Java Мастер-класс - станьте разработчиком приложений

en
Улучшите свои карьерные возможности, изучив разработку приложений для Android. Изучите Android Studio и создайте свое первое приложение сегодня. На Android приходится 81,7% всех проданных смартфонов, но не все упакованы самой последней Android Nougat. Это вас не волнует, потому что после...
Laravel Eloquent: Экспертный уровень

Laravel Eloquent: Экспертный уровень

en
После этого курса вы станете экспертом в создании отношений, эффективном анализе данных и в использовании малоизвестных функций Eloquent. Eloquent отлично подходит для операций с базами данных, но на протяжении многих лет я заметил, что это самая популярная тема для вопросов на Twitter или...
Изучите JMETER c нуля - (Performance + Load)

Изучите JMETER c нуля - (Performance + Load)

en
Лекции по Jmeter, в которых объясняется нагрузочное тестирование с реальными примерами, включая поддержку material и query. Курс разработан таким образом, что пользователь может начинать все с самого нуля без каких-либо предварительных знаний о Jmeter или Performance...
iOS 12 и Swift 4.2 для начинающих: 200+ практических туториалов

iOS 12 и Swift 4.2 для начинающих: 200+ практических туториалов

en
Изучайте iOS 12 и Swift 4.2, используя курс высочайшего качества по разработке приложений. Автоматическая компоновка, Core Data, анимация и многое другое! Если вы всегда мечтали создать свои собственные приложения для iPhone и iPad, то это курс для вас. Этот курс является исчерпывающим...
chat
logo