Introduction to Building Webapps
Introduction
Prerequisites and Assumptions
Setting Up Your Dev Environment
Base Installation
Install Node.js
Install Yeoman and Friends
Install Git and Setup Github
Install a Generator
Create a New Repository
Bootstrap a New Project
Getting to Know Your CSS Preprocessor
Nesting: Style Organization and Hierarchy
SASS Variables
Mixins
Imports: Setup Your Stylesheets
Experimenting With Nesting
Customizing Variables
Making the Most of Mixins
Finishing Your SASS Experimentation
Building and Deploying Your Project
Install grunt-build-control
Anatomy of Gruntfile.js
Configuring grunt-build-control
Using the buildcontrol task
Après Deployment
Web Application Frameworks Overview
A Brief History of Javascript
Evolving Approaches to Web Development
Model View Controller
A Summary of Popular JS Frameworks
AngularJS Overview
Models
Routes
Controllers
Views
Conclusion
Bootstrapping an AngularJS Application
Install generator-angular
Bootstrap a New Project
Configure SASS
Explore Your New Project
Change Making
Configure grunt-build-control
Conclusion
Adding Data to the App
Introduction to APIs
Prerequisites for Using Data APIs
Create Data Models
Get the Data to the View
Changes Recap
Conclusion
Managing and Using Data
Revising the Home Screen View
Create City Search Data Resource
Add Enhanced City Search to Home Screen View
Create Current Weather Data Resource
Create Current Weather View
Create Forecast Data Resource
Create Forecast View
Save Cities for Users
Show Saved Cities on Home Screen
Conclusion
File Changes
Applying Animation and Interface Enhancements
Animation Concepts
Adding Animation to View Transitions
Messaging Concepts
Adding Messages to City Save
Files Changed
Conclusion
Writing Tests
Things for the Future
Appendix
Git Reference
CSS Preprocessor Comparison
Links and Resources
Powered by
GitBook
Links and Resources
Resources and Links
The following is a list of references, resources, and links useful for people reading this book.
Core components of the project
Yeoman
Bower
Grunt
Node.js
AngularJS
Additional tools and resources
Git
SASS
grunt-build-control
node-sass
results matching "
"
No results matching "
"