• Search...

categories: Technology & Innovation

Technology
Design
JavaScript
SDG 8: Decent Work and Economic Growth
SDG 9: Industry, Innovation and Infrastructure

Build Your First Blog System Using Vue.js

Duration: 2 h 51 m / 43 lessons

Level: General

Course Language: Arabic

By the end of this course, you will be able to

  • Define what is Vue.js, identify why to use Vue.js to build your first blog, and recall the core concepts of Vue.js such as components, templates, and directives.

  • Explain how Vue.js can be used to build interactive web applications and then, you will learn how to implement single-page application (SPA) step-by-step.

  • Explain what is data binding, computed properties, and methods. Then, you will build a simple blog system with a dynamic and user-friendly interface using Vue.js.

Course details

  • 2 h 51 m/43 lessons
  • Last updated: 28/4/2023
  • Course completion certificate

Course Content

Free lessons

1.

Introduction to the Course

1 Minutes
2.

Single-page Application (SPA)

1 Minutes
3.

Why Vue.js?

1 Minutes
4.

Insializing Your First Application

2 Minutes
5.

Creating Vue.js Application

6 Minutes
1.

Introduction to the Course

1 Minutes
2.

Single-page Application (SPA)

1 Minutes
3.

Why Vue.js?

1 Minutes
4.

Insializing Your First Application

2 Minutes
5.

Creating Vue.js Application

6 Minutes
6.

Explaining Vue Instance

2 Minutes
7.

Explaining Data Binding

3 Minutes
8.

Explaining Computed Properties

4 Minutes
9.

Explaining Methods

2 Minutes
10.

The Difference Between Methods and Computed Properties

4 Minutes
11.

Explaining Watch

4 Minutes
12.

Explaining Lifecycle Hooks of Vue.js

2 Minutes
13.

Created Lifecycle Hook

1 Minutes
14.

Mounted Lifecycle Hook

1 Minutes
15.

Destroyed Lifecycle Hook

3 Minutes
16.

Explaining Conditional Rendering

17.

Conditional Rendering Examples

4 Minutes
18.

V-show Examples

2 Minutes
19.

Explaining List Rendering

20.

V-for Examples

3 Minutes
21.

Editing Items

3 Minutes
22.

Explaining Vue Components

1 Minutes
23.

How to Create a Component?

3 Minutes
24.

How Do Components Communicate?

5 Minutes
25.

Project Creation

1 Minutes
26.

Create Home Banner

4 Minutes
27.

Create Post Card

9 Minutes
28.

JSON

5 Minutes
29.

Posts Data Biding

8 Minutes
30.

Creating the Modal UI

6 Minutes
31.

Updating the Modal Data

11 Minutes
32.

Explaining Vue Router

1 Minutes
33.

Insialize New Router

2 Minutes
34.

Create Your First Route

3 Minutes
35.

How to Use Route Params

3 Minutes
36.

How to Use Query Params

3 Minutes
37.

Explaining Router Methods

5 Minutes
38.

Applying Vue Router

10 Minutes
39.

Create the Add Blog Page

6 Minutes
40.

Integration With API

5 Minutes
41.

Create the Edit Blog

6 Minutes
42.

Create the Delete Blog

4 Minutes
43.

Course Wrap-up

1 Minutes

About this course

Vue.js is one of the most recommended and popular Front-End frameworks that can be used for building blogs and single-page applications. This popularity happens due to the simplicity, interactivity, and excellent user experience Vue.js offers. Therefore, this training course is prepared to help you learn about Vue.js, how it works, the core concepts, and how it can be used to build interactive web applications.

Course requirements and prerequisites

There are no requirements for this course. Your interest in the topic and your commitment to learning are all you need to achieve the utmost benefit from this course.

Mentor

Build Your First Blog System Using Vue.js

Duration: 2h 51m / 43 lessons
Level: General
Course Language: Arabic
Looking for help?