
Learn to build Python APIs with Flask and render them with React. Master Python basics, data types, variables, and operators, and set up a venv-based development environment.
Learn python basics, covering data types like int, float, and strings, plus lists, tuples, dictionaries, and classes, with focus on syntax, variables, and if else and for loops.
Learn to build a minimal Flask API in Python by creating a venv, installing Flask, defining a hello world route, and running a debug Flask app.
Learn to set up a Flask app with a JSON user list, define a unique route, run the server, and prepare data for integration with a React app.
Explore how React uses components and JSX to render UI, manage props and state, and update DOM via the virtual DOM; learn setup with node, npx create-react-app, and npm start.
Connect a React frontend to a Flask API by fetching users with useEffect and useState, parsing JSON, and rendering a keyed list of user names.
Connect Flask and React to access the Flask API, run the apps, fix errors, and use props, state, useState, and useEffect to build the user interface.
Here are the resources
Lecture notes - https://github.com/SaviLrrn/PythonReactFSLessonFiles
Code referemce - https://github.com/SaviLrrn/PythonReactFS-Code
It is a beginner course for learning full stack development. This course aims to equip you with the fundamental skills to build robust web applications. By combining the power of Python and Flask on the backend with the dynamic capabilities of ReactJS on the frontend, you'll gain a comprehensive understanding of full stack development. We'll guide you through each step, providing clear explanations and practical examples. Throughout the course, we encourage experimentation and problem-solving.
To ensure a strong foundation, we will cover essential Python concepts such as data types, control flow, functions, and object-oriented programming. As we delve into Flask, you'll learn about routing, request handling, and database integration. With ReactJS, we'll explore components, state management, and building user interfaces. By the end of the course, you'll have a solid grasp of full stack development and be able to create your own web applications.
Course starts with an introduction to Python. And then we learn about Flask framework, which is useful in creating API's for web applications. Then we move to understanding important concepts in ReactJS. Lastly, we connect the Flask API to the ReactJS. We recap with some of the future work that can be accomplished with the course. Course is subdivided into sections of easily understandable concepts. In case of any issues, please do not hesitate to reach out to me.