…details of any country selected by the user.Creating the AllCountriesComponentThe HomeComponent that we created in the previous tutorial and the AllCountriesComponent that we will create in this section are very similar. The only difference is that instead of sorting the COUNTRIES array and slicing it to only get the first…
…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 the is-dismissible CSS class to the containing div element. However, this is only temporary and will only dismiss the notice for the current page.…
…dea to summarize everything we have done so far in order to avoid any confusion and errors. If you have missed any of the steps from the last three tutorials, it is a good idea to go back and make the necessary changes.In the second tutorial, we created three different…
…de. 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 as the back end. You'll be using Node.js for running the…
…dern functional programming language. Today, however, I would like to step aside from the language itself and discuss a very fast and reliable MVC framework 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…
…de 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 the application server.npm startPoint your browser to http://localhost:4200 and you should have the application running.Creating the Login REST APIInside the…
…de. After successful validation, you saw how to use Angular Router for navigating to the HomeComponent.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…
…der test with mock objects and make assertions about how they have been used. This tutorial will discuss in detail what mocking is and how to use it in Python applications.What Is Mocking?Mocking is a library for testing in Python which allows you to replace parts of your system under…
…de the user interface to add a new blog post to the MongoDB database.Getting StartedLet's get started by cloning the source code from the previous part of the tutorial series.git clone https://github.com/royagasthyan/ShowPost AddPostNavigate to the project directory and install the required dependencies.cd AddPost/client npm install cd AddPost/server npm installOnce you…
…de from the last part of the tutorial series.git clone https://github.com/royagasthyan/AngularBlogApp-Post EditPostNavigate to the project directory and install the required dependencies.cd EditPost/client npm install cd EditPost/server npm installOnce you have the dependencies installed, restart the client and server application.cd EditPost/client npm start cd EditPost/server node app.jsPoint your browser to http://localhost:4200…