udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Создание веб-приложений с помощью Vue JS 3 и Firebase
Build Web Apps with Vue JS 3 & Firebase
★5 (всего оценок - 64)
Продолжительность
31 ч 35 мин
Категория
VueКоличество уроков
314 Видео
Дата добавления
6 нояб. 2018 г., 15:32
Язык
Английский
Дата выхода
1 окт. 2018 г., 10:00
Дата обновления
20 нояб. 2021 г., 15:07
Изучите 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.00:05:53What is Vue?
- Урок 2.00:04:07New Features in Vue 3
- Урок 3.00:01:37What You Should Already Know
- Урок 4.00:02:47Environment Setup
- Урок 5.00:01:26Course Files
- Урок 6.00:03:40How to use Vue (using the CDN)
- Урок 7.00:05:26Creating a Vue App
- Урок 8.00:04:34Templates & Data
- Урок 9.00:08:02Methods & Click Events
- Урок 10.00:08:43Conditional Rendering
- Урок 11.00:10:10Other Mouse Events
- Урок 12.00:04:16Outputting Lists (v-for)
- Урок 13.00:05:29Attribute Binding
- Урок 14.00:04:51Dynamic Classes
- Урок 15.00:01:46CHALLENGE - Add to Favs
- Урок 16.00:02:21SOLUTION - Add to Favs
- Урок 17.00:05:03Computed Properties
- Урок 18.00:02:51Why Use the Vue CLI?
- Урок 19.00:05:15How to Use the Vue CLI
- Урок 20.00:07:53New Project Walkthrough
- Урок 21.00:09:24Vue Files & Templates
- Урок 22.00:04:06Template Refs
- Урок 23.00:09:29Multiple Components
- Урок 24.00:06:16Component Styles & Global Styles
- Урок 25.00:11:12Passing Data with Props
- Урок 26.00:05:34Emitting Custom Events
- Урок 27.00:03:45Click Event Modifiers
- Урок 28.00:08:59Slots
- Урок 29.00:04:16CHALLENGE - Reusing Components
- Урок 30.00:03:57Using Teleport
- Урок 31.00:04:10Project 1 Preview & Setup
- Урок 32.00:08:40Starting a New Game
- Урок 33.00:10:34Component Lifecycle Hooks
- Урок 34.00:04:55Creating the Reaction Timer
- Урок 35.00:06:24Emitting Custom Events with Data
- Урок 36.00:02:49CHALLENGE - Showing a Results Component
- Урок 37.00:04:20Finishing Touches
- Урок 38.00:05:28Forms Intro & Setup
- Урок 39.00:05:10Two-way Data Binding
- Урок 40.00:03:10Select Fields
- Урок 41.00:06:47Checkboxes
- Урок 42.00:11:22Keyboard Events & Modifiers
- Урок 43.00:03:49CHALLENGE - Deleting Skills
- Урок 44.00:09:49Submitting the Form
- Урок 45.00:02:38Why Use the Vue Router?
- Урок 46.00:09:52Router Setup for New Projects
- Урок 47.00:06:35Router Links
- Урок 48.00:05:47Folder Structure
- Урок 49.00:06:12Route Parameters
- Урок 50.00:05:25Dynamic Links
- Урок 51.00:05:12404 Pages & Redirects
- Урок 52.00:05:58Programmatic Navigation
- Урок 53.00:01:42Lazy Loading Components
- Урок 54.00:07:11Using JSON Server
- Урок 55.00:08:36Where to Fetch Data
- Урок 56.00:04:22Conditionally Showing Data
- Урок 57.00:05:10Project 2 Preview & Setup
- Урок 58.00:05:48Home View & Data
- Урок 59.00:07:02Single Project Template
- Урок 60.00:04:05Using Material Icons
- Урок 61.00:08:35Deleting Projects
- Урок 62.00:11:40Completing Projects
- Урок 63.00:05:46New Project Form
- Урок 64.00:05:11Adding New Projects
- Урок 65.00:03:38Navbar Component
- Урок 66.00:08:40Edit Project Route
- Урок 67.00:04:33CHALLENGE - Updating Projects
- Урок 68.00:08:54Creating a Filter Nav
- Урок 69.00:05:04CHALLENGE - Showing Filtered Projects
- Урок 70.00:04:44Drawbacks of the Options API
- Урок 71.00:07:13Composition API Basics
- Урок 72.00:06:19Template Refs in the Setup Function
- Урок 73.00:06:58Using Refs for Reactivity
- Урок 74.00:06:39Refs vs Reactive
- Урок 75.00:06:57Computed Values in the Setup Function
- Урок 76.00:05:44Using watch and watchEffect
- Урок 77.00:08:18Using Props in the Setup Function
- Урок 78.00:05:54Lifecycle Hooks
- Урок 79.00:11:08Fetching Data in the Setup Function
- Урок 80.00:08:17Reusable Composition Functions (Composables)
- Урок 81.00:09:24Creating Another Composable
- Урок 82.00:06:35Creating a Loading Spinner
- Урок 83.00:13:46Making a Web Form
- Урок 84.00:03:52CHALLENGE - Making a POST Request
- Урок 85.00:03:44Future Async Lesson & Extra Styling
- Урок 86.00:05:01Routing Recap & Navbar
- Урок 87.00:03:35Using useRouter
- Урок 88.00:02:10Using useRoute
- Урок 89.00:10:50CHALLENGE - Creating a Tag Route
- Урок 90.00:15:54Creating a Tag Cloud
- Урок 91.00:03:40Creating a Firebase Project
- Урок 92.00:07:39Connecting to a Firebase Project
- Урок 93.00:04:57Firestore Collections & Documents
- Урок 94.00:09:33Fetching a Collection of Documents
- Урок 95.00:06:35Fetching Single Documents
- Урок 96.00:03:54Adding Documents
- Урок 97.00:05:36Deleting Docments
- Урок 98.00:05:49Using Timestamps
- Урок 99.00:02:20Ordering Collections
- Урок 100.00:11:55Intro to Real-Time Listeners
- Урок 101.00:07:04Project 3 Preview & Setup
- Урок 102.00:04:25Firebase Setup (& Reusing Firebase Projects)
- Урок 103.00:08:05Creating a Signup & Login Form
- Урок 104.00:04:35CHALLENGE - Switching Between Forms
- Урок 105.00:03:31Firebase Authentication Setup
- Урок 106.00:14:37Creating a Signup Composable
- Урок 107.00:03:08Outputting Errors
- Урок 108.00:07:31Creating a Login Composable
- Урок 109.00:06:40Setup Context & Emitting Events
- Урок 110.00:03:51Navbar Component
- Урок 111.00:05:01Logging Users Out (Composable)
- Урок 112.00:08:39Getting the Current User (Composable)
- Урок 113.00:09:17Route Guards (for Unauth Users)
- Урок 114.00:04:22Waiting for Firebase Auth to Initialize
- Урок 115.00:04:02CHALLENGE - Watching the Current User
- Урок 116.00:08:38New Chat Form
- Урок 117.00:10:07Adding New Messages to Firestore
- Урок 118.00:11:53Real-Time Firestore Listener (Composable)
- Урок 119.00:07:03Creating the Chat Window
- Урок 120.00:05:51Formatting Dates (date-fns)
- Урок 121.00:03:58CHALLENGE - Auto-Scrolling the Chat Window
- Урок 122.00:06:03Unsubscribing From Real-Time Listeners
- Урок 123.00:02:28Final Route Guard
- Урок 124.00:00:54Testing & Next Steps
- Урок 125.00:06:19The Firebase CLI
- Урок 126.00:01:19Building an App
- Урок 127.00:01:33Deploying the App
- Урок 128.00:02:53Making Changes & Re-deploying
- Урок 129.00:02:14What Are Security Rules?
- Урок 130.00:08:25Paths & Rules Explained
- Урок 131.00:02:21Requiring Authentication
- Урок 132.00:02:04Locking the API to a Domain
- Урок 133.00:06:47Project 4 Preview & Setup
- Урок 134.00:07:39Global Styles & Custom Font
- Урок 135.00:04:16Creating a Firebase Project
- Урок 136.00:03:51Connecting to Firebase
- Урок 137.00:10:37Reusing Firebase Composables
- Урок 138.00:08:32Creating a Login View
- Урок 139.00:06:39Adding a 'pending' State to Requests
- Урок 140.00:07:09Creating a Signup View
- Урок 141.00:08:34Adding a Navbar Component
- Урок 142.00:04:01CHALLENGE - Logging Users Out
- Урок 143.00:03:19CHALLENGE - Conditionally Showing Links
- Урок 144.00:07:43New Playlist Component
- Урок 145.00:11:05Handling File Changes
- Урок 146.00:04:24Intro to Firebase Storage
- Урок 147.00:08:08Uploading Images (part 1)
- Урок 148.00:05:44Uploading Images (part 2)
- Урок 149.00:12:57Adding New Playlists
- Урок 150.00:04:36CHALLENGE - Getting Real-Time Playlist Data
- Урок 151.00:05:37Listing Playlists
- Урок 152.00:08:15Nav Update & Route Guards
- Урок 153.00:04:42Playlist Details Route
- Урок 154.00:05:02Redirecting to Playlist Details
- Урок 155.00:07:38Getting Single Documents (Real-time)
- Урок 156.00:09:33Playlist Details Template
- Урок 157.00:07:14Checking Playlist Ownership
- Урок 158.00:09:28CHALLENGE - Deleting a Playlist (Composable)
- Урок 159.00:06:13Deleting Images from Storage
- Урок 160.00:07:31More on Firestore Rules
- Урок 161.00:06:41Storage Rules
- Урок 162.00:11:30Adding Songs to Playlists
- Урок 163.00:08:45Updating Playlist Details
- Урок 164.00:06:06Listing Songs
- Урок 165.00:05:14CHALLENGE - Deleting Songs
- Урок 166.00:06:16User Playlists Route
- Урок 167.00:09:45Firestore Queries
- Урок 168.00:03:41Listing User Playlists
- Урок 169.00:02:22Final Touches
- Урок 170.00:02:11Building & Deploying
- Урок 171.00:01:12Next Steps
- Урок 172.00:09:16Intro & Starter Project
- Урок 173.00:06:10Firebase Config File
- Урок 174.00:07:47Fetching Firestore Data
- Урок 175.00:10:28Real Time Collection Data
- Урок 176.00:04:35Adding New Documents
- Урок 177.00:03:23Deleting Documents
- Урок 178.00:06:11Updating Documents
- Урок 179.00:01:40Setting up Firebase Auth
- Урок 180.00:09:12Signing Up New Users
- Урок 181.00:02:43Logging Users Out
- Урок 182.00:04:20Logging Users In
- Урок 183.00:07:44Getting the Current User
- Урок 184.00:04:16Conditional Navbar Content
- Урок 185.00:05:09Waiting for Auth to be Ready
- Урок 186.00:05:15Making a Route Guard
- Урок 187.00:02:41Redirecting Users
- Урок 188.00:10:59Firestore Queries
- Урок 189.00:00:48Extra JavaScript Lessons
- Урок 190.00:05:05ES6 Modules (Import & Export)
- Урок 191.00:06:23Using map( ) & filter( )
- Урок 192.00:02:14Spread Syntax
- Урок 193.00:02:11Template Strings
- Урок 194.00:02:47Arrow Function Syntax
- Урок 195.00:05:27Fetch & Promises
- Урок 196.00:03:02Async & Await
- Урок 197.00:02:47Introduction
- Урок 198.00:01:01Course Files
- Урок 199.00:03:25Text Editor Setup
- Урок 200.00:03:37What is Vue.js?
- Урок 201.00:03:09Setting up Vue.js (the simple way)
- Урок 202.00:05:29The Vue Instance
- Урок 203.00:06:23Methods
- Урок 204.00:06:19Data Binding
- Урок 205.00:05:53Events
- Урок 206.00:05:51The Event Object
- Урок 207.00:04:45Keyboard Events
- Урок 208.00:03:12Two-way Data Binding (v-model)
- Урок 209.00:05:13Modifiers
- Урок 210.00:07:54Conditional Output with v-if
- Урок 211.00:07:52Looping with v-for
- Урок 212.00:08:47The Vue CLI
- Урок 213.00:12:53Components & Vue Files
- Урок 214.00:04:03The data() Function
- Урок 215.00:08:37Nesting Components
- Урок 216.00:05:02Scoped CSS
- Урок 217.00:13:38Passing Data with Props
- Урок 218.00:09:26Custom Events
- Урок 219.00:10:36Life-cycle Hooks
- Урок 220.00:08:12Making Requests with Axios
- Урок 221.00:04:05Filters
- Урок 222.00:06:26Computed Properties (custom search box)
- Урок 223.00:05:58What is the Vue Router?
- Урок 224.00:07:05Setting up Routes
- Урок 225.00:06:06Router Links
- Урок 226.00:07:27Route Parameters
- Урок 227.00:03:10Watching the $route Object
- Урок 228.00:04:42More on Router Links
- Урок 229.00:05:42Programmatically Redirecting Users
- Урок 230.00:02:51Hash vs History Mode
- Урок 231.00:02:14Styling Active Links
- Урок 232.00:04:54Project Preview & Setup
- Урок 233.00:02:34Project Structure
- Урок 234.00:02:06Material Design
- Урок 235.00:06:23Navbar Component
- Урок 236.00:12:29Index Component
- Урок 237.00:05:45Deleting (local) Data
- Урок 238.00:04:07Introduction to Firebase
- Урок 239.00:05:47Setting up Firestore
- Урок 240.00:06:05Installing Firebase
- Урок 241.00:11:03Retrieving Firestore Data
- Урок 242.00:06:08Deleting Firestore Data
- Урок 243.00:11:30Add Smoothie Component
- Урок 244.00:09:58Adding Ingredients
- Урок 245.00:04:27Outputting Ingredients
- Урок 246.00:09:04Saving Records to Firestore
- Урок 247.00:05:09Deleting Ingredients
- Урок 248.00:08:21Edit Smoothie Route
- Урок 249.00:09:33Firestore Queries
- Урок 250.00:06:43Edit Smoothie Form
- Урок 251.00:06:53Updating Firestore Records
- Урок 252.00:08:30Deploying to Firebase
- Урок 253.00:01:25Project Review
- Урок 254.00:03:15Project Overview & Setup
- Урок 255.00:01:13Project Structure
- Урок 256.00:05:07Firestore Setup
- Урок 257.00:08:42Making a Welcome Screen
- Урок 258.00:08:50Passing Props Via Routes
- Урок 259.00:06:16Route Guards
- Урок 260.00:06:07Creating the Chat Window
- Урок 261.00:06:06New Message Component
- Урок 262.00:05:58Adding Messages to Firestore
- Урок 263.00:10:48Real-Time Events (event listeners)
- Урок 264.00:03:34Formatting Times with Moment
- Урок 265.00:04:05Auto-scrolling
- Урок 266.00:03:38Deploying the App
- Урок 267.00:00:55Project Review
- Урок 268.00:02:19Project Overview & Setup
- Урок 269.00:02:04Project Structure
- Урок 270.00:02:17Setting up Firebase
- Урок 271.00:04:38Navbar Component
- Урок 272.00:02:24Map Component
- Урок 273.00:06:42Google Maps API
- Урок 274.00:07:08Creating a New Map
- Урок 275.00:07:43Creating a Signup Page
- Урок 276.00:04:38Firebase Auth & Data Structure
- Урок 277.00:13:11Checking if an Alias exists
- Урок 278.00:05:43Signing up a User
- Урок 279.00:06:40Creating Firestore User Records
- Урок 280.00:08:15Wrapping the Vue Instance
- Урок 281.00:04:51Logging a User Out
- Урок 282.00:07:45Login Component
- Урок 283.00:07:06Logging Users In
- Урок 284.00:08:58Geolocation API
- Урок 285.00:08:25Updating a User’s Location
- Урок 286.00:07:57Route Guarding (auth)
- Урок 287.00:07:08Conditional Navbar Links
- Урок 288.00:06:43Ninja (map) Markers
- Урок 289.00:08:35User Profiles
- Урок 290.00:02:27User Comments (data discussion)
- Урок 291.00:09:44Adding Comments
- Урок 292.00:09:07Showing Comments (Real-Time)
- Урок 293.00:03:59Some Final Styles
- Урок 294.00:03:30Deploying the app
- Урок 295.00:02:08What Are Cloud Functions?
- Урок 296.00:07:04Creating a Simple Callable Function
- Урок 297.00:07:41Calling a Function
- Урок 298.00:04:49Intro to Firebase Rules
- Урок 299.00:04:42ES6 Arrow Functions
- Урок 300.00:05:46ES6 Promises
- Урок 301.00:03:36Imports and Exports
- Урок 302.00:05:12JavaScript Filter Method
- Урок 303.00:04:09Vue CLI 3 Introduction
- Урок 304.00:06:20Using the new Vue CLI
- Урок 305.00:02:44The CLI Service
- Урок 306.00:06:21Custom Presets
- Урок 307.00:04:51Adding Plugins
- Урок 308.00:05:45Build & Deploy to Firebase
- Урок 309.00:08:54Instant Prototyping
- Урок 310.00:07:38Build Targets (Making a Web Component)
- Урок 311.00:04:24Using Web Components
- Урок 312.00:05:11The Vue GUI (part 1)
- Урок 313.00:04:48The Vue GUI (part 2)
- Урок 314.00:01:40Using 'vue init' with the New CLI
Автор - udemy
Комментарии
SiddiqueUpdate
AndrewUpdate Please
thanhhung.0706please update, thanks
AnonymousUpdate please
Mr. UDPlease update this course.
LuciferNew update has been released with additional Vue 3 content, could you please update it?
paukcovek0The Net Ninja