Ahmed is a technical author and web developer living in Morocco with a Master’s degree in software development. He authors technical content about JavaScript, Angular and Ionic. He is also a fan of entrepreneurship, poetry and teaching. You can contact him on his personal website and read his other articles in Techiediaries.
React developers can get the advantages of Ionic to build hybrid mobile apps and progressive web apps. In this tutorial, Ahmed Bouchefra will use both Ionic and React to build a simple mobile application that fetches and displays news data from a third-party API using the Axios client. You will also see how to use hooks in React — namely, the useState() and useEffect() hooks — to create state and perform side effects inside React function components. With Ionic, we’ll see how easy it is to generate a project based on React and how you can theme the application using the color attributes of components.
Read more…
In this tutorial, Ahmed Bouchefra will use the latest versions of Bootstrap 4 and Angular 7 to build an Angular application and style the interface with Bootstrap. Let’s see how we can integrate Bootstrap CSS styles and JavaScript files with an Angular project generated using the Angular CLI, and how to use form controls and classes to create beautiful forms and how to style HTML tables using Table styles.
Read more…
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…
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…
In this tutorial, you’ll learn how to use Capacitor and cutting-edge web technologies such as Vue.js and Ionic 4 web components to build cross-platform mobile applications for Android and iOS.
Read more…