udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Vue JS 2 - Полное руководство близкое к реальным приложениям (Vuex, Router, Node)
The Complete Vue JS Developer Course – inc. Vue JS 2!
★4.2 (всего оценок - 27)
Продолжительность
44 ч 0 мин
Категория
VueКоличество уроков
276 Видео
Дата добавления
9 апр. 2019 г., 14:17
Язык
Английский
Дата выхода
19 мар. 2019 г., 09:00
Дата обновления
21 июл. 2020 г., 23:07
Если вы планируете начать свою карьеру в качестве разработчика или просто хотите улучшить свои навыки программирования, тогда этот курс подходит именно вам. Получите все, что нужно, чтобы начать веб-разработку одним курсом!
Этот ресурс является единственным ресурсом, который вам нужен для того, чтобы начать веб-разработку с Vue 2 JS, и в ходе этого курса вы получите уверенность и навыки, необходимые для запуска ваших собственных проектов. Вы получите правильное мышление, чтобы подать заявку на карьеру разработчика.
Мы начнем очень легко с первого проекта Vue JS, в котором мы создадим макет нашего приложения. Я объясню вам, как создавать компоненты, данные и методы Vue.
Кроме того, мы будем работать над простой моделью магазина, которая поможет нам лучше понять Vuex в следующих разделах. Мы будем хранить данные в нашем браузере Local Storage.
После первого проекта мы перейдем к гораздо большему приложению. Мы начнем работать над проектом Vue Meetuper. Приложение для создания и присоединения к различным Meetups. Очень волнующе!
Позже в этом курсе мы рассмотрим аутентификацию с помощью JWT (веб-токены json) и аутентификацию сеансов на стороне клиент / сервер.
Далее мы будем работать над основной функциональностью приложения для создания Meetup. Я представлю вам формы в Vue.js. Мы интегрируем плагин vuelidate и будем проверять входные данные нашей формы. Вы познакомитесь с интерактивными формами (форма мастера). Мы не будем работать только с традиционными входами, но я покажу вам, как интегрировать входы Datepicker и Timepicker.
После раздела создания Meetup мы рассмотрим возможность присоединиться и покинуть Meetup.
Мы еще не закончили. Далее мы будем работать над функцией создания тем и сообщений. Этот раздел будет очень интересным, потому что я представлю библиотеку Socket. Socket - это библиотека JavaScript для веб-приложений реального времени. Это обеспечивает двустороннюю связь в реальном времени между веб-клиентами и серверами. Мы будем использовать его для создания чата. Пользователи могут создавать сообщения в теме. После создания сообщения все клиенты, присутствующие на странице сведений о Meetup, будут обновлять свою страницу в режиме реального времени.
В последующих разделах мы будем работать над функцией получения местоположения с IP-адреса, и мы будем использовать это местоположение для улучшения UX на нашей странице. Мы будем искать Meetups по этому местоположению, поэтому каждый пользователь, заходящий на нашу страницу, имеет уникальный опыт. Я покажу вам, как создать базовую нумерацию страниц, а мы будем разбивать страницы на подробные страницы Meetup.
Мы закончим курс с функцией обновления встречи. Эта функция снова будет в основном создана вами.
Во время этого курса мы будем переключаться с нашего внешнего приложения на наше внутреннее приложение Node.js.
ПРИМЕЧАНИЕ. Разделы Node не являются обязательными, вы можете загружать код сервера и работать только с приложением Vue JS.
Посмотреть больше
- Урок 1.00:12:10Detailed Overview + Requirements
- Урок 2.00:02:16How to get help + Course Info
- Урок 3.00:01:34Section Introduction
- Урок 4.00:10:58Initilization of Vue App
- Урок 5.00:09:45Your first code - Hello World!
- Урок 6.00:13:57Introduction to Variables
- Урок 7.00:14:37Introduction to Functions - part 1
- Урок 8.00:21:10Introduction to Functions - part 2
- Урок 9.00:14:14How web apps work - part 1
- Урок 10.00:17:02How web apps work - part 2
- Урок 11.00:16:13Introduction to Operators
- Урок 12.00:15:21What is Call Stack
- Урок 13.00:22:29Introduction to Objects
- Урок 14.00:12:24Introduction to Classes
- Урок 15.00:13:06More about Class Contructor
- Урок 16.00:21:07Introduction to "this" context
- Урок 17.00:16:47Introduction to Inheritance - part 1
- Урок 18.00:22:34Introduction to Inheritance - part 2
- Урок 19.00:17:35What is IF statement
- Урок 20.00:08:33Learn more about IFs
- Урок 21.00:16:11Introduction to Arrays
- Урок 22.00:08:49Map and Filter array functions
- Урок 23.00:22:59Create custom Array functions
- Урок 24.00:14:33Difference between var, const & let
- Урок 25.00:08:07What is function scope
- Урок 26.00:09:28Initilization of Todo App
- Урок 27.00:09:16Vue Component "data" and "methods"
- Урок 28.00:12:19Create todo container html and css
- Урок 29.00:12:19Create todo items html and stylings
- Урок 30.00:08:25Introduction to Scss
- Урок 31.00:12:15Let's create more Vue Components
- Урок 32.00:12:11What are Props
- Урок 33.00:07:45Explanation of "v-for" directive
- Урок 34.00:16:08Initilization of Modal + Stylings
- Урок 35.00:04:36Modal "open" button stylings
- Урок 36.00:12:35Move modal to separate component
- Урок 37.00:11:13Toggling of Modal Component
- Урок 38.00:08:58Implement close Modal
- Урок 39.00:05:54Refactoring of Modal component
- Урок 40.00:12:16Initilization of Todo create form
- Урок 41.00:05:32What is Two way data binding
- Урок 42.00:08:58New Todo create component
- Урок 43.00:13:50Implementation of Todo create
- Урок 44.00:06:34Introduction to Form Validation
- Урок 45.00:17:28Close modal after Todo create
- Урок 46.00:11:46Learn how to handle form errors
- Урок 47.00:07:26Create edit and delete buttons
- Урок 48.00:07:03Display edit form for Todo
- Урок 49.00:06:24Get values to edit form inputs
- Урок 50.00:11:11Data store architecture
- Урок 51.00:12:28Dispatch action from the store
- Урок 52.00:14:46Finishing update todo functionality
- Урок 53.00:07:47Implementing delete todo functionality
- Урок 54.00:10:29Introduction to Store architecture
- Урок 55.00:06:05Learn how to persist data
- Урок 56.00:05:07Persist data improvements
- Урок 57.00:00:45Section Summary
- Урок 58.00:01:13Section Introduction
- Урок 59.00:07:47Introduction to Vue.JS (Initialise Project)
- Урок 60.00:02:00Introduction to the Activity Planner App
- Урок 61.00:07:06Installation of Vue.JS Framework
- Урок 62.00:07:57Starting with directives - directive v-bind and v-if
- Урок 63.00:08:08Explanation of directives v-else and v-on
- Урок 64.00:11:54Explanation of directive v-for
- Урок 65.00:05:12Iterate over activities array
- Урок 66.00:08:05Introduction to forms - Create Activity Form
- Урок 67.00:10:52Introduction to Vue components
- Урок 68.00:10:22Making improvements in Activity Form
- Урок 69.00:00:44Section Outro
- Урок 70.00:02:28Section Intro
- Урок 71.00:07:37Initialization of the Activity Planner via Vue CLI
- Урок 72.00:08:43Initialization of the Activity Planner via Github
- Урок 73.00:10:44Explanation of CLI application folder structure
- Урок 74.00:18:10Merging code from Project 1 application
- Урок 75.00:09:34Introduction to lifecycle funtions
- Урок 76.00:10:05Introduction to Eslint
- Урок 77.00:14:21Introduction to computed properties
- Урок 78.00:15:21Introduction to watchers
- Урок 79.00:10:41Learning more about computed properties
- Урок 80.00:06:53Creating select input in form
- Урок 81.00:14:43Moving form to separate component
- Урок 82.00:09:35Learning how to emit events
- Урок 83.00:10:08Introduction to debugging
- Урок 84.00:07:33Responsive UI updates with Vue.set
- Урок 85.00:07:34Asynchronous fetching of Activities data
- Урок 86.00:10:07Handle error from response
- Урок 87.00:11:21Introduction to Style Binding
- Урок 88.00:08:59Improving styling of Progress Bar
- Урок 89.00:15:37Introduction to Mixins
- Урок 90.00:08:27Introduction to Filters
- Урок 91.00:10:48Create abstraction of API
- Урок 92.00:14:00Finishing the API abstraction + Debugging
- Урок 93.00:05:46Introduction to callback functions
- Урок 94.00:12:10Implementing Delete Activity functionality
- Урок 95.00:07:54Finishing Delete Activity functionality
- Урок 96.00:11:49Implementing Update Activity functionality
- Урок 97.00:14:59Finishing Update Activity functionality
- Урок 98.00:07:09Introduction to Store architecture - part 1
- Урок 99.00:08:11Store architecture - part 2
- Урок 100.00:15:21Store architecture - part 3
- Урок 101.00:07:46Improvements of Activity update functionality Part 1
- Урок 102.00:08:38Improvements of Activity update functionality Part 2
- Урок 103.00:16:16Persisting activities data in Local Storage
- Урок 104.00:08:56Filtering activities feature - part 1
- Урок 105.00:18:04Filtering activities feature - part 2
- Урок 106.00:10:28Filtering activities feature - part 3
- Урок 107.00:01:35Section Outro
- Урок 108.00:01:47Section Intro
- Урок 109.00:10:55Initialization of VueMeetuper via Github
- Урок 110.00:12:25[Optional]: Initialization of VueMeetuper app via Vue CLI
- Урок 111.00:10:29[Optional]: Explanation of Node Server
- Урок 112.00:16:31Setting up Mongo Atlas Database
- Урок 113.00:13:29Explanation of Proxy + fetching Categories data
- Урок 114.00:09:32Display Categories data in app
- Урок 115.00:14:06Display Meetups data in app
- Урок 116.00:11:45Introduction to Vue router
- Урок 117.00:09:03Setting up navigation to Detail page
- Урок 118.00:11:55Working on Detail page + fetching Meetup Data
- Урок 119.00:14:41Display Threads & Posts data in Detail page
- Урок 120.00:13:02Working on Meetup Find Page
- Урок 121.00:12:23Implementation of Not Found Page
- Урок 122.00:01:32Section Outro
- Урок 123.00:01:05Section Intro
- Урок 124.00:07:10Initialization of Vuex
- Урок 125.00:10:03Introduction to Vuex Actions
- Урок 126.00:11:52Injecting Vuex into Components
- Урок 127.00:06:40Purpose of Shared Functions in Vuex
- Урок 128.00:10:48Easier access to Vuex - Mapping
- Урок 129.00:07:24Introduction to Modules - part 1
- Урок 130.00:12:42Introduction to Modules - part 2
- Урок 131.00:08:00Implementation of Loading Spinner
- Урок 132.00:13:26Finishing the Loading Spinner
- Урок 133.00:00:58Section Outro
- Урок 134.00:01:18Section Intro
- Урок 135.00:05:52Initialization of Register and Login page
- Урок 136.00:11:04Binding component values to form
- Урок 137.00:12:25Validation of form inputs
- Урок 138.00:19:29Introduction to built-in Vuelidate validators
- Урок 139.00:09:21Creating custom validators
- Урок 140.00:00:37Section Outro
- Урок 141.00:01:07Section Intro
- Урок 142.00:04:47Initialization of Register functionality
- Урок 143.00:12:35Implementation of Register controllers and routes
- Урок 144.00:19:40Configuring Session implementation
- Урок 145.00:11:31Introduction to Passport package
- Урок 146.00:20:40Implementation of Login functionality + Debugging
- Урок 147.00:08:54Implementation of Logout and Authentication middleware
- Урок 148.00:05:35Debugging of implemented Authentication functionality
- Урок 149.00:00:54Section Outro
- Урок 150.00:01:32Section Intro
- Урок 151.00:05:30Sending request to register user
- Урок 152.00:05:13Sending request to login user
- Урок 153.00:07:15Display user name in navigation bar
- Урок 154.00:09:00Creating persistent authentication state
- Урок 155.00:04:51Working on logout functionality
- Урок 156.00:05:33Informing application about authentication state
- Урок 157.00:13:49Creating Secret page protected by authentication
- Урок 158.00:09:59Redirecting when user is not authenticated
- Урок 159.00:09:34Creating only-guest restricted pages
- Урок 160.00:01:32Section Outro
- Урок 161.00:01:56Section Intro
- Урок 162.00:13:58Replacing Session authentication with JWT
- Урок 163.00:11:34Finishing implementation of JWT
- Урок 164.00:07:44Debugging implemented JWT functionality
- Урок 165.00:13:14Implementing JWT authentication to VueMeetuper
- Урок 166.00:07:11Changing Logout and adding Interceptor functionality
- Урок 167.00:09:47Display Toast message on error
- Урок 168.00:16:44Improving error handing on Server
- Урок 169.00:01:10Section Outro
- Урок 170.00:02:06Section Introduction
- Урок 171.00:11:50Initialization of Meetup create page
- Урок 172.00:10:10Separating form into multiple screens
- Урок 173.00:13:25Sharing form data with form screens
- Урок 174.00:09:50Confirmation form step and input validation
- Урок 175.00:05:48Checking form step validity - part 1
- Урок 176.00:06:14Checking form step validity - part 2
- Урок 177.00:06:45Creating dynamically rendered component
- Урок 178.00:15:13Initialization of date picker Input
- Урок 179.00:11:14Initialization of time picker Input
- Урок 180.00:07:47Emitting form data to parent page
- Урок 181.00:02:18Implementing create meetup on server
- Урок 182.00:13:01Wrapping up create meetup functionality
- Урок 183.00:01:12Section Summary
- Урок 184.00:01:45Section Introduction
- Урок 185.00:10:34Creating join and leave meetup computed properties
- Урок 186.00:03:13Applying computed properties to view
- Урок 187.00:11:59Implementing join meetup functionality
- Урок 188.00:06:17Server implementation of join and leave meetup
- Урок 189.00:07:36Finishing up join meetup functionality
- Урок 190.00:12:14Finishing up leave meetup functionality
- Урок 191.00:09:41Debugging of join and leave meetup implementation
- Урок 192.00:01:11Section Summary
- Урок 193.00:01:52Section Introduction
- Урок 194.00:10:14Implementing modal window to create Thread
- Урок 195.00:13:04Toggling modal window functionality
- Урок 196.00:06:58Implemeting Action to create Thread
- Урок 197.00:09:25Finishing Thread create feature + Debugging
- Урок 198.00:09:05Ordering Threads by date + displaying Toast message
- Урок 199.00:11:22New components Thread List and Post Create
- Урок 200.00:19:44Introduction to custom directives
- Урок 201.00:08:03Creating Auto Expand directive
- Урок 202.00:11:04Sending Action to create Thread post
- Урок 203.00:05:20Server implementation of create Post
- Урок 204.00:13:29Updating view after post is created
- Урок 205.00:01:14Section Summary
- Урок 206.00:01:42Section Introduction
- Урок 207.00:09:39Initialization of Socket library
- Урок 208.00:14:42Learning how to emit event and subscribe to socket
- Урок 209.00:13:03Introduction to Vue plugins
- Урок 210.00:07:41Creating custom socket plugin
- Урок 211.00:22:44Wrapping up socket functionality
- Урок 212.00:16:03Testing socket implementation
- Урок 213.00:06:41Redirecting after logout - small improvements
- Урок 214.00:01:03Section Summary
- Урок 215.00:01:38Section Introduction
- Урок 216.00:12:36Initialization of Profile page
- Урок 217.00:07:53Fetching user statistics from server
- Урок 218.00:10:45Displaying user statistics in page
- Урок 219.00:05:45Implementing Tabs to display different screen
- Урок 220.00:04:51Creating Modal to display update user form
- Урок 221.00:04:39Passing user data to modal component
- Урок 222.00:11:12Finishing up update user feature
- Урок 223.00:13:12Debugging of profile section
- Урок 224.00:01:05Section Summary
- Урок 225.00:01:12Section Introduction
- Урок 226.00:12:22Getting location from IP - server implementation
- Урок 227.00:06:49Creating meta module in Vuex
- Урок 228.00:09:20Displaying Location in Find Page
- Урок 229.00:12:54Providing location to meetup create page
- Урок 230.00:11:11Searching Meetup by location
- Урок 231.00:09:12Debugging of search meetup functionality
- Урок 232.00:00:55Section Summary
- Урок 233.00:01:17Section Introduction
- Урок 234.00:11:33Implementing search meetup by category feature
- Урок 235.00:13:09Improvements in meetup search
- Урок 236.00:10:19Loading more threads - server implementation
- Урок 237.00:08:55Applying query parameters to fetch threads request
- Урок 238.00:15:50Loading more threads in VueMeetuper
- Урок 239.00:09:01Debugging of meetup search and load more threads feature
- Урок 240.00:01:00Section Summary
- Урок 241.00:01:08Section Introduction
- Урок 242.00:09:24Creating page to update meetup
- Урок 243.00:15:00Allow only meetup creators to access update meetup page
- Урок 244.00:20:18Bind values to Meetup Edit component
- Урок 245.00:15:50Finishing up Meetup update functionality
- Урок 246.00:12:11Fixing small issues in Meetup update
- Урок 247.00:13:41Style changes in meetup update page
- Урок 248.00:09:32Adding location to meetup home page
- Урок 249.00:03:40Course wrap-up + Debugging
- Урок 250.00:01:06Section Summary
- Урок 251.00:01:07Section Introduction
- Урок 252.00:11:27Setting up production environment - part 1
- Урок 253.00:13:38Setting up production environment - part 2
- Урок 254.00:09:05Deploying application to Heroku
- Урок 255.00:07:47Testing Application on Heroku
- Урок 256.00:01:06Section Introduction
- Урок 257.00:08:51Implementing delete endpoint on server
- Урок 258.00:08:32Display confirm window before delete
- Урок 259.00:05:52Create action in VUEX to delete meetup
- Урок 260.00:07:17Mutate state after meetup delete
- Урок 261.00:13:27Remove threads and posts from state 1
- Урок 262.00:09:02Remove threads and posts from state 2
- Урок 263.00:11:12Pagination server implementation
- Урок 264.00:11:43Initilization of pagination component
- Урок 265.00:04:59Set pagination parameters in Vuex
- Урок 266.00:15:00Sending request with actual page
- Урок 267.00:11:18Persistent pagination with query params
- Урок 268.00:00:51Section Summary
- Урок 269.00:05:18Section Introduction
- Урок 270.00:13:24Create confirmation Hash
- Урок 271.00:01:19Tips and Suggestions before sending Email
- Урок 272.00:22:48Send email with NodeMailer
- Урок 273.00:07:07New user Activate Page
- Урок 274.00:12:49Activate User implementation
- Урок 275.00:14:09Display redirect messages
- Урок 276.00:04:56Last Improvements + Section Summar
Автор - udemy
Комментарии
AmstelHello Admin, lesson video 163 - Finishing implementation of JWT, is not playing. Kindly help fix it.
mblandrвидео 163. Finishing implementation of JWT повреждено. Поправьте, пожалуйста!
SmithUpdate please. Thanks