How to Build Scalable Front End Applications with Vue JS

Focused View

Hossein Mirian

3:24:15

120 View

1. Introduction

1. Introduction.mp4

02:27

2. Scalable Applications (Why and How)

1. Definitions, Problems, Solutions.mp4

15:17

3. Definition of the Project (Film-Centre)

1. Film-Centre project definiitions.mp4

07:37

2. Translating UI into JSON schema.mp4

06:52

4. Initialization & Setup

1. Prerequisites.mp4

03:44

2.1 Section 4 Lecture 2 Source.html

2. Installing Vuetify.mp4

07:42

3.1 Section 4 Lecture 3 Source.html

3. Installing JSON-Server to run a quick API.mp4

07:53

5. Static implementation of layouts

1.1 Section 5 Lecture 1 Source.html

1. Defining App routes and corresponding components.mp4

11:05

2.1 Section 5 Lecture 2 Source.html

2. Creating static components of HomeView.mp4

05:56

3.1 Section 5 Lecture 3 Source.html

3. Creating static FilmsView layouts.mp4

10:52

4.1 Section 5 Lecture 4 Source.html

4. Creating static FilmView layouts.mp4

04:49

6. Creating a powerful Object-Oriented Client API library

1.1 Section 6 Lecture 1 Source.html

1. Creating a robust Object-Oriented Client API.mp4

20:10

2.1 Section 6 Lecture 2 Source.html

2. Creating APIs for products, users and app-schema.mp4

07:37

3.1 Section 6 Lecture 3 Source.html

3. Improve our API client using factory pattern.mp4

17:10

7. Dynamic Injection of layout using schema-driven approach

1.1 Section 7 Lecture 1 Source.html

1. Schema-Driven creation of HomeView components.mp4

28:28

2.1 Section 7 Lecture 2 Source.html

2. Schema-Driven creation of Header and Footer.mp4

11:38

3.1 Section 7 Lecture 3 Source.html

3. Schema-Driven creation of FilmsView.mp4

18:24

4.1 Section 7 Lecture 4 Source.html

4. Schema-Driven creation of FilmView.mp4

07:44

5.1 Section 7 Lecture 5 Source.html

5. quickly creating UsersView & conclusion.mp4

08:50

Description

Building Large Applications with Vue JS, Schema-Driven Design, Dynamic Layout Injection From Back End Schema, JavaScript

What You'll Learn?

How to build scalable front end applications
What is Schema-Driven design
How to make single responsible components
What is application development process and complexity in a real company
How to Structure a Large Scale Vue JS applications

Who is this for?

Any individual with the knowledge of front-end, back-end and any software engineer willing to know how to build scalable applications is welcome to this course

Intermidiate front end developer looking to sharpen their skills

Back end developer looking to know how to implement UI schema design

Experienced Front end engineer looking to build more complex and scalable applications

JavaScript Learners interested in learning advanced topic

Vue Js developers interested in advanced component creation techniques

More details

Description
Take your front end development to the next level with Scalable Front End â€“ the only course designed to give you the skills necessary to build dynamic, scalable apps. Learn how to use schema-driven design, control UI elements using back end JSON schema, and master design patterns like multi-service/multi-template design patterns. And that's just the beginning! With Scalable Front End, you'll be equipped with the knowledge and tools to optimize your software development cycle in big companies. Start your journey today!

Learn the fundamentals, dive into coding in the Vue JS framework and get hands-on experience with a challenging schema-driven design project to understand how to create a large Vue JSÂ application. With this course, you'll have all the skills you need to build powerful and dynamic applications and take your career to the next level.

Develop your front-end skills effortlessly and quickly with Scalable Front End! Master all the powerful strategies and techniques to build advanced web applications without having to worry about any particular framework. With this course, you can apply the same methods for React JS, Angular JS, or whatever your next project may be. Join us and start making the most out of your front-end development!

This course is created to help front-end developers and engineer take their skills in a more advanced level and build full dynamic scalable applications. The course starts with some theoretical explanation of the software production cycle and then dives into coding in the Vue JS framework by implementing a challenging schema-driven design project called "Film-Centre" to show the different and powerful strategies to build scalable front-end applications. We will analyze complex layouts and functionalities and translate them into JSON schema. Later implement the UI statically, next we will use our quick API endpoint created by the JSON server to return our JSON schema and build our application with different advanced methods.

Who is this course for?
- Any front end developer (vue, react, angular) willing to know how to design complex, scalable front end applications.
- Any back end developer who wants to be one step ahead of others by knowing the secret of coordination of UIÂ elements from the back end.
- Anyone interested to know what are the exact expectations of a company from a senior front-end developer
- Anyone stuck with heavy and complex projects willing to know the secret of building flexible, scalable, and maintainable applications.

The Github repo links is included as a resource from section 4 and so on as well as in the last lecture.

What technology and framework are used?
- Vue JS
- Vuetify
- Javascript
- Sass

what design pattern do we use?
- Singleton
-Â Factory
- Schema-Driven Design
- Single Component Design

What is schema-driven design?
It is a new modern approach in software development to give control and flexibility to the layouts.

Is schema-driven design relevant to XML schema?
They are not wholly relevant but have some similarities.

Who this course is for:
Any individual with the knowledge of front-end, back-end and any software engineer willing to know how to build scalable applications is welcome to this course
Intermidiate front end developer looking to sharpen their skills
Back end developer looking to know how to implement UI schema design
Experienced Front end engineer looking to build more complex and scalable applications
JavaScript Learners interested in learning advanced topic
Vue Js developers interested in advanced component creation techniques

User Reviews

Rating

average 0

Total votes0

Focused display

Hossein MirianMaersk UK Senior Software Engineer, the Former University of Oxford Web Developer, and Researcher. I'm a tech enthusiast, passionate about building innovative solutions that create lasting impact. Love experimenting with graphic design and exploring the world of coding!I started working when I was 18. First I got into graphic design and worked with Adobe Photoshop and Illustrator. I did start my first programming by working on an Adobe Flash action script which we know is dead now! After revealing the mobile development industry I started working on Android development applications in different roles. At the same time, web development got my attention and I started working on web and technologies like Node JS, Vue, and React.I like complex layout creation, love sharing my knowledge with all the people around the world, and enjoy communicating with people to make a more educated software engineering community.

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.