-
Notifications
You must be signed in to change notification settings - Fork 1
/
angular-master-class.html
5 lines (5 loc) · 12.9 KB
/
angular-master-class.html
1
2
3
4
5
<!DOCTYPE html><html lang=en><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=description content="In this course we'll share our experience, best practices, tips and tricks on how to build your next Angular application!"><meta name=viewport content="width=device-width,initial-scale=1"><title>Angular Master Class by thoughtram</title><meta name=mobile-web-app-capable content=yes><meta name=theme-color content=#384c54><link rel=icon sizes=192x192 href=images/touch/chrome-touch-icon-192x192.png><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><meta name=apple-mobile-web-app-title content=thoughtram><link rel=apple-touch-icon href=images/touch/apple-touch-icon.png><meta name=msapplication-TileImage content=assets/images/touch/ms-touch-icon-144x144-precomposed.png><meta name=msapplication-TileColor content=#384c54><meta property=og:locale content=en_US><meta property=og:type content=website><meta property=og:description content="In this course we'll share best practices, tips and tricks on how to build your next Angular application!"><meta property=og:url content=http://thoughtram.io><meta property=og:image content=http://thoughtram.io/assets/images/intro-background-desktop.jpg><meta property=twitter:card content=summary_large_image><meta property=twitter:title content="Angular Master Class by thoughtram"><meta property=twitter:site content=thoughtram.io><link rel=stylesheet href=styles/main.css><body id=debug class=thtrm-page itemscope itemtype=http://schema.org/WebPage><noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PMLVSW" height=0 width=0 style=display:none;visibility:hidden></iframe></noscript><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PMLVSW');</script><header class=thtrm-banner role=banner><a href=/ title=Home><img src=images/next/logo.svg alt=thoughtram class=thtrm-logo title="The thoughtram logo"></a><nav id=thtrm-nav-main class=thtrm-nav role=navigation itemscope itemtype=http://www.schema.org/SiteNavigationElement><button class="thtrm-button--ghost thtrm-nav__button" id=thtrm-nav-button aria-expanded=false aria-label=Menu aria-controls=thtrm-nav-main-list><span aria-hidden=true>Menu <svg class=thtrm-icon><use xlink:href=#icon--chevron-down /></svg></span></button><ul id=thtrm-nav-main-list class=thtrm-nav__list><li><a class=active title=Training href=/training.html>Training</a><li><a title=Consulting href=/code-review.html>Consulting</a><li><a title=Blog href=https://blog.thoughtram.io>Blog</a></ul></nav></header><main class=thtrm-main role=main><nav class=thtrm-nav-toc><ul><li><a href=#section:whats-inside>What's inside</a><li><a href=#section:request-training>Request or host a training</a></ul></nav><section class=thtrm-section><div class=thtrm-section__hero><div class=thtrm-section__hero-image><img src=images/next/angular.svg alt=""></div><h1 class=thtrm-section__heading>Angular Master Class</h1><p class=thtrm-section__paragraph>Our Angular Master Class is a high-quality, battle-tested training experience with up-to-date courseware brought to your company or hosted as a public class in a city near you.</p><a title="Request or host a training" class="thtrm-section__link u-color--red" href=mailto:[email protected]>Request or host a training</a></div></section><section id=section:whats-inside class="thtrm-section--fullbleed-intrinsic u-bg-lightgray"><div class="thtrm-section__header u-max-width--half"><h2 class=thtrm-section__subheading>What's inside</h2><p>Throughout this training we will build a real world Angular application teaching you all essential and advanced concepts of the framework.</div><div class="thtrm-layout thtrm-layout-thirds"><div class="thtrm-card thtrm-card--white"><h4 class="thtrm-card__topic thtrm-card__topic--red">Essentials</h4><h3 class=thtrm-card__heading>Introduction</h3><ul class=thtrm-card__list><li>TypeScript Basics<li>Angular Concepts<li>Bootstrapping an app<li>Displaying data<li>Using Directives</ul></div><div class="thtrm-card thtrm-card--white"><h4 class="thtrm-card__topic thtrm-card__topic--red">Essentials</h4><h3 class=thtrm-card__heading>Angular CLI</h3><ul class=thtrm-card__list><li>Generating components<li>Generating services<li>Transpiling TypeScript<li>Building and serving apps</ul></div><div class="thtrm-card thtrm-card--white"><h4 class="thtrm-card__topic thtrm-card__topic--red">Essentials</h4><h3 class=thtrm-card__heading>Dependency Injection</h3><ul class=thtrm-card__list><li>Creating services<li>Configuring providers<li>Provider strategies<li>Understanding the injector tree</ul></div><div class="thtrm-card thtrm-card--white"><h4 class="thtrm-card__topic thtrm-card__topic--red">Essentials</h4><h3 class=thtrm-card__heading>HTTP</h3><ul class=thtrm-card__list><li>Getting started with Observables<li>Performing GET, PUT & POST requests<li>Configuring request headers</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Observables</h3><ul class=thtrm-card__list><li>Observer, Observable, Subject<li>Observables vs. Promises<li>Lettable Operators</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Architecture</h3><ul class=thtrm-card__list><li>Inputs & Outputs<li>Component communication<li>ContentChildren ViewChildren<li>Custom Eventbus</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Forms</h3><ul class=thtrm-card__list><li>Template-driven Forms<li>Reactive Forms<li>Built-in Validation<li>Custom Validation<li>Custom Form Controls</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Routing</h3><ul class=thtrm-card__list><li>Configuring Routes<li>Linking Routes<li>Navigation Guards<li>Route Resolvers<li>Children Routes<li>Lazy-loading Modules</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Angular Material</h3><ul class=thtrm-card__list><li>Flex-box Layouts<li>Basic Material UI<li>Form Components<li>Dynamic UIs</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Testing</h3><ul class=thtrm-card__list><li>Testing Services<li>Testing Directives & Components<li>Shallow Testing<li>Integration Tests<li>Custom Helpers & Matchers</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Redux</h3><ul class=thtrm-card__list><li>Understanding Redux<li>A Store from scratch<li>Middleware<li>Thunk Middleware<li>Phased actions</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Statemanagement with ngrx</h3><ul class=thtrm-card__list><li>ngrx Store<li>Actions & Reducers<li>Middleware<li>Effects and Facades<li>Action Splitters</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Progressive Web Apps</h3><ul class=thtrm-card__list><li>Web App Manifest<li>Installable Web Apps<li>Angular Service Worker<li>Offline Support</ul></div><div class="thtrm-card thtrm-card--red"><h4 class=thtrm-card__topic>★ Extended</h4><h3 class=thtrm-card__heading>Server-side Rendering</h3><ul class=thtrm-card__list><li>Building your own Node server<li>Angular Universal APIs<li>Render app on the Server<li>Enable instant page load</ul></div></div><div class=thtrm-section__footer><p>We are committed to providing a harassment-free training experience for everyone. Please read our <a title="Code of Conduct" href=/code-of-conduct.html>Code of Conduct</a> if you consider joining this class.</p><a title="Read our preparation guide" href=/prepare-for-your-training.html class=u-color--grey>Read our <strong>Preparation Guide</strong> to get ready for your next training.</a></div></section><section id=section:request-training class=thtrm-section--offright-white><h1 class=thtrm-section__heading--unpadded-top>In-house or hosted training</h1><p class=thtrm-section__paragraph>Request your individual in-house training for your team, or bring the Angular Master Class to your city by hosting a public training at your company!</p><a title="Request in-house training" href=mailto:[email protected] class=thtrm-button aria-label=Contact><span aria-hidden=true>Contact us</span></a></section><section id=section:upcoming-class class=thtrm-section--fullbleed><div class="thtrm-ratio--stripe u-fill-space"><img class=u-img-fit-height src=images/next/amc.jpg srcset="images/next/amc.jpg 600w" sizes=100vw alt="Angular Master Class"></div></section><section class=thtrm-section><div class=thtrm-testimonial--big><img class=thtrm-testimonial__avatar src=images/next/avatar-igor.png alt="Igor Minar, Angular Team Lead at Google"><blockquote class=thtrm-testimonial__quote><h2 class=thtrm-testimonial__heading>Loved by experts</h2><p>"I love how Pascal and Christoph can explain even the trickiest things with humor and ease. Thanks for being awesome and contributing so much to the Angular community."</p><cite>— Igor Minar, <span>Angular Team Lead at Google</span></cite></blockquote></div></section></main><aside class=thtrm-aside role=complementary><section class="thtrm-section--centered thtrm-section--unpadded-bottom u-flex--justify-center"><h1 class=thtrm-section__heading--small>Get notified about upcoming classes and news</h1><form class=thtrm-form action="//thoughtram.us8.list-manage.com/subscribe/post?u=dfbb1507fbced5a20d9dc5698&id=731f22cdca" method=post id=mc-embedded-subscribe-form name=mc-embedded-subscribe-form target=_blank novalidate><label class=thtrm-form__label for=thtrm-newsletter aria-hidden=true>Your email</label> <input type=email class=thtrm-form__input--text id=thtrm-newsletter name=EMAIL placeholder="Your email address..." required><div class=u-offscreen-text><label class=thtrm-form__label for=thtrm-newsletter-text aria-hidden=true>Your email</label> <input id=thtrm-newsletter-text placeholder="Your email …" name=b_dfbb1507fbced5a20d9dc5698_731f22cdca tabindex=-1></div><input type=submit value="Notify me" name=subscribe class="thtrm-form__button thtrm-button" aria-label="Notify me"><p class=thtrm-form__info-text>Information on the performance measurement included in the consent, the use of the mail service provider MailChimp and on the logging of the registration and your rights of revocation can be found in our <a href=/imprint.html title="Privacy Statement">data protection declaration</a>.</form></section></aside><footer class=thtrm-footer role=contentinfo><section class=thtrm-sitemap><div class=thtrm-sitemap__item><h2 class=thtrm-sitemap__heading>Company</h2><nav class=thtrm-sitemap__nav role=navigation><ul><li><a title="Read our high quality articles" href=https://blog.thoughtram.io>Blog</a><li><a title="Learn more about thoughtram training" href=/training.html>Training</a><li><a title="Learm more about Angular Master Class" href=/angular-master-class.html>Angular Master Class</a><li><a title="Learn more about Git Master Class" href=/git-master-class.html>Git Master Class</a><li><a title="Learn more about RxJS Master Class" href=/rxjs-master-class.html>RxJS Master Class</a><li><a title="Learn more about Consulting and Code Review" href=/code-review.html>Consulting and Code Review</a><li><a title="Read our Code of conduct" href=/code-of-conduct.html>Code of Conduct</a></ul></nav></div><div class=thtrm-sitemap__item><h2 class=thtrm-sitemap__heading>Community</h2><nav class=thtrm-sitemap__nav role=navigation><ul><li><a title="thoughtram on Twitter" href=https://twitter.com/thoughtram>Twitter</a><li><a title="thoughtram on Facebook" href=https://facebook.com/thoughtram>Facebook</a><li><a title="thoughtram on GitHub" href=https://github.com/thoughtram>Github</a></ul></nav></div></section><div class=thtrm-copyright><a href=/imprint.html>Legal Notice</a><p>© 2014-2020 thoughtram GmbH</div></footer><svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink style=display:none><symbol viewBox="0 0 24 24" id=icon--chevron-right><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/><path d="M0 0h24v24H0z" fill=none /></symbol><symbol viewBox="0 0 24 24" id=icon--chevron-down><path d="M7.41 7.84L12 12.42l4.59-4.58L18 9.25l-6 6-6-6z"/><path d=M0-.75h24v24H0z fill=none /></symbol><symbol viewBox="0 0 24 24" id=icon--menu><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/><path d="M0 0h24v24H0z" fill=none /></symbol></svg><script src=https://cdnjs.cloudflare.com/ajax/libs/object-fit-images/3.2.3/ofi.min.js></script><script src=scripts/main.min.js></script>