• 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

• Introduction CSS
• Applying CSS to HTML
• Selectors, Properties, and Values
• CSS Colors and Backgrounds
• CSS Box Model
• CSS Margins, Padding, and Borders
• CSS Text and Font Properties
• CSS General Topics

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

• Introduction
• Templating using JSX
• Components, State, and Props
• Lifecycle of Components
• Rendering List and Portals
• Error Handling
• Routers
• Redux and Redux Saga
• Immutable.js
• Service Side Rendering
• Unit Testing
• Webpack

• 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

• SQL and NoSql Concepts
• Create and Manage MongoDB
• Migration of Data into MongoDB
• MongoDB with PHP
• MongoDB with NodeJS
• Services Offered by MongoDB

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

Learn version control with Git. This is a bankable skill for every web developer so that they can collaborate and work as a team while working individually. It is also imperative to use VCS so that you can simplify the work on identifying errors and also store every piece of coding that you’ve worked on.

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