MEAN stack L. Grewe.

Slides:



Advertisements
Similar presentations
Introduction to Backend James Kahng. Install Node.js.
Advertisements

2/11/2004 Internet Services Overview February 11, 2004.
Active Server Pages Chapter 1. Introduction Understand how browsers and servers interacted when the Web was young Understand what early Internet and intranet.
Web Page Behavior IS 373—Web Standards Todd Will.
Inline, Internal, and External FIle
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
The PHP Story. PHP Story PHP is a programming language. Incorporate(join) sophisticated business logic. Widely used general purpose scripting language.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
October 10, 2014 Coding For UX : Part 1 localhost 45 Main St #220 BKLN / / hugeinc.com.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, October 18, 2012 Session 7: PHP.
JavaScript Teppo Räisänen LIIKE/OAMK HTML, CSS, JavaScript HTML defines the structure CSS defines the layout JavaScript is used for scripting It.
Dynamic Web Pages (Flash, JavaScript)
MEAN Stack c0nrad. Overview Day 1: – MEAN Stack – NodeJS Mini Cat Fact Spammer – MongoDB Cat Profiles – Express Catbook API (Facebook for cats) Day 2:
L. Grewe LAMP, WAMP and... Motivaiton Basic Web Systems with Delivery of Static and Dynamic Web Pages html, css, media javascript (“dynamic” on client.
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
Java CGI Lecture notes by Theodoros Anagnostopoulos.
Designing Web Applications Thaddeus Diamond CPSC 112.
Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.
JavaScript – Quiz #9 Lecture Code:
Web Interfaces, Forms & Databases Databases Snyder p HTML Basics Snyder p JavaScript Snyder Chapter 18.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
GOAL User Interactive Web Interface Update Pages by Club Officers Two Level of Authentication.
RUBRIC IP1 Ruben Botero Web Design III. The different approaches to accessing data in a database through client-side scripting languages. – On the client.
Hattan Shobokshi mvcdotnet.wordpress.com Web Development in the Past (Microsoft Stack)
ASP.NET in Definition: 1.ASP.NET is a web application framework developed and marketed by Microsoft to allow programmers to build dynamic web sites,
Client-side & Server-side Scripting ©Richard L. Goldman August 5, 2003 Requires PowerPoint 2002 or later for full functionality.
Introduction to Angular James Kahng. Terms Framework Template/environment constructed in the language where you fill in details with code Library Set.
Ajax for Dynamic Web Development Gregory McChesney.
Canopy walk through Single-Page Apps (SPAs) Benjamin Howarth Freelancer, Code Gecko Umbraco UK Festival, Fri 30 th Oct 2015 CODE GECKO.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
Overview Web Technologies Computing Science Thompson Rivers University.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
Modern Development Technologies in SharePoint SHAREPOINT SATURDAY OMAHA APRIL, 2016.
Introduction to Node.js® Jitendra Kumar Patel Saturday, January 31, 2015.
AngularJs Developers & Programmers
JQuery Fundamentals Introduction Tutorial Videos
Lean With MEAN.
Web Technologies Computing Science Thompson Rivers University
JavaScript and Ajax (Ajax Tutorial)
Angular 4 + TypeScript Getting Started
WWU Hackathon May 6 & 7.
What's new in the world of SharePoint development and deployment
AJAX and REST.
Web Software Model CS 4640 Programming Languages for Web Applications
CMPE 280 Web UI Design and Development October 26 Class Meeting
AJAX.
JavaScript Basics Stephen Delaney
AJAX.
PHP / MySQL Introduction
Build Better Apps with MEAN.
Top 5 Javascript Frameworks
LAMP, WAMP and.. L. Grewe.
Angularjs Interview Questions and Answers By Hope Tutors.
Web Browser server client 3-Tier Architecture Apache web server PHP
Introduction to AngularJS
AngularJS and SharePoint I Chris Douglas Senior SharePoint Developer ECS Web:
Secure Web Programming
How AngularJS Development Services different from other Framework - Kunsh Technologies.
Introduction of Week 11 Return assignment 9-1 Collect assignment 10-1
DR. JOHN ABRAHAM PROFESSOR UTPA
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Single Page Architecture (SPA)
Angular.
Presentation transcript:

MEAN stack L. Grewe

What is MEAN M = MongoDB --> DATA solution E = Express JS (for use with nodeJS) --> Routing and ease of transactions (above simple NodeJS) , session management, server side A = AngularJS (for use with nodeJS) --> Presentation layer ease (above simple NodeJS) THIS IS CLIENT SIDE (and we will not concentrate on this) N = NodeJS --> main language that Express and Angular built on and used for serverside programs, server side

Another View You can have MEAN applications or just MEN applications

Another view Here we can see how a user/client request is processed and response returned

MEAN - MEAN or MEN??? when do you include AngularJS Without AngularJS - MEN - on server the HTML, CSS, embedded client JS is created and delivered to the Client based on data on server --> Called 1 way data binding. With AngularJS - MEAN- : Puts HTML together on CLIENT side based on data provided AND updates HTML if data changes (subscribes) and can also update the data if HTML changes (a push) -- > Called 2 way data binding

What does AngularJS give us AngularJS used to create Single Page Application (SPA) What is a single page application? SPA = Think of Yahoo! or Google Mail as examples. runs inside single page load, just updates part of the page as you need it. Positives: once you load it, it has fast response, moves some of computation to client side (in AngularJS) Negatives: longer to load then regular full responses from server apps, not indexed because crawlers typically don't execute the client side javascript (AngularJS) that build the page on client dynamically

When MEN need fast load time, want pages to be found by search engines, want to use analytics So any kind of backend processing would be good for MEN for sure Example – a blog where you are serving different blog entries all the time

When MEAN don't care about longer initial load time, but, want faster interactive use Example: Admin interface of Blog where blogger creates new entries and manages old blog posts.

blog site MEN MEAN

Solution??? Use MEN for part of your system and MEAN for other part(s).