Master Vuejs from scratch (incl Vuex, Vue Router)

Focused View

Kati Frantz

5:04:32

142 View

1 - Introduction

1 - Links to the source code for all sections.html

2 - Installing vuejs.mp4

02:19

3 - Creating our first vue instance.mp4

02:37

4 - Creating a dynamic footer.mp4

02:06

5 - Introduction to reactive data.mp4

02:48

6 - Introduction to event listeners and methods.mp4

03:41

7 - Conditionally displaying elements.mp4

03:34

8 - Introduction to computed properties.mp4

02:34

2 - Build a currency converter

9 - Setup application structure.mp4

03:44

10 - Get list of currencies.mp4

04:07

11 - Caching currencies to limit api requests.mp4

03:34

12 - Populating currencies to select lists.mp4

04:39

13 - Getting form elements data.mp4

05:18

14 - Converting currency.mp4

06:24

15 - Conditionally disabling convert button.mp4

02:45

16 - Adding button loading state.mp4

03:09

17 - Fix amount bug.mp4

02:31

3 - Vuejs components

18 - What are vue components.mp4

05:24

19 - Introduction to props.mp4

04:05

20 - Looping through components.mp4

02:33

21 - Child to parent component communication.mp4

08:21

22 - Stateful vue components.mp4

04:32

4 - Build a shopping cart

23 - Installing vue cli.mp4

02:05

24 - Understanding the vue project structure.mp4

04:09

25 - Creating the shop layout.mp4

04:50

26 - Creating the product component.mp4

04:39

27 - Displaying product via props.mp4

02:15

28 - Adding products to cart.mp4

02:53

29 - Disabling product button after adding to cart.mp4

02:47

30 - The cart component.mp4

03:34

31 - Remove items from cart.mp4

02:45

32 - Displaying cart total.mp4

04:04

5 - Build a complete community blog app

33 - Introduction to vue router.mp4

06:49

34 - Setting up bootstrap.mp4

05:31

35 - Using router link.mp4

02:20

36 - The login component.mp4

03:37

37 - Getting user form data.mp4

01:52

38 - Api requests in vue apps.mp4

04:01

39 - Handling successful registration.mp4

07:45

40 - Displaying auth user data.mp4

06:14

41 - Displaying registration errors.mp4

08:48

42 - Add signup loading state.mp4

03:28

43 - User login.mp4

09:09

44 - Login loading state.mp4

01:41

45 - Handling user logout.mp4

03:32

46 - Adding toast notifications.mp4

04:49

47 - Authentication guards.mp4

03:48

48 - Displaying a list of articles.mp4

07:50

49 - Passing props to article component.mp4

04:06

50 - Single article page.mp4

05:50

51 - Single article details.mp4

06:14

52 - Add disqus comments.mp4

05:01

53 - Implement home page pagination.mp4

08:45

54 - Creating articles.mp4

05:28

55 - Uploading images to cloudinary.mp4

07:45

56 - Vue cli environment variables.mp4

02:58

57 - Article categories.mp4

05:21

58 - Saving article to api.mp4

09:19

59 - Deploying to netlify.mp4

03:50

6 - Vuex from scratch

60 - Master vuex.mp4

43:55

60 - source code for this lesson.zip

Description

Learn and master one of the most popular frontend frameworks by building awesome projects

What You'll Learn?

Build real world vuejs applications from scratch
Integrate Frontend frameworks with vuejs applications
Use vue-cli 3 for more scalable and productive vue-js application development
Handle authentication workflows in vuejs applications
Build vue applications based on real world REST API communication

Who is this for?

Beginner frontend developers looking to add a frontend javascript framework to their portfolios

Advanced frontend developers looking to add Vue-js to their portfolios

Backend developers willing to start on the frontend

What You Need to Know?

Have an understand of HTML & CSs

Have a basic understanding of the Javascript Programming language

More details

Description
Are you a javascript / frontend developer looking forward to improve your fields ? Search no more !Â Vuejs is the most popular javascript framework in 2018. Yes, it is, and it keeps increasing in popularity and more and more companies keep adapting it.

Vue-js is really EASY TO LEARN. In this short 5-hour course, I will take you from beginner to master in vue-js. I will teach you everything you need to be able to build applications with vue-js. After taking this course, you will have and know everything you need to build your own real world vue-js applications.
We are going to cover topics like
Reactive vue data
Displaying data
Form data collection
Displaying data sets
Event handling
Components
Props
Component reusability
Asynchronous api calls
JWT Authentication
Login &Â Signup
Pagination
Loading state
Error handling
Frontend css frameworks integration
Vue-cli
Application deployment

AND SO SO SO MUCH MOOORE !!!!!Â

You'll build real world projects and solutions in this course to be able to build your own projects.

Go ahead and enroll into this course and start learning immediately. By this time tomorrow you can complete this course and add vue-js to your skill set.

I'LL BE HERE TO SUPPORT YOU EVERY STEP OF THE WAY !!!
Who this course is for:
Beginner frontend developers looking to add a frontend javascript framework to their portfolios
Advanced frontend developers looking to add Vue-js to their portfolios
Backend developers willing to start on the frontend

User Reviews

Rating

average 0

Total votes0

Focused display

Kati Frantz is a software engineer and Auth0 Ambassador passionate about mentoring and training other developers. He’s published over 150 hours of training resources on Udemy with over 65 000 students. He’s worked with multiple teams and startups across the world to build powerful, modern, performant and scalable web applications. He is also a speaker and author of the Deploying Nodejs book. He is currently the core maintainer of the open-source headless CMS and API builder Tenseijs.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.