facebook
favorite button
super instructor icon
Trusted teacher
This teacher has a fast response time and rate, demonstrating a high quality of service to their students.
member since icon
Since June 2015
Instructor since June 2015
Advanced web application development / Web application development
course price icon
From 214.81 CNY /h
arrow icon
This is an advanced course: learn how to develop web applications from zero to hero. A simple application development which will take around 10 hours of course depending on your level in programming.

- front end: reactjs
- back end: c# with dotnet or python with django rest framework
- database: mongodb, mysql or postgres
- publishing using AWS.
- using git/github for versioning

prerequisite:
- sql database data manipulation
- algorithms and programming

In this course, you will learn how to make a modern web application. You will be able to develop your skills for creating a database, and to connect it to the web application. Publishing the solution will not scare and you will be able to see how you can put your website online. You will create your own domain so that everyone can access your website. You will be able to use github and git in order to keep track of your application maintenance and development. Testing your application for better quality.

*text me to learn more about the course
Extra information
The course might require additional fees.
Location
location type icon
Online from Canada
About Me
I am passionate about the world of computer science. Since I was 14 I started to develop algorithms and write code. I am a computer engineer and I also have a master degree in IT.

Je suis passionné par le monde de l'informatique, depuis que j'avais 14 ans j'ai commencé à développer des algorithme et écrire du code. Je suis ingénieur en informatique et j'ai aussi fait un master de spécialisation apprentissage machine.
Education
Three years at Ensias, computer engineer training specializing in BI.
Two years of master's degree at the University of Montreal, specialization in machine learning algorithms.

Trois ans à l'Ensias, formation ingénieur en informatique spécialisé dans la BI.
Deux ans de master à l'Université de Montréal, spécialisation dans les algorithmes d'apprentissage machine
Experience / Qualifications
6 years of experience as a developer, I worked on several IT projects and I used several programming languages ​​such as C #, Python, Javascript, etc.

6 ans d'expérience en tant que développeur, j'ai travaillé sur plusieurs projet TI et j'ai utilisé plusieurs langages de programmation tel que le C#, Python, Javascript, etc
Age
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Intermediate
Advanced
Duration
120 minutes
The class is taught in
English
French
Arabic
Reviews
Availability of a typical week
(GMT -05:00)
New York
at teacher icon
Online via webcam
Mon
Tue
Wed
Thu
Fri
Sat
Sun
00-04
04-08
08-12
12-16
16-20
20-24
I am a computer engineer and I offer courses to students who wish to consolidate their theoretical knowledge and practical skills in computer science. The courses are adaptable according to your needs and the field of computer science that you wish to consolidate the most. However, I suggest you choose one of the following specialty areas that I master: Algorithmics, Programming (C / C ++, Java, C #, Python), Web (HTML, CSS, Javascript, Ajax, XML, etc.), Data structure .

As a computer engineer, I offer tailored courses to help students strengthen their understanding and practical skills in computer science. My specialties include algorithmics, programming languages such as C/C++, Java, C#, and Python, and web development using technologies like HTML, CSS, JavaScript, Ajax, and XML. I am happy to work with you to focus on the specific areas of computer science that you would like to improve upon.
Read more
Similar classes
arrow icon previousarrow icon next
verified badge
Oussama
Your project is broken? Deadline approaching? Can't deploy? I help developers and students fix bugs, optimize code, and deploy applications to production.
I Specialize In:

Emergency Debugging: Find and fix errors fast (frontend crashes, backend timeouts, database issues)
Deployment Rescue: Get your app live when nothing works (AWS, Vercel, Netlify)
Performance Optimization: Speed up slow applications (database queries, API responses, bundle size)
CI/CD Setup: Automate your deployment pipeline (GitHub Actions, testing, monitoring)

Common Problems I Solve:

❌ "My app works locally but crashes in production"
❌ "Database queries are too slow"
❌ "Authentication isn't working"
❌ "Can't deploy to AWS / Vercel"
❌ "Getting weird errors I don't understand"
❌ "Payment integration (Stripe) not working"

Technologies I Work With:

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Databases: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Perfect For:

Students: Fix your project before the deadline
Junior Developers: Debug production issues you can't solve alone
Freelancers: Get unstuck on client projects fast
Startups: Fix and deploy your MVP without hiring a full-time engineer

How It Works:

Live Debugging Session: We fix it together via screen share
Code Review: I show you how to prevent the issue in the future
Documentation: You get a summary of what was fixed and why

Average Resolution Time:

Simple bugs: 1-2 hours
Deployment issues: 2-3 hours
Complex debugging: 3-5 hours

Urgent projects accepted (same-day availability for emergencies).
verified badge
Farouk
This module is a crucial step for any web developer wishing to move from simple DOM manipulation to mastering modern frameworks. The objective is clear: to understand the "invisible foundations" of the language in order to write shorter, more readable code and, above all, be ready to code professionally in React.

🎯 Training Objectives

1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).

📖 Detailed program content

The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:

1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.

2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.

Data manipulation:

1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).

2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).

Code robustness:

1- Managing default parameter values.

2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.

3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.

4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.

🛠️ Teaching method: "Learning by doing"

This course is not just about theory. It includes:

The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.

The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.

🚀 Learner's result

By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.

Format: Clean visual presentation, coloured syntax for code, and focus on readability.
message icon
Contact Mehdi
repeat students icon
1st lesson is backed
by our
Good-fit Instructor Guarantee
Similar classes
arrow icon previousarrow icon next
verified badge
Oussama
Your project is broken? Deadline approaching? Can't deploy? I help developers and students fix bugs, optimize code, and deploy applications to production.
I Specialize In:

Emergency Debugging: Find and fix errors fast (frontend crashes, backend timeouts, database issues)
Deployment Rescue: Get your app live when nothing works (AWS, Vercel, Netlify)
Performance Optimization: Speed up slow applications (database queries, API responses, bundle size)
CI/CD Setup: Automate your deployment pipeline (GitHub Actions, testing, monitoring)

Common Problems I Solve:

❌ "My app works locally but crashes in production"
❌ "Database queries are too slow"
❌ "Authentication isn't working"
❌ "Can't deploy to AWS / Vercel"
❌ "Getting weird errors I don't understand"
❌ "Payment integration (Stripe) not working"

Technologies I Work With:

Frontend: React, Next.js, TypeScript, Vue, Angular
Backend: Node.js, NestJS, Express, Python (Django, Flask)
Databases: PostgreSQL, MySQL, MongoDB, Redis
Cloud: AWS (EC2, RDS, S3), Vercel, Netlify, Render
DevOps: Docker, CI/CD, GitHub Actions, Nginx

Perfect For:

Students: Fix your project before the deadline
Junior Developers: Debug production issues you can't solve alone
Freelancers: Get unstuck on client projects fast
Startups: Fix and deploy your MVP without hiring a full-time engineer

How It Works:

Live Debugging Session: We fix it together via screen share
Code Review: I show you how to prevent the issue in the future
Documentation: You get a summary of what was fixed and why

Average Resolution Time:

Simple bugs: 1-2 hours
Deployment issues: 2-3 hours
Complex debugging: 3-5 hours

Urgent projects accepted (same-day availability for emergencies).
verified badge
Farouk
This module is a crucial step for any web developer wishing to move from simple DOM manipulation to mastering modern frameworks. The objective is clear: to understand the "invisible foundations" of the language in order to write shorter, more readable code and, above all, be ready to code professionally in React.

🎯 Training Objectives

1- Demystify the modern syntax (ES6+) often used in React.
2- Increase efficiency by using the most powerful syntactic shortcuts.
3- Secure your code to avoid frequent bugs related to missing data.
4- Mastering asynchronicity to manage data calls (API).

📖 Detailed program content

The course is divided into 13 key concepts, illustrated by comparative examples (classic syntax vs. modern syntax) and concrete use cases in React:

1- Ease of writing: Use of Template Literals (`backticks`) for dynamic character strings and Shorthand property names to simplify the creation of objects.

2- Logic and Functions: Mastery of Arrow => Functions (arrow functions) and their implicit return, essential for React components and hooks.

Data manipulation:

1- Destructuring (decomposition) to properly extract data from objects and arrays (e.g., Props and States).

2- Rest & Spread Operators (...) to copy arrays or merge objects without modifying the original (concept of immutability).

Code robustness:

1- Managing default parameter values.

2- Advanced security with Optional Chaining (?.) and Nullish Coalescing (??) to prevent application crashes.

3- Functional Programming: Intensive use of array methods (.map(), .filter(), .reduce(), .find()) to transform data into user interfaces.

4- Architecture and Asynchronism: Code organization via modules (Import/Export) and API request management with Promises and Async/Await.

🛠️ Teaching method: "Learning by doing"

This course is not just about theory. It includes:

The "Interstellar Dashboard" Exercise: A 15-minute thematic case study where students manipulate data from space missions. This allows them to immediately apply destructuring, filtering, and asynchronicity to a real-world project.

The Interactive Quiz: A series of 10 questions designed to validate understanding of each concept before moving on. Each question presents real-world scenarios that developers will encounter in React.

🚀 Learner's result

By the end of this course, students will not only "know" JavaScript; they will understand why and how each syntax is used to build efficient React components. They will leave with a solid foundation to confidently tackle Hooks (useState, useEffect) and complex state management.

Format: Clean visual presentation, coloured syntax for code, and focus on readability.
Good-fit Instructor Guarantee
favorite button
message icon
Contact Mehdi