• Search...

categories: Technology & Innovation

Technology
Web
Development
SDG 9: Industry, Innovation and Infrastructure

FullStack Web Development

Duration: 6 h 31 m / 54 lessons

Level: General

Course Language: Arabic

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

  • An in-depth explanation of both the back end (server side) and the front end (client side), how to integrate between them both to build a full-stack web app.

  • How to use JavaScript to build a full-fledged web app together with a brief explanation of other programming languages such as Node JS, Express JS, and MongoDB.

  • A clear understanding of the full-stack web developer’s role, how they can be an added value to the team, and the skillset they need to develop to succeed.

Course details

  • 6 h 31 m/54 lessons
  • Last updated: 7/11/2021
  • 2 learning resources
  • Course completion certificate

Course Content

Free lessons

1.

Course Outline

2.

Node

4 Minutes
3.

Environment Setup

7 Minutes
4.

Global Object

3 Minutes
5.

Modules

2 Minutes
6.

What do you need to know

2 Minutes
1.

Course Outline

2.

What do you need to know

2 Minutes
1.

Node

4 Minutes
2.

Environment Setup

7 Minutes
3.

Global Object

3 Minutes
4.

Modules

2 Minutes
5.

Create Module 1

9 Minutes
6.

Create Module 2

5 Minutes
7.

Built In Modules

6 Minutes
8.

Introduction to Classes

5 Minutes
9.

Class Constructor

5 Minutes
10.

Class Methods

3 Minutes
11.

Class Inheritance

10 Minutes
12.

Function Declaration

2 Minutes
13.

Function Expression

11 Minutes
14.

Asynchronous vs Synchronous

4 Minutes
15.

Callbacks

8 Minutes
16.

Promises

13 Minutes
17.

Async/Await

9 Minutes
18.

Events

16 Minutes
1.

Introduction to server section

2.

Express and APIs

3 Minutes
3.

MongoDB

3 Minutes
4.

Environment Setup

9 Minutes
5.

Server File Preparation

7 Minutes
6.

First API

11 Minutes
7.

Postman

9 Minutes
8.

First GET API

3 Minutes
9.

Database Class

10 Minutes
10.

Adding a Note to Database

14 Minutes
11.

Getting Notes from Database

8 Minutes
12.

Getting a Specific Note by ID

8 Minutes
13.

Updating an Existing Note

10 Minutes
14.

Deleting a Note

4 Minutes
15.

Finishing the Server

8 Minutes
1.

Introduction to Client side

3 Minutes
2.

Client project setup

2 Minutes
learning resources
3.

HTML Main Page

5 Minutes
4.

Build Note API Client

15 Minutes
5.

Update Notes Table

13 Minutes
6.

Edit and Delete Buttons

3 Minutes
7.

Search for a Note

8 Minutes
8.

Delete Note

7 Minutes
9.

Add Note Modal

6 Minutes
10.

Save New Note

10 Minutes
11.

Clear New Note Modal

4 Minutes
12.

Edit Note Modal

4 Minutes
13.

Load Note Data in Edit Modal

4 Minutes
14.

Save Edited Note

11 Minutes
15.

Add Styling for New or Edited Note

11 Minutes
1.

Deploy Introduction

1 Minutes
2.

Deploy Database on MongoDB Atlas

8 Minutes
3.

Deploy Server on Heroku

13 Minutes
4.

Deploy Client on GitHub

9 Minutes
learning resources

About this course

What does a full-stack web developer do? In a nutshell, he is the one person who can develop both the back end (server side) and the front end (client side) as well. Not only will this training course help you master the highly after-sought technologies by employers worldwide, but also how to add value to all your team members and the project in progress. JavaScript will be used mainly in this course along with a group of other programming languages such as Node JS, Express JS, and MongoDB to learn web development, achieve the greatest possible benefit, and create sites professionally.

Course requirements and prerequisites

This course requires a prior knowledge of JavaScript.

This training course requires prior knowledge of client-server architecture.

Mentor

FullStack Web Development

Duration: 6h 31m / 54 lessons
Level: General
Course Language: Arabic
Looking for help?