CategoryAngular

November 28, 2018 — Throughout this tutorial, Ahmed Bouchefra introduces Angular Router and how you can use it to create client-side apps and Single Page Apps with routing and navigation. You will see how to use the Angular Router to add routing and navigation into our application. Also Ahmed will take a look at different concepts like the Router outlet, routes, and paths and we created a demo to practically show the different concepts. You can access the code from this repository. Read more…

October 3, 2018 — Angular is the most powerful JavaScript framework for building highly interactive and dynamic web applications. And material design Is an adaptable system of guidelines, components, and tools that support the best practices of user interface design. In this article, Rachid Sakara is going to build a news application using Angular 6 and Google’s material design in combination, which will help you to make your future applications with Angular look great in web browsers and mobile devices. Read more…

September 20, 2018 — A Progressive Web App or PWA is a web application that has a set of capabilities which provide an app-like experience to users. PWAs need to meet a set of essential requirements. PWAs are similar to native apps but are deployed and accessible from web servers via URLs, so you don’t need to go through app stores. Throughout this tutorial, Ahmed Bouchefra will be using Angular 6 to build a Progressive Web Application, step by step, implementing the core tenets of PWAs using Angular CLI v6. Read more…

March 14, 2017 — Node.js has helped to bring uniformity to software development. Writing command line tools has also become easier than ever before because of Node.js. Tools such as Yeoman ask for runtime inputs that eventually help you to customize a project’s configuration as well. Some generators in Yeoman help you to deploy a project in your production environment. That is exactly what you are going to learn today. In this tutorial, Nihar Sawant will develop a command line application that accepts a CSV file of customer information, and using the SendGrid API, he will send emails to them. Read more…

November 12, 2015 — What the hell is isolate scopes, transclusion, linking functions, compilers and directive controllers? In this article, Nicolas Bevacqua will cover all of that, and more! If the figure looks unreasonably mind-bending, then this article might be for you. This article is based on the AngularJS v1.3.0 tree. Are you ready? Let’s do this! Read more…

April 28, 2015 — Because Foundation for Apps was only released at the end of 2014, it hasn’t yet seen widespread usage, so there are few good sources of information on using the framework. In this article, Stephen Saucier brings you a comprehensive guide to build a functional web app with Foundation for Apps from start to finish. The techniques detailed here are fundamental to building practically any kind of app for any client, and this tutorial also serves as a strong introduction to the wider world of AngularJS and single-page apps. Read more…

January 22, 2015 — When approaching AngularJS for the first time, the interaction between scopes, directives and controllers is what immediately becomes (and remains) confusing for most. After the confusion sets in, you start learning about the advanced concepts, which are mind-blowingly complex as well. In this article, Nicolas Bevacqua will navigate the salt marsh that is AngularJS scopes and the lifecycle of an AngularJS application, while providing an amusingly informative, in-depth read. Read more…

October 7, 2014 — One of the reasons for AngularJS’ success is its outstanding ability to be tested. The main factor that made Sébastien switch from “Well, I just launch the app and see if everything works” to “I’ve got unit tests!” was that, for the first time, he could focus on what matters and on what he enjoys in programming: creating smart algorithms and nice UIs. After having fixed it, re-updated the application and apologized to customer service, he decided to entirely rewrite this component in test-driven development style. The test file ended up being twice as long as the component file. It has been improved a lot since, especially its poor performance, but it never failed again in production. Rock-solid code. Read more…