Angular 4 - Learn Everything To Build Frontend Apps

Next batch

Coming soon

Seats left

Batch is full


890€ 690€


Angular 4 - Learn Everything To Build Frontend Apps

  • Learn and master Angular 4
    • Get the knowledge to build web apps, web sites, and mobile apps
    • Use the best tools to speed up development: debugger, automation, scaffolding
    • Master the best design strategies to keep the code elegant and simple
  • Design and develop components
    • Learn Typescript in order to use the framework
    • Discover why is useful to separate the apps into component
    • Develop components using the Angular frameworks
    • Use the Angular CLI to speed up the components creation
  • Use services and Dependency Injection
    • Discover how to share logic between components using Angular services
    • Build common use cases for services: API calls, state management, Authorization, Logging, ...
    • Learn to use Angular built-in services
  • Master directives, pipes, forms
    • Learn how to associate common behaviour to different components using Angular directives
    • Discover how to build common directives: role, active, click-outside
    • Format and convert data using pipes
    • Develop common pipes for array, colors, and time manipulation
    • Learn the simplest techniques to develop Angular forms
  • Manage client pages with routing
    • Use the routing to create high level pages that organize common components
    • Design the app into modules and pages using the Angular routing API
    • Learn about nested routing
  • Learn the process: dev tools and automation
    • Use Chrome Dev tools with Angular
    • Browse the components tree with Augury: discover and live edit the component states
    • Use the Angular CLI to speed up the creation of projects, modules, components, ...
    • Customize configuration files to obtain specific behaviours
  • Practice with exercises and from real world examples
    • Every course part will be followed by exercise on your own notebook
    • We will show use cases and techniques of real projects
    • You will be able to start developing just after the course

For more details on specific topics, check also the video lessons.

Course details Available in: Course available in english Corso disponibile in italiano
Price for three days 490 euros everything included Learn Angular 4 - Learn Everything To Build Frontend Apps during a holiday
Learn the best about the following course Course details Available in: Course available in english Corso disponibile in italiano


A course within a holiday

Enjoy a angular course within a holiday
There is no active batch at the moment.
Holiday details for active batches will be described here.

Each holiday includes everything and has place into selected villages, Hotels, and SPAs.

The holidays are thought to relax and let each person be in the best conditions to learn.

Every day of the course is separate into slots:

  • The morning starts early with a big breakfast
  • 8:30 - 11:30 → deep dive into the course
  • 11:30 - 14:30 → enjoy the place and the launch
  • 14:30 - 17:30 → deep dive into the course
  • 17:30 - 21:30 → rest, enjoy the place, have dinner
  • 21:30 - 22:30 → big questions and answers + real world examples

When you subscribe to a batch you'll receive an email with all the details.

Video course

Keep learning after the training holiday

A course face-to-face is more effective than a solo online course.

But is not enough! So enjoy a complete video course too :-)
  • Simple mini-lessons to watch and re-watch
  • Deepen some arguments you need to master
  • Very practical and easy to follow
  • Always available when back home

100 Angular steps to become an Angular developer

100 practical video lessons on very specific topics about Angular, covering the whole framework, that you can watch and re-watch.

    Part 1: basic tools
  1. Install Node and npm
  2. Exploring the npm ecosystem
  3. Install the Angular CLI
  4. Install WebStorm (or Visual Studio Code)

  5. Part 2: the best frontend language - Typescript
  6. Typescript basics: variables, types, functions
  7. Typescript basics: arrays and arrow functions
  8. Typescript OOP: classes, interfaces, enums
  9. Typescript typings: using existing libraries
  10. Typescript advanced: decorators, modules import/export
  11. Typescript advanced: generics
  12. Typescript: transpile the code, bundle it and run it in the browser

  13. Part 3: design and structure your project
  14. Project structure: view
  15. Project structure: logic
  16. Project structure: storage
  17. Project structure: styles
  18. Project structure: assets
  19. Project structure: config

  20. Part 4: spped up the development process using the Angular CLI
  21. Install the angular CLI and get a base structure for free
  22. Customizing the CLI: using SASS and removing the prefix
  23. Using the Angular CLI to create components, pipes, directives
  24. Using the CLI to create services (services are not added automatically)

  25. Part 5: all about components design, development, and debugging
  26. Web components: thinking about the page pieces
  27. Custom HTML tags in Angular: implementing a web component (Simple web component)
  28. Component metadata
  29. Component template
  30. Template direct rendering: {{var}}
  31. Template data debugging: anticipating the json pipe
  32. Component style
  33. Component Input
  34. Component events
  35. Explore a component using Augury and edit its state
  36. Two-way data binding (Lowercaser, Uppercaser)
  37. Syntax shortcuts and extended syntax
  38. Clone objects to avoid automatic edits
  39. Isolated component styles
  40. Embed HTML e CSS
  41. Using components into other components
  42. ngFor
  43. ngIf
  44. ngClass
  45. ngStyle
  46. Transclusion
  47. Multi transclusion
  48. Lifecycle

  49. Part 6: modules, services and dependency injection
  50. The root module and the main file
  51. Services
  52. Dependency Injection: passing services to components
  53. Dependency injection: passing services to other services
  54. Built-in services
  55. The Http service
  56. Observers

  57. Part 7: organize your projects into pages - Routing
  58. Routing
  59. Route params
  60. Route query params
  61. Hash routing

  62. Part 8: format data and transform objects - Pipes
  63. Pipes
  64. Pipes to reuse components
  65. Pipes to transform data
  66. Array pipes
  67. Color pipes
  68. Time pipe
  69. Avoid built-in Angular pipes

  70. Part 9: Directives and Forms
  71. Directive custom to extend components behaviour
  72. Forms in Angular: input
  73. Forms in Angular: select
  74. Forms in Angular: auto inserted classes
  75. Forms in Angular: submit
  76. Forms in Angular: custom validation

  77. Part 10: debug, test, and deploy
  78. Application debug
  79. Application unit tests
  80. Running a test
  81. Application e2e tests
  82. Produce a bundle

  83. Part 11: Design concepts and advanced concepts
  84. Using a community component
  85. Common errors when going to production
  86. Try our bundle in an external server
  87. Design: keep components small
  88. Design: use page components
  89. Design: store the data in a service
  90. Design: separate the data into sub-services (only the App store uses the sub-services)
  91. Design: use a common APIService to access the backend
  92. Design: use separate micro-services to access the backend (only APIService accesses them)
  93. Design: think about internationalization from the biginning
  94. Design: use external preferences
  95. Create a complete portal

  96. Part 12: learn from real world examples
  97. Portal: login
  98. Portal: token service
  99. Portal: header menu
  100. Portal: profile page
  101. Portal: routing
  102. Portal: backend service
  103. Portal: mapping and storing the data
  104. Portal: a table listing entities
  105. Portal: filtering a table
  106. Portal: server side pagination
  107. Portal: entity details
  108. Portal: validate the entity
  109. Portal: update the entity server side
  110. Angular documentation online
  111. Think about the user, always

Huh, that's all :-)

Like the course? Join next batch Future batch info