From Zero To Full Stack: Create Powerful App Mean And Ionic

Mastering Full-Stack Development: A Hands-On Guide

What you'll learn

Build a robust Mobile application by mastering MEAN Stack and Ionic , and discover how create a beautiful and responsive user interfaces.

By the end of this course, you will have a portfolio-worthy project that showcases your skills.

Harness the power of Socket io to implement real-time features, Explore the integration of Google Maps.

This course is not just a theory, it's a full practise course where you build a complete project from scratch.

The skills in this course are high demand in the job market , whether you're looking to start a career in web and mobile app.

Master frontend with Angular

Master backend with Node js.

Gain insights into industry best practices, debugging techniques, and problem solving.

Requirements

Basic knowledge of MEAN Stack and Ionic is will be helpfull, you will be in a good position to follow along and dive deeper into practical implementation.

Computer with internet connection.

No paid software required.

Enthusiasm and a willingness to learn.

Description

I'm Taki Jemai, a seasoned full-stack developer, bringing my expertise to guide you through the creation of Ionic Angular + NodeJS Applications. As a distinguished instructor with a proven track record on Udemy and the 'Academind' YouTube channel, I'm excited to lead you on this hands-on journey.This course is meticulously crafted around one comprehensive application, allowing you to grasp concepts in a practical and detailed manner. Here's what you'll learn:Set up a NodeJS + Express + MongoDB + Angular Application effortlessly using the Angular CLIOptimize NodeJS and Express for efficient backend developmentConstruct reusable Components in Angular for a reactive User ExperienceEstablish seamless communication between your NodeJS backend and Angular App with Angular’s HttpClient serviceDesign and implement robust endpoints on your Backend for Frontend consumptionImplement advanced features like file upload and paginationEnhance Application security with User Authentication and AuthorizationGracefully handle Errors in your applicationUsing Socket io for sending and receiving messagesThis course transcends traditional boundaries, providing you with the skills and confidence necessary to excel in the dynamic realm of full-stack development. Whether you're a beginner or an experienced developer, join me on this transformative journey to elevate your coding capabilities. Enlist now to shape the future of web and mobile development with expertise and creativity. Let's code towards mastery together

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Course Prerequistes

Lecture 3 App Demo

Lecture 4 Tools and Libraries Installation

Lecture 5 Node.Js and Angular Installation

Lecture 6 VS Code

Lecture 7 ATLAS Cloud

Section 2: Authentication

Lecture 8 Introduction

Lecture 9 Backend Folder

Lecture 10 Index Js File

Lecture 11 Connect Atlas Cloud to Backend Server

Lecture 12 Connect Atlas Cloud Part 2

Lecture 13 Create Project Folders

Lecture 14 User Schema

Lecture 15 Create New User

Lecture 16 Auth Routes

Lecture 17 Test Create User Using Postman

Lecture 18 Verify User Email Address

Lecture 19 Login Function

Lecture 20 Login Route

Lecture 21 Login Postman

Section 3: Backend Project

Lecture 22 Introduction

Lecture 23 User Schema Update

Lecture 24 Post Schema

Lecture 25 Rating Schema

Lecture 26 Message Schema

Lecture 27 Conversation Schema

Lecture 28 Create New Post Without Images

Lecture 29 Create New Post With Images

Lecture 30 Get All Posts

Lecture 31 Get Post By Id

Lecture 32 Add Like

Lecture 33 Add Comments

Lecture 34 Edit Post

Lecture 35 Delete Post

Lecture 36 Add Favorite Post

Lecture 37 Delete Favorite Post

Lecture 38 Get All Users

Lecture 39 Get User By Id and Username

Lecture 40 Valorate App

Lecture 41 Get Rating List

Lecture 42 Change Password

Lecture 43 Reset Password

Lecture 44 Contact Us

Lecture 45 Upload Image

Lecture 46 Set Default Image

Lecture 47 Delete Image

Lecture 48 Get All Messages

Lecture 49 Send Message Part 1

Lecture 50 Send Message Part 2

Lecture 51 Read Message

Lecture 52 Read All Messages

Lecture 53 Verify Token

Lecture 54 Image Route

Lecture 55 Message Route

Lecture 56 Post Route

Lecture 57 User Route

Lecture 58 Update Index js File Routes

Lecture 59 Cors

Lecture 60 Socket io Config

Lecture 61 API Extern Config

Lecture 62 Conclusion

Section 4: Frontend Project

Lecture 63 Introduction

Lecture 64 Frontend Folder

Lecture 65 Save Workspace Folder

Lecture 66 Home Page HTML

Lecture 67 Home Page CSS

Lecture 68 Login Page

Lecture 69 Register Page

Lecture 70 Reactive Forms

Lecture 71 Login Form Validation Message

Lecture 72 Register Page CSS

Lecture 73 Login Testing validation Messages

Lecture 74 Ionic Storage

Lecture 75 Token Service

Lecture 76 Auth Service

Lecture 77 Register Page Create new User

Lecture 78 Alert Controller

Lecture 79 Checking Errors of Login and Register Users

Lecture 80 Principal Page HTML

Lecture 81 Principal Page CSS

Lecture 82 Create Frontend pages

Lecture 83 About Page HTML

Lecture 84 About Page CSS

Lecture 85 Password Page

Lecture 86 Profile Page Part 1

Lecture 87 Profile Page Part 2

Lecture 88 Contact Page Part 1

Lecture 89 Contact Page Part 2

Lecture 90 NewAdd Page

Lecture 91 Capacitor Camera

Lecture 92 Displaying Uploaded Images

Lecture 93 Search Page Part 1

Lecture 94 Search Page Part 2

Lecture 95 List Chat Page 1

Lecture 96 List Chat Page 2

Section 5: Integration

Lecture 97 Introduction

Lecture 98 Generate Services

Lecture 99 Environement Update

Lecture 100 Idealista Service

Lecture 101 Message Service

Lecture 102 Post service

Lecture 103 User Service

Lecture 104 Http Interceptor Part 1

Lecture 105 Http Interceptor Part 2

Lecture 106 Get User Details

Lecture 107 Remove Token

Lecture 108 Change Password

Lecture 109 Upload New Image

Lecture 110 Toast Controller

Lecture 111 User Images Components

Lecture 112 Delete User Images

Lecture 113 Set User Profile Image

Lecture 114 Profile Page Image Header

Lecture 115 Socket io Refresh Pages

Lecture 116 User Details Components

Lecture 117 Valorate App Part 1

Lecture 118 Valorate App Part 2

Lecture 119 Capacitor Share

Lecture 120 Chart js Library

Lecture 121 Contact Us Utility

Lecture 122 Create New Post

Lecture 123 Create Posts With Images

Lecture 124 Google Maps

Lecture 125 Change Address Using The Marker

Lecture 126 Change Address Part 2

Lecture 127 Create New Post Update

Lecture 128 Adding the Lat and Lng for Posts

Lecture 129 Display All Posts

Lecture 130 Config the Time Using Moment Library

Lecture 131 Delete Post

Lecture 132 Display Post Images

Lecture 133 Edit Post

Lecture 134 Add Like

Lecture 135 Comment Page Config

Lecture 136 Add New Comment Part 1

Lecture 137 Add New Comment Part 2

Lecture 138 Swiper

Lecture 139 Display Image List

Lecture 140 Display Post Information

Lecture 141 Display Localisation Of Post

Lecture 142 Display Localistation Part 2

Lecture 143 Add Post To Favorite List

Lecture 144 Delete Post To Favorite List

Lecture 145 Delete Post Restriction

Lecture 146 Send New Message Part 1

Lecture 147 Send New Message Part 2

Lecture 148 Display All Messages

Lecture 149 Chat Page Receiver Data

Lecture 150 Socket io Events

Lecture 151 Online Events

Lecture 152 Is Typing Events

Lecture 153 List Chat Page Part 1

Lecture 154 List Chat Page Part 2

Lecture 155 List Chat Page Part 3

Lecture 156 Display Message Total Count

Lecture 157 API Extern Of Idealista

Lecture 158 Rest User Password

Lecture 159 Conclusion

Section 6: Deployement

Lecture 160 Production

Lecture 161 Heroku

Lecture 162 Project Frontend and Backend Github Links

If you're new to web and mobile app develpoment but have a strong desire to learn and create, this course is perfect for you.,Are you an aspiring entrepreneur looking to kickstart your own startup? this course provides the essential skills to turn your ideas into functional projects.,Seasoned programmers seeking to stay up-to-date with the latest technologies and frameworks, will find this course valuable.,If you prefer to take a single course that covers a wide range of web and mobile develpoment, then this course offers all-in-one soltuion.