• Introduction to HTML
• Browsers and HTML
• Editor’s Offline and Online
• Tags, Attribute and Elements
• Doctype Element
• Comments
• Headings, Paragraphs, and Formatting Text
• Lists and Links
• Images and Tables
• Forms and actions
• Introduction of Meta Keyword and descriptions

• Introduction CSS
• Applying CSS to HTML
• Ways to Integrate CSS into HTML file
• Selectors, Properties, and Values
  CSS Colors and Backgrounds
• CSS Box Model
• CSS Margins, Padding, and Borders
• Gridding System of CSS
• CSS Text and Font Properties
• CSS General Topics
• Introduction of Bootstrap and its latest version

• Introduction to JavaScript
• Applying JavaScript (Internal and External)
• Understanding JS Syntax
• Introduction to Document and Window Object
• Variables and Operators
• Data Types and Type Conversion
• Math and String Manipulation
• Date and Time
• Conditional Statements
• Switch Case
• Looping in JS
• Functions
• Objects and Array

• Introduction
• Templating using JSX
• Components, State, and Props
• Lifecycle of Components and Redux
• Rendering List and Portals
• Error Handling
• Routers
• Redux and Redux Saga
• Immutable.js
• Server Side Rendering
• Working with Forms
• Routing with React Router
• Redux Middleware
• Unit Testing
• Webpack
• Introduction to TypeScript Framework

• Node.js Overview
• Node.js Basics and Setup
• Node.js Console
• Node.js Command Utilities
• Node.js Modules
• Node.js Concepts
• Node.js Events
• Node.js with Express.js
• Node.js Database Access
• RESTful API
• Use Postman for API Testing

• SQL and NoSQL Concepts
• Setup MongoDB on Local and Live Server
• Create and Manage MongoDB
• Migration of Data into MongoDB
• MongoDB with Node.js
• Working with Unstructured Database
• File System Streams and Event HTTP
• Services Offered by MongoDB

• REST API Constraints
• REST Security Principles
• HTTP Methods
• Test API

• Python Installation & Configuration
• Developing a Python Application
• Connect MongoDB with Python

• Angular Installation & Configuration
• Developing an Angular Application
• Connect MongoDB with Angular

• Java Installation & Configuration
• Core Concepts of Java
• Use Java with React JS to Build Applications
• Concept of Microservices and Spring Boot

• .NET Installation & Configuration
• Integrate C# with ASP.NET
• Core Concepts of C#
• Build a Small Application Using ASP.NET with C#.NET

The capstone project is the endgame of your full stack development course. This is a medium for you to apply and exhibit what you have learnt in this course. You get to take your theoretical learning and apply it in a real-world setting.  This is a very important aspect of the full stack development course syllabus.

The prerequisite for a capstone project is that you have completed the learning modules in the full stack development course, taken up on practicing code at lab sessions and also completed all your mini-projects, which will give you an idea how to get working on your capstone project. You can build web apps that are fully functional, such as makemytrip or oyo.

What are the learning takeaways from the capstone project?

Research skills– You have to research a valid real time problem and make copious notes on it before getting to the solution part.

Documentation– This is a very important part of the work for every developer. Keep precise notes and documentation of what you have created so that it is easy for you as well as others to understand and follow. 

Coding– You learn to code and work with tools extensively for the project.

Experience – You get practical experience. When coding, not everything goes smoothly as in theory. You stumble into all sorts of errors while testing and writing codes. So this project will give you a taste of how the job is actually going to be. 

Version control– You will save your work every time in the Git repository and handle versions. This will also help you collaborate with teams and work towards a common goal.

Portfolio – You get a jump start on building your portfolio. You can use your capstone project and present it to a recruiter to show how you work and what an asset you’ll be to their team.

Here are some capstone project ideas that students have worked on at Crampete! 

1. Question and answer sites
2. School management systems
3. Project management tools
4. Social media sites
5. Ticket booking sites