Angular 5 Article Series
Being a Front-End (Angular5+) Developer gives you the power to build amazing things for the web. But sometimes you need to do some tricks that you might find hard to build or make. Building things using Angular is prone to a lot of errors and problems
So I created this series of articles to build a real-world app with some amazing features that we’re going to build. Together.
Read this article on my new tool Medium Plus, for a smart, customizable reading experience.
Before we begin, English is not my first language, so if you see something weird, please, calmly point it out in the comment section or email me, there’s no need for violence :)
Article Series:
- Creating Angular 5 application with Angular-cli
- Using
Angular Material
withAngular 5
- Deploy Angular 5 Application to Netlify
- Build
PWA
with Angular 5 App - Build Dynamic themes for
Angular Material
- Using
FlexLayout
with Angular 5 - Building
News
App usingAngular 5
Final Demo here
Let’s see what we’ll build at every part.
Building Angular 5
App
At the beginning build just a simple Angular 5
app using Angular cli
. We'll start very simple then add anything we want.
Using Angular Material
with Angular 5
Angular Material
is the best choice for Angular
, so you have to add it to your app to give it some appearance. I love the material design by the way.
Deploy our application to Netlify
We’ll deploy our application to Netlify
to make it ready for our next step.
Build PWA Angular 5 app
With the same app we built at the previous step we’ll turn it into a ( Progressive Web App). PWA is a trend in the web these days. Building website that can work offline and other options.
Build Dynamic theming for Angular Material
Building dynamic themes for our app would be amazing, toy can let your users choose their favorite theme. And you can create your own themes.
Using FlexLayout
to make our app responsive
We’ll use FlexLayout
to turn our app into responsive app as Angular Material
does not have a grid-system
.
Build News Application using Angular 5
We’ll use Angular Service
to fetch data from newsapi
to show some news on our application and control them.
That’s all, If you want me to update this series with any other article you can comment it below!
If you have any question comment it below or You can find me on Twitter @geeksamu
Before you go, check me out the next useful Links: 👀
🔥 Get your $50 in FREE hosting credit HERE
⚡ Best Web Browser for 2019 | Privacy First & Chromium Based
🤑️ No Stripe? How To Get Paid With Payoneer ⇒ $25 + $10 Sign UP Bonus