Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Full stack java script development

686 visualizaciones

Publicado el

Full stack java script development

Publicado en: Tecnología
  • Inicia sesión para ver los comentarios

Full stack java script development

  1. 1. Full Stack JavaScript Web Development- Webinar Learn Node.js Development with Project – Dot Net Tricks Training Program “Full-Stack JavaScript Solution”
  2. 2. About Me Hi, I’m Shailendra Chauhan Author, Consultant, Speaker and Technology Evangelist Founder and CEO of Dot Net Tricks (www.dotnettricks.com) Author of most popular e-books for Technical Interview on ASP.NET MVC, LINQ, AngularJS and Node.js @proshailendrachauhan @proshailendra
  3. 3. • Introduction to JavaScript • Introduction to MEAN • Why MEAN? • Introduction to Node.js • Why Server-side JavaScript? • Node.js vs. other Server Side Frameworks • Node.js Application Area • Agenda
  4. 4. • Introduction to ExpressJS • Introduction to AngularJS • MEAN App Architecture • MEAN App Folder Structure • Demonstration • Indeed Trends • Learn Node.js Development with Project • Q&A Agenda (Contd.)
  5. 5. Introduction to JavaScript
  6. 6. • An interpreted client-side scripting language developed by Netscape in 1996. • Platform-independent, event-driven language. • Helps to manipulate HTML elements, validate user inputs, communicate to servers, accessing database etc. • Today, JavaScript is client side as well as server side programming language to develop your complete app. Introduction to JavaScript
  7. 7. Introduction to MEAN
  8. 8. • MEAN is a most popular full-stack JavaScript solution for developing fast, robust and scalable web applications. • Uses MongoDB to store data in JSON/BSON formats which makes it well suited to use with JavaScript. • Uses ExpressJS as Node.js web application framework. • Uses AngularJS as front-end SPA development. • Uses Node.js as Server Side JavaScript environment. Introduction to MEAN
  9. 9. Why MEAN?
  10. 10. • Same Language and Same Object - JavaScript Why MEAN?
  11. 11. Introduction to MongoDB
  12. 12. • Introduced in 2009 by 10gen, known as MongoDB Inc. • NoSQL database written in C++ • Document-oriented database • Supports dynamic schema – No DDL • Stores data in JSON/BSON format • Supports multiple platform like Windows, Linux, Mac etc. • Open-source Introduction to MongoDB
  13. 13. Why MongoDB?
  14. 14. • MongoDB stores data in objects (JSON, BSON). • Now-a-days, programmers write code in object oriented fashion using languages like C#, Python, Php, Java etc. • Hence, programmers need a database which can store the data in objects. • Since, querying and manipulating data objects is easy and it reduces the time of database operations. • Embedded documents and arrays reduce need of joins. Why MongoDB?
  15. 15. Introduction to Node.js
  16. 16. • Server side JavaScript environment for developing web app like as ASP.NET, JSP, Php etc. • Open-source and cross-platform framework. • Based on Google's V8 JavaScript Engine. • Used to build fast & scalable network applications as well as data-intensive real-time web applications. Introduction to Node.js
  17. 17. Why Server-side JavaScript?
  18. 18. • Unified language for both front-end and back-end . • Increase programmer productivity. • Code reusability. • Exchange of data using JSON. • JavaScript with V8 engine performs faster than Php, Ruby, Python, JSP and ASP.NET. Why Server-side JavaScript?
  19. 19. Node.js Application Area
  20. 20. • E-Commerce Web Applications • Social Media Applications • Proxy Server • Real-time Services • Real-time data Applications like Multiplayer Games, Stock Trading, Chat App etc. • Data Streaming Applications • Network Applications Node.js Application Area
  21. 21. • High Concurrency Applications • File Uploading Tools • Process Monitoring Tools • HTTP Web Server Node.js Application Area (Contd.)
  22. 22. Express.js
  23. 23. • Web development framework for Node.js. • Build on connect middleware. • Parses the arguments and headers. Express.js
  24. 24. • Supports Routing • Supports multiple view engines like Jade, EJS, JSHtml etc. • Handle Configurations • Supports Sessions • Supports Content Negotiation • Supports Error Handling • Supports Multiple Databases – RDBMS & NoSQL Express.js (Contd.)
  25. 25. AngularJS
  26. 26. • JavaScript MVW Framework by Google • Extends HTML by adding attr, tags & expressions • Events Handling • Powerful Data Binding • Built-In Templating Engine • Routing AngularJS
  27. 27. • Form Validations • REST API support using $http, $resource services • Web Storage - Local Storage, Session Storage • Cookies • Animations • Dependency Injection • Testing AngularJS (Contd.)
  28. 28. MEAN App Architecture
  29. 29. MEAN App Architecture
  30. 30. MEAN App Folder Structure
  31. 31. MEAN App Folder Structure
  32. 32. Demonstration
  33. 33. Indeed Trends
  34. 34. Web Development Frameworks Growth
  35. 35. Programming Languages Jobs Trends
  36. 36. Learn Node.js Development with Project
  37. 37. Learn Node.js Development with Project
  38. 38. Q&A
  39. 39. It’s the beginning…It’s the beginning…

×