Web Frameworks: MEAN stack web development

MEAN stack web development

1. DSE-602 CAD-114 Web Frameworks Prasann S. Mayekar Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE

2. Unit – I Introduction to Full Stack Web Development Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE

3. The Rise of Full-stack JavaScript A "full stack" in the technology world is the entire set of software products and technologies used to accomplish a particular platform for applications. The "full stack" primarily as front-end, database and back-end systems, along with any ‘middleware’ or auxiliary components that may apply. A full stack web developer is a person who can develop both  client  and  server  software. Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 3

4. The Rise of Full-stack JavaScript Full-Stack Javascript is a  free and open source   JavaScript   software stack  for building  dynamic web sites  and  web applications . The idea of "Full Stack JavaScript" is that all software in a web application, both client side and server side, should be written using JavaScript only. Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 4

5. The Rise of Full-stack JavaScript Advantages Code reuse. Shared libraries, templates, and models. Easy to learn. No compilation!!! Faster development. Great distribution: npm . Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 5

6. The Rise of Full-stack JavaScript The MEAN stack is comprised of four main technologies with a cast of supporting technologies: M ongoDB - document database E xpress(. js ) - Node.js web framework A ngular(. js ) - a client-side( front-end) JavaScript framework N ode(. js ) - the premier JavaScript web server The MEAN architecture is designed to make building web applications in JavaScript Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 6

7. MEAN stack Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 7

8. MongoDB MongoDB:  MongoDB is a NoSQL Database. It has JSON like documents. It is document oriented database. JSON documents created in your Angular.js front end can be sent to the Express.js server, where they can be processed and (assuming they’re valid) stored directly in MongoDB for later retrieval. Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 8

9. Express.js Express is a web Framework build on Node.js and used to make API and to build Web Applications. It is a modular web application framework package for  Node.js . Express.js has powerful models for URL routing (matching an incoming URL with a server function), and handling HTTP requests and responses Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 9

10. AngularJS Angular is a Front-end Open Source Framework developed by Google Team. Angular projects are simple to create using Angular CLI (Command Line Interface) tool developed by the Angular team. Angular.js allows you to extend your HTML tags with metadata in order to create dynamic, interactive web experiences much more powerfully than, say, building them yourself with static HTML and JavaScript (or jQuery). Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 10

11. Node.js The Node.js Ecosystem Built-in HTTP server library. Node.js is used to write the Server Side Code in Javascript . One of the most important points is that it runs the JavaScript code outside the Browser. It is cross-platform and Open Source. Fast, efficient and scalable. Node.js is the application runtime that the MEAN stack runs on. Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 11

12. Node.js Ecosystem Adopted by paypal , linkedin and Microsoft. Huge number of third party modules. NPM registry Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 12

13. Two Way Data Binding Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 13

14. How it works Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 14

15. Dnyanprassarak Mandal’s COLLEGE AND RESEARCH CENTRE 15