Description

A beginner-level course that will help you learn all you need to know about building applications using Python 3, FAST API, MongoDB, and NoSQL as well as front-end technologies such as HTML, CSS, JSX, and REACT JS with live demonstrations. You need to know the basics of HTML, CSS, and JavaScript to get started

In this course, you will learn everything that is needed to build a complete full-stack application using the latest and trending technologies. You will also learn various debugging and troubleshooting techniques that will boost your confidence to find and fix any issues both on the frontend and backend stack. In this course, we will cover FAST API framework, GET endpoint, POST endpoint, PUT endpoint, DELETE endpoint, middleware, enabling CORS, allowing HTTP headers, allowing HTTP methods, using hooks such as useState and useEffect, states in React, functional components in React, calling APIs from React applications using Axios, how to make a website responsive, debugging your frontend application using the developer tool, and checking network calls in browser's developer tool. Finally, you will learn to push code to GitHub from your local computer. Basically, this course will teach you everything using a hands-on approach to making you comfortable with the development of applications using frontend technologies such as HTML, CSS, JSX, and REACT JS, and backend technologies such as Python 3, FAST API, MongoDB, and NoSQL. By the end of this course, you will be able to create your own FARM stack form for your real-world project. All the resources for this course are available at: https://github.com/PacktPublishing/Build-Full-Stack-Projects-with-FARM-stack

What You Will Learn

Learn how to build APIs using the FAST API framework
Learn how to use NoSQL and MongoDB to connect frontend and backend
Learn how to build front-end applications using ReactJs
Learn how to style the frontend using the Bootstrap framework
Learn different debugging and troubleshooting techniques
Learn how to make a website responsive

Audience

Anyone interested in learning how to build a FARM stack form for a practical project or in becoming a full-stack developer should take this course. JavaScript, HTML, and CSS fundamentals are needed.

Approach

This course follows a hands-on approach that will make you comfortable with the development of applications using front-end technologies such as HTML, CSS, JSX, and REACT JS and backend technologies such as Python 3, FAST API, MongoDB, and NoSQL.

Key Features

Build a complete full-stack application using the latest and trending technologies * Build a project with Create, Update, Delete, and Find all functionality with a real-world use case * Debug your frontend application using the developer tool

Github Repo

https://github.com/PacktPublishing/Build-Full-Stack-Projects-with-FARM-stack

About the Author

Ranjan Pandey

Ranjan Pandey is a full-stack DevOps software professional with over 11 years of experience in a variety of technologies ranging from web and mobile application development using HTML5, CSS3, JavaScript, jQuery, Bootstrap, Angular, React, Java, Spring, Spring Boot, Python, Flask, Django, NodeJS, Express, Android, Ionic, React Native, Flutter to artificial intelligence and cloud technologies such as Amazon Web Services and Microsoft Azure. He is a certified professional in Java, Azure Cloud, and Backbase products and has experience working with multiple MNCs and European clients. He is also a corporate trainer providing a wide range of training.

Course Outline

1. Introduction and Environment Setup

1. Introduction to the Course

Welcome to the course! In this video, we will have a quick introduction to the course.

2. Installation and Setup for Backend Development

In this video, we will work on the installation and setup for backend development.

3. Setting Up FastAPI

In this video, you will learn how to set up FastAPI.

2. Developing RESTful APIs

1. NoSQL and MongoDB CRUD Operation

In this video, you will learn about NoSQL and MongoDB CRUD operation.

2. Get API DB Connection

In this video, we will cover getting API DB connection.

3. Model Creation and Converter

In this video, we will cover model creation and converter.

4. Create API

In this video, you will learn how to create an API.

5. Update Delete Endpoints

In this video, we will cover update Delete endpoints.

6. Pushing Code to GitHub

In this video, you will learn how to push code to GitHub.

7. Enable Cors

In this video, we will cover enabling Cors.

3. Developing Frontend with ReactJs and Bootstrap

1. Installation and Setup

In this video, we will work on the installation and setup.

2. Creating First React App

In this video, you will learn how to create the first React app.

3. Project Structure

In this video, we will explore the project structure.

4. Creating Header

In this video, you will learn how to create a header.

5. Creating Form

In this video, you will learn how to create a form.

6. Creating Footer

In this video, you will learn how to create a footer.

7. Loading and Adding Data

In this video, you will learn how to load and add data.

8. Deleting Data

In this video, you will learn how to delete data.

9. Displaying All Data

In this video, you will learn how to display all data.

10. Refresh the Data

In this video, you will learn how to refresh the data.

11. Update Data

In this video, you will learn how to update data.

12. Reusing Code to Add Update

In this video, you will learn how to reuse code to add update.

13. Refresh Data on Delete

In this video, you will learn how to refresh data on the delete page.

Course Images

Build Full-Stack Projects with FARM Stack

By Packt

Booking options

Highlights