Frontend Development – Introduction to Web Development – Overview of Web Technologies – Understanding Client-Server Architecture – Setting up Development Environment. HTML & CSS – HTML and CSS Basics – JavaScript Basics- DOM Manipulation and Events- ES6+ Features: Arrow Functions, Template Literals, Destructuring

Asynchronous JavaScript: Promises, Async/Await- JavaScript Libraries: jQuery, D3.js. Frontend Frameworks – Introduction to React: Components, State, Props- Hooks, Context API, React Router.

Backend Development – Introduction to Backend Development – Overview of Server-Side Technologies. Node.js & Express.js – basics – Building Web Servers with Express.js – Middleware and Routing – Handling Requests and Responses. Database Management – Working with MongoDB: CRUD Operations – Joins, Indexes, Transactions – Authentication & Security. User Authentication: JWT – HTTPS, Data Validation, Sanitization – Building RESTful APIs- Integrating Frontend with Backend.

Full Stack Integration and Hosting – Introduction to Hosting Services: Heroku, AWS, DigitalOcean – Containerization Basics – Exploring Full Stack sample Project Development. Testing & Debugging – Frontend Testing – Jest, React Testing Library. Backend Testing – Mocha, Chai.

Pre-Requisite(s): Programming and database fundamentals
Course Type: Project

Course Objectives

• To understand the core concepts of both the front-end and back-end programming course.
• To explore the latest web development technologies for application design
• To apply and understand the in-depth study of the various web development tools

Course Outcomes

CO1: Gain a foundational understanding of web technologies, client-server architecture, and set up a development environment.
CO2: Develop proficiency in HTML, CSS, and JavaScript basics, including DOM manipulation, ES6+ features, and asynchronous programming.
CO3: Learn to use React for building dynamic user interfaces, including components, state management, hooks, and routing.
CO4: Understand server-side technologies with Node.js and Express.js, manage databases with MongoDB, and implement secure user authentication.
CO5: Explore full stack project development, containerization with Docker, and deploy applications using hosting services like Heroku and AWS, alongside comprehensive testing and debugging practices.

CO-PO Mapping

Evaluation Pattern: 70/30

1. Web Design with HTML, CSS, JavaScript and JQuery Set Book by Jon Duckett Professional
2. Full-Stack JavaScript Development by Eric Bush.
3. Mastering Full Stack React Web Development Paperback – April 28, 2017 by Tomasz Dyl,Kamil Przeorski, Maciej Czarnecki
4. JavaScript for Web Developers Book by Nicholas C. Zakas
5. Learning PHP, MySQL, JavaScript, CSS & HTML5: A Step-by-Step Guide to Creating Dynamic
6. Websites by Robin Nixon Full Stack JavaScript: Learn Backbone.js, Node.js and MongoDB. Copyright © 2015 BY AZAT MARDAN