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

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

Build Web Apps with Vue JS 2 & Firebase - Полный список уроков

Развернуть / Свернуть
  • Урок 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

Изучите 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 и будет добавлен с дополнительными разделами в будущем.

Твоя оценка

10 0
Следи за последними обновлениями и новостями в нашем coursehunter-club.net (Ex 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
14 1
30-11--0001 en 25 уроков
Codecourse Practical Vue Components
Создайте коллекцию повторно используемых компонентов для своего приложения и изучите сложности Vue на этом пути. Все от кнопок и модалок до навигации. Супер чистый, супер многоразовый подход.
Duration 01:40:54
11 0
30-11--0001 en 10 уроков
vueschool.io Vue.js Fundamentals
Этот курс Vue.js научит вас и поможет вам с фундаментальными концепциями Vue.js. Отлично, если вы еще не дотронулись до Vue, или вы только начали!
Duration 00:27:57
4 0
30-11--0001 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
12 2
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
73 2
30-11--0001 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:15:06
27 4
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
36 3
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
30-11--0001 en
fullstack.io Fullstack Vue Book - The Complete Guide to Vue.js
Изучите Vue.js. Обновленное подробное руководство по Vue. Создавайте элегантные приложения с JavaScript и Vue.js. Создавайте гладкие, динамичные веб-приложения
с Vue.js. Fullstack Vue - это учебная книга, с помощью которой вы сможете быстро писать приложения Vue.
Duration
33 0

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

Разработчик на Spring Framework

Разработчик на Spring Framework

ru
Курс будет полезен всем. От Junior Java-программистов, не имеющих опыта работы со Spring, с минимальным опытом с IoC-контейнером Spring или испытывающих трудности с ним до архитекторов и тех.лидов, желающих узнать про современные возможности Spring для решения высокоуровневых задач.
Appium Android: простое руководство по автоматизации тестирования

Appium Android: простое руководство по автоматизации тестирования

en
Автоматизируйте собственное тестирование мобильных приложений под Android с помощью Appium и Java. Работа с реальными устройствами и эмуляторами Android. Этот курс по автоматизации тестирования мобильных приложений c Appium обучает вас простому, прямому подходу, всего за 5,5 часов видео...
Gatsby - Генератор статических сайтов для React - Полное руководство

Gatsby - Генератор статических сайтов для React - Полное руководство

en
Создавайте потрясающие сверхбыстрые веб-сайты с помощью React и GraphQL, начинайте работу со стеком JAM и подходом Headless CMS. В этом курсе вы узнаете, как создавать удивительные и сверхбыстрые статические веб-сайты с помощью Gatsby.js. Gatsby - это невероятно быстрый современный генератор...
Изучение Python, Tkinter и Django

Изучение Python, Tkinter и Django

ru
​Данный видео курс предназначен для людей, которые хотят научиться программировать на языке Python. В курсе будут рассмотрены базовые моменты языка Питон, а также рассмотрена тема работы с библиотеками. Вы научитесь писать программы под ПК при помощи фреймворка TKinter, а также создавать мощные...
Serverless React c AWS Amplify - Полное Руководство

Serverless React c AWS Amplify - Полное Руководство

en
Создавайте полнофункциональные приложения React быстрее, чем когда-либо, которые масштабируются до миллионов пользователей и работают исключительно в облаке! Хотите создавать удивительные, производительные и в целом лучшие приложения React? Смотрите не дальше, чем AWS Amplify. Этот курс - лучшее...
BDD с Cucumber и Serenity BDD

BDD с Cucumber и Serenity BDD

en
Изучите все навыки, необходимые для работы BDD в вашей команде, используя BDD Cucumber и Serenity. BDD, - это чрезвычайно эффективная практика доставки программного обеспечения, которая помогает командам лучше сотрудничать и сосредоточиться на предоставлении действительно важных функций. Cucumber...
Курс по айдентике

Курс по айдентике

ru
В основе курса методика, которая применяется в российских брендинговых агентствах и Высшей Школе Брендинга. Курс записан в ноябре 2017, состоит из 20 вебинаров. Каждая лекция завершается домашним заданием и списком полезных книг для развития навыка. Вы можете выполнять один из учебных брифов...
chat
logo