Giter VIP home page Giter VIP logo

angular-bootcamp's Introduction

Angular Corporate Training

1. Description

This training covers all the core concepts and practical knowledge required to build professional Angular applications. Among the topics included are SPA, TypeScript, Architecture, Data Binding, Services, HTTP, RxJS, Routing, Modules, among others.

After taking this training, the participants will understand how to use Angular effectively by building a real-world example. We will go through several hands-on exercises where you will grasp the main concepts of building a robust web application.

2. Prior Knowledge

The participants will be required to review the following topics in order to successfully carry out the training:

Requirement Topic Category
1 ES6, CSS, HTML Web Development
2 Git Version Control
3 REST Protocol Web Services
4 GitHub Version Control

3. Agenda

The workload will be distributed in 8 sessions of 4 hours for a total of 32 hours.

Day Topics Task
1 Introduction - Setup and Tooling - TypeScript - Folder Structure - Components TypeScript - First App
2 Bindings - Inputs/Outputs - Directives - Pipes - Modules TodoMVC
3 RxJS - HTTP - Async Pipe - Services - Generics Yesno.wtf - Dog API - Giphy API
4 Routing - Guards - Lazy Loading - Preloading Lego Login
5 Reactive Forms - Validations - Material Gender Name Form - Angular Project
6 Angular Best Practices Exercise
7 Jasmine - Protractor Exercise
8 Final Project Final Project

4. Scoring

All exercices and project are score from 0.0 to 5.0. At the end of the training, participants and stakeholders will receive all the grades.

5. Environment Setup

It is HIGHLY recommended you to follow these steps before the start of the training:

  1. Sign up for a GitHub account if you don't have one
  2. Install Git
  3. Install latest version of Node and NPM (LTS)
  4. Install latest version of Yarn
  5. If you are Windows user, install ConEmu (or any other terminal different than CMD)
  6. Install Visual Studio Code (The editor is a matter of taste, but this one is recommended, especially if you haven't tried it yet)
  7. Run yarn global add @angular/cli
  8. Run ng config -g cli.packageManager yarn
  9. Configure your VSCode with this setup

6. Resources

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.