React JavaScript Framework for Beginners – Project-Based Course
By freeCodeCamp.org
Published: Aug 31, 2022“
Learn React in this full course for beginners. React is one of the most popular JavaScript frameworks and this course is the perfect place to start your learning journey. You will learn everything you need to know to get started with React by building three different projects.We brought together three popular teachers for this course so you can learn from multiple perspectives.
You can code React all in a web browser using Replit. Replit provided a grant that made this course possible.
https://join.replit.com/react-students
Part One
Instructor: Gavin Lon
- Gavin’s channel: https://www.youtube.com/c/GavinLon
- Code from video (using Prop Drilling): https://replit.com/@GavinLon/TeamMemb…
- Code alternate (using Context to avoid prop drilling): https://github.com/GavinLonDigital/Te…
- How to Create a Free Replit Account: https://www.freecodecamp.org/news/how…
- What is a repl and how to create one: https://www.freecodecamp.org/news/how…
- Function component vs class component: https://reactjs.org/docs/components-a…
- JavaScript Arrow Functions: https://www.freecodecamp.org/news/jav…
- Hooks and State in React: https://reactjs.org/docs/hooks-state….
- The Bootstrap Grid System: https://getbootstrap.com/docs/5.0/lay…
- Understanding Props in React: https://www.freecodecamp.org/news/how…
- Using Context in React: https://reactjs.org/docs/context.html
Part Two
- Instructor: John Smilga
- Gavin’s channel: https://www.youtube.com/c/CodingAddict
- Complete App: https://meals-application.john-smilga…
- Source Code: https://replit.com/@john-smilga/meals…
Part Three
- Instructor: Sanjeev Thiyagarajan
- Gavin’s channel: https://www.youtube.com/c/SanjeevThiy…
- Code: https://replit.com/@SanjeevThiyagar/r…
Contents
- (0:00:00) Course Introduction
- (0:02:03) Introduction, part 1
- (0:06:15) What is Replit
- (0:07:50) What is React
- (0:08:23) Create a Repl
- (0:11:29) Create Functional Components
- (0:18:02) Install Bootstrap 5
- (0:22:49) Implement the useState Hook in a Functional Component
- (0:29:16) Upload Image Files to Replit
- (0:33:28) Create JSX Code to Render Bootstrap Cards for Employees
- (0:40:49) Create Teams DropDown List
- (0:45:03) Use JavaScript Events to Set State
- (0:54:26) Move State Related Functionality to the App Component
- (0:56:48) Understanding Props
- (1:04:41) LocalStorage and the useEffect Hook
- (1:11:47) Routing, react-router-dom package, Navigation
- (1:25:25) Create Employee Component
- (1:38:03) Abstract Responsibilities Into Functional Components
- (1:46:14) Implement Media Queries
- (1:47:04) Using Context to Reduce or Avoid Prop Drilling
- (1:48:50) Course Wrap up
- (1:49:15) Introduction, part 2
- (1:53:12) Setup
- (2:08:03) Context API
- (2:30:46) Data Fetching
- (2:42:08) Meals Component
- (3:38:29) Search Component
- (4:10:11) Modal Component
- (4:43:04) Favorites Component
- (5:14:27) Introduction, part 3
- (5:20:32) Initialize Project
- (5:22:48) React Router
- (5:30:23) Fetching Data From API
- (5:49:46) Multiple Requests with Promise.all()
- (5:54:05) Map Method for rendering lists
- (6:04:12) Rendering Table of Stocks
- (6:09:12) Color Coding data
- (6:16:55) Autocomplete Search Component
- (6:39:12) Context API
- (6:59:40) Navigating Between Pages
- (7:03:52) Fetching Historical Data
- (7:25:22) Formatting Data
- (7:31:31) Working with Charts
- (7:44:18) Chart Time Toggle
- (7:58:54) Delete Stock (Event Propagation)
- (8:05:26) Stock Data
- (8:16:52) Local Storage
”
Tag: Replit
[#Script #Coding] Python Programming for Beginners – Full Course
Python Programming for Beginners – Full Course
By freeCodeCamp.org
Published: Aug 09, 2022“
Learn the Python programming language in this full course for beginners! You will learn the fundamentals of Python and code two Python programs line-by-line. No previous programming experience is necessary before watching this course.Start using Replit: https://join.replit.com/python-students
Beau Carnes developed this course. Check out one of his other channels: https://youtube.com/zizyo
- Rock, Paper, Scissors Code: https://replit.com/@BeauCarnes/rps-py…
- Blackjack Code: https://replit.com/@BeauCarnes/blackj…
- Replit provided a grant that made this course possible.
- The Python Handbook by Flavio Copes: https://www.freecodecamp.org/news/the…
Course Contents
- (0:00:00) Introduction
Rock, Paper, Scissors Intro Project
- (0:03:11) RPS – Variables and Functions
- (0:09:07) RPS – Calling Functions
- (0:12:31) RPS – Dictionaries
- (0:15:28) RPS – User Input
- (0:16:55) RPS – Libraries, Lists, Methods
- (0:20:45) RPS – Function Arguments
- (0:22:33) RPS – If Statements
- (0:25:40) RPS – Concatenating Strings
- (0:27:13) RPS – f-strings
- (0:30:26) RPS – Else and Elif Statements
- (0:33:37) RPS – Refactoring and Nested If
- (0:38:37) RPS – Accessing Dictionary Values
- (0:41:55) RPS – Testing Game
Fundamentals of Python
- (0:43:52) Setup Python Locally
- (0:47:47) Creating New Repl
- (0:48:45) Variables
- (0:51:21) Expressions and Statements
- (0:52:38) Comments
- (0:54:23) Data Types
- (1:00:16) Operators
- (1:00:44) Arithmetic Operators
- (1:03:52) Comparison Operators
- (1:05:13) Boolean Operators
- (1:07:26) Bitwise Operators
- (1:07:42) is & in Operators
- (1:08:21) Ternary Operator
- (1:09:40) Strings
- (1:12:36) String Methods
- (1:16:41) Escaping Characters
- (1:19:23) String Characters & Slicing
- (1:21:45) Booleans
- (1:26:07) Number Data Types
- (1:28:19) Built-in Functions
- (1:29:50) Enums
- (1:32:51) User Input
- (1:34:39) Control Statements
- (1:36:48) Lists
- (1:46:21) Sorting Lists
- (1:49:57) Tuples
- (1:53:49) Dictionaries
- (2:01:45) Sets
- (2:06:10) Functions
- (2:16:57) Variable Scope
- (2:18:35) Nested Functions
- (2:21:37) Closures
- (2:22:59) Objects
- (2:26:27) Loops
- (2:32:01) Break and Continue
- (2:33:02) Classes
- (2:39:12) Modules
- (2:45:55) Arguments from Command Line
- (2:52:42) Lambda Functions
- (2:54:51) Map, Filter, Reduce
- (3:02:41) Recursion
- (3:04:42) Decorators
- (3:06:45) Docstrings
- (3:09:54) Annotations
- (3:11:30) Exceptions
- (3:17:09) With
- (3:18:26) Installing Packages with pip
- (3:21:39) List Compression
- (3:23:09) Polymorphism
- (3:24:23) Operator Overloading
Blackjack Card Game Project
- (3:26:58) Blackjack – Beginning
- (3:50:13) Blackjack – Deck Class
- (3:58:45) Blackjack – Card Class
- (4:03:25) Blackjack – Hand Class
- (4:21:13) Blackjack – Game Class
- (4:37:04) Blackjack – Testing
- (4:39:36) conclusion