…mework. It allows you to send notifications to the client side when something happens on the server side. In this article, we are going to use the third-party Pusher library to send notifications to the client side. If you have ever wanted to send notifications from the server to the…
…meComponent for our Angular app.The homepage or the HomeComponent that we are creating will list the top three countries in different categories like population and area. The data to determine the sorting order will be taken from the COUNTRIES array we created in the previous tutorial.Creating the HomeComponent ClassTo create…
…me back to our series on persisted WordPress admin notices. We're now in a good position to be able to extend our admin notice functionality and control when they appear on the page.After that, we'll move on to persistent admin notices and see how you can make sure they're dismissed…
…meComponent of your country information app. We will create two more components in this tutorial. One of the components will list all the countries that we have stored in the COUNTRIES array. Another component will display the details of any country selected by the user.Creating the AllCountriesComponentThe HomeComponent that we…
…methods to permanently dismiss your admin notices. We'll round things off by showing how to create your own custom admin notice types and add decorations such as icons.Sticky Admin Notice We already know how to display an admin notice that can be dismissed. All we have to do is add…
…med country.ts, country-data.ts, and country.service.ts. The country.ts file is used to store the Country class definition so we can import it to different files. The country-data.ts file is used to store an array named COUNTRIES. This array stores all the country objects that we want to display inside our app.…
…mework for creating mobile and web apps using the same reusable code. Using Angular, you can divide the whole application into reusable components, which makes it easier to maintain and reuse code.In this tutorial series, you'll learn how to get started with creating a web app using Angular with MongoDB…
…mework called Phoenix that is written in Elixir. This framework emerged nearly five years ago and has received some traction since then. Of course, it is not as popular as Rails or Django yet, but it does have great potential and I really like it.In this article we are going…
…me component which will be displayed after the user has logged in successfully.Getting StartedLet's get started by cloning the source code from the first part of the tutorial series.git clone https://github.com/royagasthyan/AngularBlogApp-Login AngularBlogApp-HomeNavigate to the project directory and install the required dependencies.cd AngularBlogApp-Home/client npm installOnce you have the dependencies installed, restart…
…meComponent.In this part of the tutorial series, you'll create a component to list the blog post details on the home page.Getting StartedLet's get started by cloning the source code from the last part of the tutorial series.git clone https://github.com/royagasthyan/AngularBlogApp-Home AngularBlogApp-PostNavigate to the project directory and install the required dependencies.cd AngularBlogApp-Post/client…