Tag: JavaScript Frameworks

Introduction

• Vue.js vs Angular

Overview of Vue JS

• Declarative rendering
• Component composition
• Hot-reloading
• Time-travel debugging

Setting up a development environment

Creating your first application

Working with Templates

Dividing the application into smaller, self-contained components

Methods and computed properties

Reactive programming

Directives and data rendering

Applying transitions

Routing

Managing state

Creating animations

Refactoring components

Server-side rendering

Supporting libraries and packages.

• Routing
• State management
• Build tooling

Testing your application

Debugging and performance

Embedding Vue.js into existing pages

Deploying your application to production Vue-CLI

Scaling your application

Closing remarks

Super Short Introduction

• Binding Variables
• Build-in directives and their scope
• Data entry
• Scope and rootScope
• Collections
• Controllers
• Services
• Filters

Angular Patterns

• Factories
• Services
• IoC

MVC in depth

• Angular MVC
• Fat controler vs fat model and consequences
• Creating own controllers
• Different ways of dependency injections
• Minifying and consequences of using paramer names

Routing

• Creating menus
• Modifying url
• HTML5 history object

Directive Development

• creating own directives
• managing associated controlers
• creating own module with directives
• animation controls in custom directives

REST Services

• Using web services
• Ajax

Animation

• Angular and CSS3
• ngAnimate

Mobile Design in Agnular

• Responsible
• Separate version fo mobile

Testing

• Unit Testing
• Available frameworks
• Karma
• Testing Controllers
• Dependency Injection in testing
• BDD Testing
• Available frameworks
• Jasmine
• E2E (End to End Testing) testing
• WebdriverJS
• Protractor
• Continous Integration with Angular

Bigger enviornment

• Backend interactions with MEAN stack
• Node.js
• Express.js
• MongoDB
• Streaming with gulpjs

Introduction

Front-End Development and JavaScript Frameworks

• The tools and development for web development

Evaluating Application Requirements

• Speed and performance
• Maintainability
• Readability
• Integration with existing systems, applications and services

Evaluating Existing Talent

• Backend and frontend development experience
• Training and learning curves

Preparing the Development Environment

• Editors and IDEs
• Installing and configuring NPM and Node.js

Overview of the Web Development Cycle

• Version control, coding, building, testing, deploying
• Automation and continous integration

Exploring Angular

• Benefits: reusabilty, readability, maintainability, etc.
• Limitations: steep learning curve, migrating legacy
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying an Angular application

Exploring React

• Benefits: data binding, JSX, SEO-friendly, etc.
• Limitations: learning curve, JSX, React’s documentation, etc.
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying a React application

Exploring Vue

• Benefits: size, readability, etc.
• Limitations: lack of plugins, updated continuously, etc.
• Hands on: installing and configuring
• Hands on: implementing a todo list app
• Hands on: testing and debugging todo list app
• Building and deploying a Vue application

Summary and Conclusion