
Explore building a news website with JavaScript, React, and News API across ten chapters, covering audience, tools, setup, a JavaScript crash course, building, testing, monetization, and key takeaways.
Build a ready-to-use news site with automatic updates from News API, a user-friendly interface, a customizable dashboard, and guidance to generate API keys.
Log in to your News API account, grab your API key, and explore the JavaScript docs to search articles by keyword and fetch top headlines with axios.
Practice if/else logic in JavaScript by comparing GPA to minimum and scholarship thresholds, logging results like accepted, accepted with scholarship, or not accepted.
Learn how to declare JavaScript functions, pass parameters, and return results, then apply them to calculate areas like the area of a rectangle using length and width.
Initialize a React project with npx create-react-app, name it news website, verify setup by running npm start, and later configure axios and clean unused templates in VS Code.
style a news website by applying css with a flex layout, center alignment, and configurable news element sizing; test usability and refine app.js in a react javascript project.
Welcome to Building & Monetizing News Website with Javascript, React, and News API. This is basically an extensive project based course where you will be fully guided step by step on how to build a news website using Javascript programming language alongside with other supporting tools. This course is consisted of two main aspects, the first one is the technical aspect which will train you from the perspective of web developer on how to build a fully functioning news website meanwhile the second aspect is the business aspect where you will learn from the perspective of business, you will learn multiple strategies to monetize your news website.The news website that will be built is going to have news from more than 80,000 sources updated regularly and it is going to be made possible by connecting the site with News API and there is nothing you should worry about since you can access News API for completely free with a limitation up to 100 API requests a day which is obviously more than enough for this project. This course puts heavy emphasis on user experience and comfortability, therefore, as soon as we are done building the website, we will be conducting testing not only to ensure the product has worked the way it is supposed to but also evaluating whether it’s easy to use and user friendly from the perspective of users. At the end of the course, you will learn several monetization strategies, such as displaying ads on your website or selling subscriptions to your customers for accessing premium features. Hence, hopefully by the end of the course you will understand the potential of turning this news website to a full time and sustainable passive income business.
Since the news website will be built using Javascript, therefore, some basic understandings would be necessary, nonetheless, there is nothing you should worry if you are not really confident with your Javascript programming skills as this course also comes with Javascript crash course which was created and designed specifically to prepare you better for the project. Hence, you will definitely get all basic fundamentals of the Javascript programming language that you need to know before starting the actual project.
Below are the following things that you will learn in this course:
Javascript Mini Course:
Learning different ways to declare variables in Javascript (const, let, var)
Learning different data types in Javascript (string, number, boolean)
Learning how to create conditional statements in Javascript (if/else)
Learning how to build function and pass down parameters in Javascript
Building the News Website:
Learning how to integrate website with News API
Learning how to connect to News API endpoints
Learning how to style the frontend using css
Learning how to create and initialize React package
Learning how to utilize Axios to communicate with the backend
Learning several different strategies to monetize news website
3. Building news recommendation system using Tensorflow
Since the most effective way to learn is actually to learn by doing, hence, that is exactly what you are going to get from this course. Not only that you will get to apply your Javascript skills and knowledge into a real project with real use cases but you also get the opportunity to evaluate your qualification in Javascript to identify the area that you still need to improve.