<\/div>\n<\/div>\n
[\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.4.0″ custom_margin=\u00bb1px|||||\u00bb][et_pb_row _builder_version=\u00bb4.4.0″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.4.0″]
\n[et_pb_text content_tablet=\u00bb\u00bb]<\/p>\n
Temario<\/h2>\n
Module 1: Introduction to Angular<\/p>\n
In this module you’ll see what Angular is all about and why it is so important in modern web development.<\/p>\n
Lessons of Module 1<\/p>\n
Evolution in Web App Development
\nAngular Core and Modules
\nTypeScript, Dart, Plain Old JavaScript
\nAfter completing module 1, students will be able to:<\/p>\n
Have an understanding of modern web UI technologies and the role they play in modern development.
\nModule 2: Strongly Typed JavaScript with TypeScript<\/p>\n
Let’s face it: JavaScript was never designed for big applications. Many constructs to tame complex code like interfaces and strong typing are completely absent. And many of the new cool JS features are not implemented in current browsers. TypeScript is the solution to both problems; allowing you to write modern, application-scale JavaScript.<\/p>\n
Lessons of Module 2<\/p>\n
Writing Application-Scale JavaScript
\nType-Safe JavaScript Development with TypeScript
\nImplementing Types, Classes and Inheritance
\nNamespaces and Modules
\nLab : Toy Store<\/p>\n
Getting started with a TypeScript project
\nMaking the models: Product, Category, Order
\nCreating the ShoppingCart
\nUsing an external library
\nAdding the code to the HTML page
\nAfter completing module 2, students will be able to:<\/p>\n
Have an understanding of the benefits of TypeScript
\nUse core features of TypeScript
\nSet up a new TypeScript project
\nCompile and run TypeScript project
\nModule 3: Core Concepts<\/p>\n
In this module you’ll get acquainted with the most important building blocks for any Angular application. This is the foundation of all following chapters.<\/p>\n
Lessons of Module 3<\/p>\n
Components
\nModules
\nServices
\nTools
\nLab : Inspecting a First Project<\/p>\n
Opening an running the project
\nElements of an applications
\nLoading Modules
\njson
\nAfter completing module 3, students will be able to:<\/p>\n
Understand the goal of Components and Services.
\nGroup Components and Services into Modules. Work with Angular Tools.
\nModule 4: Data binding<\/p>\n
Data binding allows you to forget about the HTML while writing JavaScript code. It allows you to inject data into a view without creating a strong dependency between the two. This results into more flexible, testable and maintainable code.<\/p>\n
Lessons of Module 4<\/p>\n
The Importance of Binding
\nComponent to View
\nStructural Directives
\nLocal Template Variables
\nValue Conversion
\nView to Component
\nLab : TaskManager with Data Binding<\/p>\n
Modules
\nDisplaying a list of tasks
\nStyle
\nAdding a Task
\nAfter completing module 4, students will be able to:<\/p>\n
Create and update a view using data binding.
\nHandle user interactions in a component.
\nRefer to elements with local template variables.
\nUse pipes for value conversion.
\nModule 5: Components<\/p>\n
In this module we’ll dive a bit deeper into Components. You’ll learn how to create a hierarchy of components and how to communicate between them.<\/p>\n
Lessons of Module 5<\/p>\n
Using Multiple Components
\nInput and Output
\nViewChild and ContentChild
\nEventEmitter
\nDirective Life Cycle
\nLab : TaskManager: Using Multiple Components<\/p>\n
Adding some style
\nTaskCreator component
\nTaskCard component
\nTaskList component
\nApp component
\nRegistering components
\nAfter completing module 5, students will be able to:<\/p>\n
Split up complex components into multiple components
\nSet up parent-child communication
\nWork with various life cycle hooks
\nModule 6: Attribute Directives<\/p>\n
What if you want to add custom behavior to an existing element? In this module you’ll explore existing directives like NgClasses and NgStyle; and learn how to build your own.<\/p>\n
Lessons of Module 6<\/p>\n
What are Attribute Directives?
\nBuilt-in Attribute Directives
\nCustom Attribute Directives
\nAfter completing module 6, students will be able to:<\/p>\n
Understand the role of attribute directives.
\nUse built-in attribute directives. Create your own attribute directives.
\nModule 7: Structural Directives<\/p>\n
With structural directives you can change the flow in your HTML. For example, how do you generate HTML dynamically based upon your data without having to write HTML in your JavaScript?<\/p>\n
Lessons of Module 7<\/p>\n
What are Structural Directives?
\nBuilt-in Structural Directives
\nTemplates
\nCustom Structural Directives
\nAfter completing module 7, students will be able to:<\/p>\n
Understand the role of structural directives.
\nUse built-in structural directives.
\nCreate your own structural directives.
\nModule 8: Dependency Injection and Providers<\/p>\n
Dependency Injection (DI) is the art of taking two strongly coupled objects and tearing them apart. This helps you write understandable, maintainable and testable code. It’s not really a choice in Angular either: you have to do it. Angular has an entire mechanism based on Providers to support DI which you will explore in this module.<\/p>\n
Lessons of Module 8<\/p>\n
Terminology
\nDependency Injection Basics
\nServices
\nProviders
\nFactories
\nInjection Tokens
\nLab : Creating a Task Service<\/p>\n
Implementing the Service
\nProviding the service
\nUpdating the AppComponent
\nReplacing the mock service with a real service
\nAfter completing module 8, students will be able to:<\/p>\n
Create their own services.
\nWork with the various providers in Angular.
\nInject services into components and other services.
\nModule 9: Pipes<\/p>\n
Pipes are a convenient way to make little changes to values in a view. This includes formatting and filtering of data. It’s easy to use and to extend the possibilities of pipes.<\/p>\n
Lessons of Module 9<\/p>\n
Using a Pipe
\nBuilt-in Pipes
\nCustom Pipes
\nPure versus Impure
\nLab : Temperature Pipe<\/p>\n
Create a pipe for displaying temperatures in Kelvin, Celsius and Farenheit
\nUse your newly created pipe
\nAfter completing module 9, students will be able to:<\/p>\n
Use built-in pipes.
\nCreate their own pipes.
\nUnderstand the importance of pure pipes.
\nModule 10: Working with Forms<\/p>\n
Forms are essential to any app that allows you to manage data. You need to do more than just data binding. You need validation, automatic formatting, respond to data changes a so on. Angular provides two different approaches to dealing with this: Template-driven forms and Model-driven forms. This module will explore both.<\/p>\n
Lessons of Module 10<\/p>\n
What’s in a Form
\nResponding to Changes
\nFormBuilder
\nData Validation
\nLab : Task Editor Form<\/p>\n
The TaskEditor component
\nBasic Validation
\nMultiple validators
\nCustom validators
\nAfter completing module 10, students will be able to:<\/p>\n
Choose between template-driven and model-driven forms.
\nCreate a form and submit the information.
\nAdd validation and visual feeback.
\nModule 11: Talking to the Server<\/p>\n
This module will teach you how to retrieve and send data to your backend. We will focus on REST and use RxJS’s Observables to get the job done.<\/p>\n
Lessons of Module 11<\/p>\n
Sending and Receiving Data
\nHTTPClient Module
\nHTTP Interceptors
\nObservables versus Promises
\nLab : Working with Observables<\/p>\n
Update Components wot work with observables
\nLab : Talking to the Server<\/p>\n
Providing the HttpClient Module
\nImplementing the HTTP service
\nAfter completing module 11, students will be able to:<\/p>\n
Work with HttpClient to make rest calls.
\nProcess the result with observables.
\nModule 12: Building a Single Page Application<\/p>\n
Instead of hopping from one page to the next, you can design your website as a Single Page Application. This makes your website feel and perform more like an application. SPAs have many advantages, but are usually difficult to implement. This module will teach about the constructs available in Angular to build a SPA.<\/p>\n
Lessons of Module 12<\/p>\n
What is a SPA
\nRouter Module
\nRoute Configuration
\nParent-Child Navigation
\nRoute Guards
\nLab : 7Building a SPA: Rabbit Rescue<\/p>\n
Replace static HTML with components and templates
\nSet up routing per feature area
\nLinking the feature area with with root area
\nAfter completing module 12, students will be able to:<\/p>\n
Create a single page application.
\nCreate feature areas.
\nSet up routing per feature.
\nIntercept navigation with guards.
\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.4.0″ background_color=\u00bb#032b35″][et_pb_row _builder_version=\u00bb4.4.0″][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.4.0″][et_pb_contact_form captcha=\u00bboff\u00bb title=\u00bbSolicita informaci\u00f3n del curso\u00bb submit_button_text=\u00bbSolicitar informaci\u00f3n ahora\u00bb _builder_version=\u00bb4.4.0″ title_text_color=\u00bb#ffffff\u00bb title_font_size=\u00bb30px\u00bb][et_pb_contact_field field_id=\u00bbName\u00bb field_title=\u00bbNombre\u00bb _builder_version=\u00bb3.16″ button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbEmail\u00bb field_title=\u00bbDirecci\u00f3n de correo electr\u00f3nico\u00bb field_type=\u00bbemail\u00bb _builder_version=\u00bb3.16″ button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbEmpresa\u00bb field_title=\u00bbEmpresa\u00bb fullwidth_field=\u00bbon\u00bb _builder_version=\u00bb4.4.0″][\/et_pb_contact_field][et_pb_contact_field field_id=\u00bbMessage\u00bb field_title=\u00bbCu\u00e9ntanos un poco sobre tus necesidades\u00bb field_type=\u00bbtext\u00bb fullwidth_field=\u00bbon\u00bb _builder_version=\u00bb4.4.0″ form_field_text_color=\u00bb#555555″ button_text_size__hover_enabled=\u00bboff\u00bb button_one_text_size__hover_enabled=\u00bboff\u00bb button_two_text_size__hover_enabled=\u00bboff\u00bb button_text_color__hover_enabled=\u00bboff\u00bb button_one_text_color__hover_enabled=\u00bboff\u00bb button_two_text_color__hover_enabled=\u00bboff\u00bb button_border_width__hover_enabled=\u00bboff\u00bb button_one_border_width__hover_enabled=\u00bboff\u00bb button_two_border_width__hover_enabled=\u00bboff\u00bb button_border_color__hover_enabled=\u00bboff\u00bb button_one_border_color__hover_enabled=\u00bboff\u00bb button_two_border_color__hover_enabled=\u00bboff\u00bb button_border_radius__hover_enabled=\u00bboff\u00bb button_one_border_radius__hover_enabled=\u00bboff\u00bb button_two_border_radius__hover_enabled=\u00bboff\u00bb button_letter_spacing__hover_enabled=\u00bboff\u00bb button_one_letter_spacing__hover_enabled=\u00bboff\u00bb button_two_letter_spacing__hover_enabled=\u00bboff\u00bb button_bg_color__hover_enabled=\u00bboff\u00bb button_one_bg_color__hover_enabled=\u00bboff\u00bb button_two_bg_color__hover_enabled=\u00bboff\u00bb][\/et_pb_contact_field][\/et_pb_contact_form][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"
15 horas<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"2880","footnotes":""},"categories":[9,11,55],"tags":[],"class_list":["post-4265","post","type-post","status-publish","format-standard","hentry","category-cursos","category-cursos-de-it","category-software-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/posts\/4265","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/comments?post=4265"}],"version-history":[{"count":0,"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/posts\/4265\/revisions"}],"wp:attachment":[{"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/media?parent=4265"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/categories?post=4265"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grupoloyal.net\/wp-json\/wp\/v2\/tags?post=4265"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}