React JS and Python Django Full Stack Master Course

Learn to build a full stack app from scratch using MySQL, with backend and frontend setup, including routing, a bootstrap table with custom sorting and filtering, and image upload.

Install Visual Studio Code, a popular lightweight code editor from Microsoft. Use it for front-end web development.

Install postman and use it to test our redBus within the React JS and Python Django full stack master course.

Install django modules, create a django project, explore its core files and manage.py, then create and register an app and enable all domains to access the base.

Create serializers to convert model instances into native data types for rendering as JSON or XML, and perform serialization to transform parsed data back into complex types.

Develop Django API methods for departments and employees, using models and serializers to convert records to JSON, and test GET, POST, PUT, and DELETE operations on the data.

Create a folder in the app and use the default storage module to save the uploaded profile picture via the upload file api, then return the file reference.

Create a React JS project, explore the template, observe the root component rendering into the root element, and install bootstrap by adding the stylesheet in the head.

Implement an image upload flow by adding a file picker button, uploading the selected file, and updating the photo filename, then test by adding an employee and verifying delete behavior.

Implement sorting and filtering for the department details grid using a filter input, the includes built-in function, a backup data array, and a sorting mechanism with asc/desc options.

Build a full stack app from scratch using SQL Server for database, Django for backend, and React for frontend, covering API endpoints, routing, Bootstrap tables, and image upload.

Install Visual Studio Code, a popular lightweight code editor from Microsoft, to support front end web development in this React JS and Python Django full stack course.

Install Postman and prepare to test redBus using the tool, as introduced in this full stack master course.

Install SQL Server Management Studio to work with SQL Server databases. Accept default options, run the installer, restart when prompted, and complete the setup.

Install node js and verify the installation by checking the version, ensuring a reliable setup for building with React js and Python Django in full stack development.

Upload a profile picture using the upload file api by creating a dedicated folder, using the default storage module, and verifying the uploaded file works as expected.

Create a React js project, explore the default template rendered by index.js, then install bootstrap and add its stylesheet and bundle script to see bootstrap styling.

Learn routing and navigation in a React app by installing a routing package, creating home, department, and employee components, and wiring them with a navigation menu and route paths.

Create and import an api endpoint, define department state in the constructor, populate data from EPA for bootstrap label display, and render departments with edit and delete icons.

Copy and adapt the department component to build the employee details screen, adding name, department, date of joining, and profile photo with dropdowns and modal, and refresh employees and departments.

Implement sorting and filtering for the grid using input-based filters and an includes-based function. Add a sorting function with a property and ascending flag, then test that the feature works.

Learn to build a full stack publication using PostgreSQL, a Python backend, and a reggae frontend, with REST API endpoints, routing, a bootstrap table with custom sorting and filtering.

Install Python from the official website, add it to the path, verify the installation from the command prompt, and confirm a successful setup.

Install Visual Studio Code, a popular lightweight code editor from Microsoft, widely used for front end web development.

Install Postman and use it to test our redBus, as part of the React JS and Python Django full stack master course.

Install Bjurman to connect to PostgreSQL and create the necessary database objects, and set the master password on first login.

Install Node.js and verify the installation by checking the version to ensure a ready development environment for React JS and Python Django full stack development.

Install the required modules, create a Django project and app, register the app in settings, map URLs, and configure the server entry point and allowed domains for security.

Create two Django models for state department details and employee density, configure PostgreSQL in the app, generate and apply migrations, create tables, and seed initial records.

Learn how serializers convert complex models into native data types for easy rendering into json or xml, and how serialization converts parsed data back into complex types.

Learn how to implement and test API methods for the department model using Django REST framework, including serialization, validation, and handling get, post, put, and delete requests.

Create a folder in the app and configure the default storage module to save an uploaded profile picture using the upload file API, then return the result.

Create a React js project from the command prompt, navigate into the project directory, run the app, and install Bootstrap to render a Bootstrap-styled heading.

Create and display department data in a bootstrap table by wiring an API endpoint, fetching EPA data on mount, and adding edit and delete actions with bootstrap icons.

Create and manage departments with a bootstrap modal popup window, handling add, update, and delete operations via json post requests and grid refresh.

Copy the department component and modify it to create the employee details screen, including form fields for employee name, department of joining, date of joining, file name, and a photo path derived from variables. Display a profile photo in the model window, populate the dropdown with department data, compute images from variables, and confirm that the grid and model window for the employee screen work as expected.

Implement grid sorting and filtering for department details using a filter input, an includes-based function, and a backup data array, with sorting by property name in ascending or descending order.

Install Python from the official website, select to add to Pat, verify the installation from the command prompt, and confirm that the installation was successful.

Download Escalus studio to manage the satellite database. Open the executable to use it without installation and add the necessary database.

Install Node.js and verify the installation by checking the version to confirm a successful setup.

Learn to set up a Django project from scratch, install the Django Casitas module, create a project and an app, wire URLs and settings, and run the dev server.

Develop department API methods to list, create, update, and delete records using serializers to convert models to JSON with validation.

Configure a designated folder and settings to save uploaded profile pictures using the default storage module, and implement the upload file API to verify the API works as expected.

Create and import an API endpoint, manage department data from EPA in state, and render it in a Bootstrap table with map, including edit and delete options and Bootstrap icons.

Implement a Bootstrap modal popup for creating and editing departments, handle form input, post department data as json, and support update, delete with confirmation, plus grid refresh.

Copy and modify the department component to build the employee details screen, wiring employee name, date of joining, and photo path from variables, with a department dropdown and a profile image.

Develop the upload photo flow by adding a file-choose button, attaching the first file as a form letter in the approved method, and updating the photo filename variable.

Implement sorting and filtering on the department details grid by managing filter inputs, a backup data set, a sorting function with ascending or descending options, plus icons and feature testing.