MEAN Stack Developer

A MEAN Stack Developer is a JavaScript-based application programmer who mainly works on the MEAN stack (MongoDB, ExpressJS, Angular, NodeJS). Mean stack developers work on both the backend as well as front-end of the application which are all JavaScript-based and hence a Mean stack developer must have in-depth knowledge of JavaScript. 

MEAN is comprised of four different technologies:

• MongoDB express is a schemaless NoSQL database system

• Express JS is a framework used to build web applications in Node

• Angular is a JavaScript framework developed by Google

• Node.js is a server-side JavaScript execution environment

A MEAN stack developer job will look more or less the same as a Full Stack Developer one. You will be required to build frontend and backend systems, develop new modules and features, perform unit testing, coordinate with the web app team on API integration. 

• Program well-designed, maintainable, testable and efficient code

• Perform white box and black box testing

• Troubleshoot, debug, fix and enhance existing software products

• Execute full software development lifecycle

• Prepare specifications, designs and test scenarios/ cases

• Demonstrate the development and testing results to the team or leader

• Maintaining and supporting products/ projects

HTML Topics

• Introduction - What is HTML?

• HTML Documents

• Structural Elements of HTML Documents

• Formatting HTML Documents

• Managing Images In HTML

• Tables In HTML Documents

• Hypertext And Link In HTML Documents

• Managing Forms  

CSS Topics:

• Introduction

• Syntax

• Selectors

• Color Background Cursor

• Text Fonts

• Lists Tables

• Box Modal

• Display Positioning

Resources:

• www.w3schools.com

Tasks

1. Build a Personal Site for yourself - Home Page, Education, Skills, Contact Pages

Refer the samples below (you are free to design)

2.Design a Survey Site - a website with multi-page forms to collect survey

Refer the samples below (you are free to design)

• Introduction to client-side scripting

• Data types

• JS Operators

  • Relational Operators

  • Logical Operators

• Control Statements

  • Conditional Statements,

  • Loops

  • Events

• JS Objects

• JS User-defined functions

• JS Document Object Model

• JS Browser Object Model

Resources:

• www.w3schools.com

Tasks

1. HTML and Javascript exercise

• Prepare an HTML page with two drop-down lists. The first list is for states and the second list is for districts

• When the user selects the state of a country, the second list should automatically refresh with corresponding districts of the selected state. 

• The data for states and districts should come from JSON files or objects.

• Introduction to Angular

• Adding navigation

• Managing Data

• Using forms for user input

• Deploying an application

• Components

• Templates

• Directives

• Dependency Injection

• Routing & Navigation

• Forms

• HTTP Client

Resources

• YouTube - Angular University

• Introduction

• Schematics

• Theming Angular Material

• Theming your own components

• Customizing Typography

• Customizing component styles

• Custom form field control

• Elevation helpers

• Custom stepper with CdkStepper

• Testing with component harnesses

• Duplicating theming styles

Resources

• YouTube - Codevolution

Tasks

1. Build a personal website in Angular Material

•  Implement Email/ Password Login - dummy authentication

• Once the user logged in, show the name, image with a Button.

• Once the button is clicked it should show the user profile.

• Accept Name, Date of Birth (use Date Picker), social media profile(use buttons), Education & working details(use radio buttons), use tooltips, etc.

• Use a minimum of 10 Angular components.

• Introduction to Node.js

• Overview of Blocking vs Non-Blocking

• The Node.js Event Loop, Timers, and process.nextTick()

• Don't Block the Event Loop (or the Worker Pool)

• Timers in Node.js

• Anatomy of an HTTP Transaction

• Working with Different Filesystems

Resources

• YouTube - Programming with Mosh

Tasks

1. Email Sender application

• Create a form in angular with text boxes for From address, To address & Subject.

• Create a submit button.

• On clicking of submit, emails should be sent to mentioned from & to address. This needs to be done in Node JS

• Introduction to Express

• Routing

• Writing middleware

• Using middleware

• Overriding the Express API

• Using template engines

• Error handling

• Debugging

• Database Integration

Resources

• YouTube - freeCodeCamp.org

• Connect to MongoDB

• Read from and Write to MongoDB

• Transform your Data

• Create Indexes to Speed Up Queries

• Sort Using Collations

• Encrypt Fields from the Client

• Create and Query Time Series Collection

• Specify Type Parameters with TypeScript

Resources

• YouTube - edureka!

• https://docs.mongodb.com/drivers/node/current/

Tasks:

• Create a webpage using Angular Node JS

• Create a table using CRUD operations

• Data should store/ retrieve from MongoDB