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 March 2025
Instructor since March 2025
Full-Stack Web Development with React, Next.js, Express.js and Java Spring Boot
course price icon
From 7.91 € /h
arrow icon
In this comprehensive course, you'll learn how to build and deploy modern, full-stack web applications using a variety of industry-standard technologies such as React, Next.js, Node.js, Express.js, Spring Boot, MongoDB, MySQL, Docker, and more. Whether you're a beginner or looking to level up your existing skills, this class provides hands-on experience in both frontend and backend development, along with deployment to a live server.

We’ll begin with building the frontend using React and Next.js, focusing on creating dynamic and responsive user interfaces. You'll then dive into backend development using Node.js and Express.js, where you’ll learn how to create RESTful APIs and manage databases with MongoDB and MySQL.

To ensure your applications are production-ready, we'll explore how to containerize your applications using Docker and deploy them to a Virtual Private Server (VPS) with a custom domain name. You'll also gain essential skills in using GitHub for version control and collaborate on projects, as well as style your applications using CSS and Tailwind CSS for modern, responsive designs.

By the end of the course, you'll not only have the skills to build full-stack applications but also understand how to deploy them on real-world servers and manage them in production environments. This course will provide you with all the tools you need to succeed in web development, software engineering, and deployment.
Extra information
This course is ideal for anyone looking to become a full-stack developer, whether you are starting from scratch or seeking to expand your existing knowledge in web development and deployment.
Location
location type icon
Online from Tunisia
About Me
I am a passionate software engineer with a focus on creating exceptional digital experiences using modern technologies, primarily the MERN stack (MongoDB, Express.js, React, Node.js). With a solid academic foundation from ISAMM University and hands-on experience with startups and established companies, I am constantly looking for new challenges to further expand my skills and contribute to impactful projects.

Over the past few years, I’ve had the privilege of working with companies such as CodeCooperation, Pikoro, Qramer, and Xsustain. These experiences have provided me with the opportunity to tackle diverse, real-world problems and learn from leading professionals in the industry.

One of my key areas of focus is building and optimizing complex user interfaces that not only meet user expectations but exceed them. I take great pride in creating engaging, scalable, and user-friendly platforms, with a particular interest in React.js, Next.js, and React Native for frontend development, as well as NestJS, Node.js, and Express.js for backend solutions.

In addition to development, I have worked with deployment tools and workflows including Docker, Nginx, GitHub Actions, and Certbot to ensure that the applications I build are production-ready and securely deployed.

Technologies I Work With:
Frontend: React.js, Next.js, React Native ,Expo, Redux, Tailwind CSS, Prisma, Three.js, i18n

Backend: Node.js, Express.js, NestJS, Socket.io, Firebase, MongoDB, SQL

DevOps: Docker, Nginx, Certbot, GitHub Actions

Other: Unity (Game Development)

I am always eager to explore new technologies and methodologies to stay at the forefront of the rapidly evolving software development landscape. Whether it's building interactive user interfaces, developing APIs, or deploying scalable platforms, I’m excited to continue learning and pushing the boundaries of what technology can achieve.
Education
I hold a National Engineering Degree in Applied Sciences and Technology from the Higher Institute of Multimedia Arts of Manouba (2021 - 2024). This program provided me with a strong foundation in engineering principles, as well as advanced skills in software development, technology, and multimedia applications.
Experience / Qualifications
As a Software Engineer at Xsustain since June 2024, I have been responsible for developing and maintaining websites from scratch as well as adapting existing templates. My role involves maintaining constant communication with a diverse range of clients to understand their requirements and deliver high-quality, user-friendly digital solutions. I work on both frontend and backend development, using technologies such as React.js, Next.js, Express.js, and Spring Boot. Additionally, I am involved in the deployment process, ensuring that the websites are efficiently deployed and properly configured for production environments. I contribute to all stages of the development process, ensuring that each project is tailored to meet client needs while maintaining the best practices in design and functionality.
Age
Infants (0-3 years old)
Preschool children (4-6 years old)
Children (7-12 years old)
Teenagers (13-17 years old)
Adults (18-64 years old)
Seniors (65+ years old)
Student level
Beginner
Intermediate
Advanced
Duration
30 minutes
45 minutes
60 minutes
90 minutes
120 minutes
The class is taught in
English
Arabic
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
Similar classes
arrow icon previousarrow icon next
verified badge
Vincent
With over seven years of experience in teaching Computer Science & Information Technology (ICT), I have developed a strong expertise in delivering high-quality education across multiple internationally recognized curricula, including Cambridge IGCSE, GCSE, A-Levels, O-Levels, and Checkpoint. My passion lies in equipping students with coding, cybersecurity, and digital literacy skills, ensuring they are well-prepared for the evolving demands of the digital world.

Expertise & Teaching Areas:
✅ Programming & Software Development: Python, Java, C++
✅ Cybersecurity: Ethical hacking, data protection, network security
✅ Digital Literacy: ICT applications, online safety, cloud computing
✅ Data Science & AI: Data analysis, machine learning fundamentals
✅ Web Development: HTML, CSS, JavaScript

Curriculum & Pedagogical Experience:
🔹 Cambridge IGCSE & GCSE ICT & Computer Science – Teaching core and extended syllabi, focusing on programming logic, databases, and networking.
🔹 Cambridge A-Levels & O-Levels Computer Science – Preparing students for advanced computing concepts, problem-solving, and algorithm development.
🔹 Cambridge Checkpoint ICT – Building foundational skills in digital technology and computer applications.

Professional Impact:
📌 Mentored students to achieve top grades in Cambridge ICT & Computer Science exams.
📌 Developed interactive lesson plans integrating real-world applications of technology.
📌 Conducted coding boot camps and cybersecurity workshops to enhance practical learning.
📌 Guided students in project-based learning, including app development and website design.

With a strong commitment to student-centered learning and technological innovation, I am dedicated to shaping future tech leaders and empowering learners with skills relevant to careers in technology, data science, and software development.
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 Hatem
repeat students icon
1st lesson is backed
by our
Good-fit Instructor Guarantee
Similar classes
arrow icon previousarrow icon next
verified badge
Vincent
With over seven years of experience in teaching Computer Science & Information Technology (ICT), I have developed a strong expertise in delivering high-quality education across multiple internationally recognized curricula, including Cambridge IGCSE, GCSE, A-Levels, O-Levels, and Checkpoint. My passion lies in equipping students with coding, cybersecurity, and digital literacy skills, ensuring they are well-prepared for the evolving demands of the digital world.

Expertise & Teaching Areas:
✅ Programming & Software Development: Python, Java, C++
✅ Cybersecurity: Ethical hacking, data protection, network security
✅ Digital Literacy: ICT applications, online safety, cloud computing
✅ Data Science & AI: Data analysis, machine learning fundamentals
✅ Web Development: HTML, CSS, JavaScript

Curriculum & Pedagogical Experience:
🔹 Cambridge IGCSE & GCSE ICT & Computer Science – Teaching core and extended syllabi, focusing on programming logic, databases, and networking.
🔹 Cambridge A-Levels & O-Levels Computer Science – Preparing students for advanced computing concepts, problem-solving, and algorithm development.
🔹 Cambridge Checkpoint ICT – Building foundational skills in digital technology and computer applications.

Professional Impact:
📌 Mentored students to achieve top grades in Cambridge ICT & Computer Science exams.
📌 Developed interactive lesson plans integrating real-world applications of technology.
📌 Conducted coding boot camps and cybersecurity workshops to enhance practical learning.
📌 Guided students in project-based learning, including app development and website design.

With a strong commitment to student-centered learning and technological innovation, I am dedicated to shaping future tech leaders and empowering learners with skills relevant to careers in technology, data science, and software development.
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 Hatem