Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.
Modern Web Tools
Transcript of Modern Web Tools
Function as values
Filters, Directives, Templates
Two-way Data Binding
Controller, Routing, Factory, Service
What does this means?
Single Page Application (SPA) is a valid option for you to consider in your next project.
Propose whenever you identify an opportunity - Cloud in mind.
Enhancing existing applications - plugins Java, .NET
The guide document will be available.
Stay current. Technology is changing fast.
More internal technical training sessions
Prototypes in the Cloud
Proxy configuration for NPM and Git
Popular - http://githut.info/
Client-side vs. Server-side
DOM manipulation -> Front end -> Server side
Library vs. Framework
Collection of functions
Your code is in charge and calls library. E.g. jQuery
A particular implementation of web app.
Your code fills in the details and it calls your code when it needs something app specific.
Putting it together - Demo
How is it relevant to me as a developer?
Node.js & NPM
Comes with a library
Create a new webapp => handle dependencies => preview, test, build
Task Runners - build system for the web
Grunt - Configuration over Code
Gulp - Code over Configuration
CSS task - compiling Less or Sass, Minification, Concatenation
Image, Watch, Testing, Deployment task
Both tools do the same thing.
Package Manager for the Web - Bower
Web App Scaffolding - Yo
Yeoman - workflow with the scaffolding tool (yo), the build tool (Grunt, Gulp, etc) and the package manager (like Bower and npm).
"describe" function to group tests
"it" function to define individual tests
Spawn a web server to load source code
Execute your tests in the browser
angular-mocks - Inject and mock Angular Services within unit tests
$httpBackend mock XHR request
To understand Modern Web Tools
To give you an idea how they work together
To discuss how to start using these
Based on my own view & opinion
Keep it highlevel, but enough to understand
Building Modern Web - https://prezi.com/3n9iarfmurnk/building-modern-web-applications-using-angularjs/
Responsive design framework - mobile first
NPM - Node Package Manager
Manages ecosystem of node modules / packages
Global vs. Local
Sass (Syntactically Awesome Style Sheet)
Thank you for coming.
More technical L & L sessions are coming from Architecture team:
Cloud (Azure), IoT.
Hyperlink that specifies a link to a searchable or indexed piece of web content.
Simple application demo