Learn how to develop Dynamic Database-Driven Web Apps with Python, Flask, and MySQL. This course is broken up into two parts. In part one, you will learn how to build and deploy a site using the Flask Python web framework. In part two, you will connect the Flask application from the first part to a cloud MySQL database and learn how to deploy a production-ready database-driven web application.

✏️ Aakash N S created this course.
🔗 Submit your project & earn a certificate: https://jovian.com/learn/web-d....evelopment-with-pyth
🔗 Check out Jovian’s YouTube channel: https://youtube.com/@jovianhq

Notes & references links:
🔗 Part 1: https://jovian.com/aakashns/we....b-development-with-p
🔗 Part 2: https://jovian.com/aakashns/da....tabase-driven-web-ap

⭐️ Contents ⭐️
Part 1
⌨️ (0:00:00) Introduction
⌨️ (0:02:07) 1.1 Project Setup & Flask Basics
⌨️ (0:22:25) 1.2 Building Web Pages using HTML
⌨️ (0:40:57) 1.3 Styling with CSS & Bootstrap
⌨️ (1:08:25) 1.4 Dynamic Data using Templates
⌨️ (1:27:22) 1.5 Deploying to the Cloud with Render
⌨️ (1:42:39) 1.6 Functional and Aesthetic Improvements
⌨️ (1:58:44) 1.7 Summary & Future Work

Part 2
⌨️ (2:04:19) Database-Driven Web Applications
⌨️ (2:07:24) 2.1 Project Setup & Deployment
⌨️ (2:21:44) 2.2 Cloud MySQL Database Setup
⌨️ (2:36:20) 2.3 DB Connection with SQLAlchemy
⌨️ (2:56:22) 2.4 Display DB Data on Web Page
⌨️ (3:20:04) 2.5 Dynamic Database-Driven Pages
⌨️ (3:49:23) 2.6 HTML Form for Applications
⌨️ (4:15:37) 2.7 Saving Applications to DB
⌨️ (4:26:23) 2.8 Summary & Future Work

⌨️ (4:37:50) Conclusion



🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Learn Intermediate CSS By Building a Picasso Building | Freecodecamp.org | Steps {21-61}

Learn how to create and publish an Android app from scratch. In this beginner's course, you will learn to use Kotlin to build and publish a customizable memory game that can save content to Firebase cloud storage.

Play one of the predefined games, or play a custom game created by you or a friend! Create your own memory game by choosing photos from your phone. This project was initially inspired by Paul Hegarty’s iPhone calls (CS193P) taught at Stanford.

➤ Published app: https://play.google.com/store/....apps/details?id=com.
➤ Code in Github: https://github.com/rpandey1234/MyMemory

🔗 Follow Rahul on Twitter: https://twitter.com/rpandey1234
🔗 Follow Rahul on YouTube: https://www.youtube.com/rpandey1234

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Intro + app overview
⌨️ (0:05:40) Create the main layout
⌨️ (0:19:43) Setup the RecyclerView to show memory cards
⌨️ (0:37:15) Add the BoardSize enum + create icons
⌨️ (0:51:45) Create the memory card and game classes
⌨️ (1:01:39) Implement the game logic
⌨️ (1:20:20) Display game info
⌨️ (1:27:45) Add menu options for game control
⌨️ (1:41:59) Use an intent to navigate to the CreateActivity
⌨️ (1:58:04) Build the image grid in the creation flow
⌨️ (2:11:55) Choose image intent
⌨️ (2:30:03) Image upload preparation
⌨️ (2:39:07) Upload to Firebase Storage
⌨️ (2:59:43) Save the memory game to Firebase
⌨️ (3:16:00) Play memory with custom images
⌨️ (3:34:30) Add menu option to download a game
⌨️ (3:45:53) Style updates
⌨️ (3:56:33) Creating a release build
⌨️ (4:04:09) Publishing your app to Google Play
⌨️ (4:19:53) Concept Review

⭐️ Special thanks to our Champion supporters! ⭐️
🏆 Loc Do
🏆 Joseph C
🏆 DeezMaster

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Learn how to create games with Unreal Engine 5 in this full course for beginners. This course will give you a solid foundation and will enable you to be able to develop any sort of game in Unreal Engine 5.

✏️ Course created by Gamium Dev. Check out their channel: @gamiumdev

Character:
https://www.unrealengine.com/m....arketplace/en-US/pro

Models:
https://www.unrealengine.com/m....arketplace/en-US/pro
https://www.unrealengine.com/m....arketplace/en-US/pro
https://www.unrealengine.com/m....arketplace/en-US/pro

Engine Plugins:
https://www.unrealengine.com/m....arketplace/en-US/pro

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:31) System Requirements
⌨️ (0:03:34) Installing The Engine
⌨️ (0:06:12) Creating A Project
⌨️ (0:09:54) Unreal Editor Basics
⌨️ (0:23:27) Creating Levels
⌨️ (0:29:50) Landscapes
⌨️ (0:35:42) Blueprints
⌨️ (0:42:57) Blueprint: Variables
⌨️ (0:49:42) Blueprint: Structures
⌨️ (0:54:37) Blueprint: Enumerations
⌨️ (0:59:36) Blueprint: Functions
⌨️ (1:05:58) Blueprint: Macros
⌨️ (1:09:25) Blueprint: Collapsed Graphs
⌨️ (1:12:56) Blueprint: Branching
⌨️ (1:14:51) Blueprint: Switch
⌨️ (1:17:43) Blueprint: While Loop
⌨️ (1:21:23) Blueprint: For Loop
⌨️ (1:25:10) Blueprint: Array
⌨️ (1:28:24) Blueprint: Flip-Flop
⌨️ (1:30:21) Blueprint: Do-Once
⌨️ (1:32:25) Object Oriented Programming
⌨️ (1:39:29) Blueprint: Classes
⌨️ (1:49:49) Blueprint: Actors
⌨️ (2:02:41) Blueprint: Casting
⌨️ (2:05:01) Basic Inheritance Hierarchy
⌨️ (2:08:32) Blueprint: Character
⌨️ (2:31:52) Blueprint: Timer (Example)
⌨️ (2:37:05) Action Mappings
⌨️ (2:43:26) Expose On Spawn
⌨️ (2:46:38) Interaction System
⌨️ (2:53:09) Blueprint: Linetrace (Raycast)
⌨️ (3:03:17) Blueprint: UI
⌨️ (3:32:12) Blueprint Function Library
⌨️ (3:35:17) Plugins (Basics)
⌨️ (3:40:39) Modelling Tools
⌨️ (3:46:45) Static Mesh
⌨️ (3:48:13) Nanite
⌨️ (3:50:02) Materials
⌨️ (4:05:31) Skeletal Mesh and Anim BP
⌨️ (4:22:32) C++ Prerequisites
⌨️ (4:39:37) C++: Basics
⌨️ (4:45:04) Advanced Inheritance Hierarchy
⌨️ (4:55:28) C++: Variables
⌨️ (4:58:11) C++: Functions
⌨️ (5:00:04) C++: UCLASS, UPROPERTY, UFUNCTION
⌨️ (5:09:11) C++: USTRUCT
⌨️ (5:17:52) C++: Using Unreal’s Functions
⌨️ (5:22:10) C++: Enumerations
⌨️ (5:24:53) Converting Blueprint To C++
⌨️ (5:40:52) Blueprint Interface
⌨️ (5:46:38) C++ Interface
⌨️ (5:54:40) BlueprintImplementableEvent
⌨️ (5:57:02) BlueprintNativeEvent
⌨️ (6:01:40) C++: Array
⌨️ (6:11:30) C++: Map
⌨️ (6:17:31) Actor (Advanced)
⌨️ (6:39:54) Character(Advanced)
⌨️ (6:50:43) Player Controller(Advanced)
⌨️ (6:52:46) Game Mode (Advanced)
⌨️ (6:56:47) Game State (Advanced)
⌨️ (7:06:17) Game Instance
⌨️ (7:15:20) Creating Plugins
⌨️ (7:33:53) Third Party Libraries(Static)
⌨️ (7:51:42) Third Party Libraries(DLL)
⌨️ (8:05:29) Networking
⌨️ (8:07:06) Create/Join Sessions
⌨️ (8:15:24) Network Replication
⌨️ (8:22:48) Blueprint: Variable Replication
⌨️ (8:27:53) Blueprint: RPCs
⌨️ (8:43:46) Networking In C++
⌨️ (9:01:22) Unreal Engine Source
⌨️ (9:04:54) Switching Engine Versions
⌨️ (9:12:11) Packaging
⌨️ (9:17:13) BONUS

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

Learn how to build an E-commerce website with Django and Python.

💻 Project code: https://github.com/justdjango/django-ecommerce

💻 Original code: https://mdbootstrap.com/freebi....es/jquery/e-commerce

🎥 Tutorial from JustDjango. Check out their Youtube Channel: https://www.youtube.com/channe....l/UCRM1gWNTDx0SHIqUJ

⭐️ Course Contents ⭐️
⌨️ (0:00:00) Setup and project configuration
⌨️ (0:16:55) Adding items to a cart
⌨️ (0:54:09) Improving the UI
⌨️ (1:10:34) Creating an order summary
⌨️ (1:38:03) The checkout process
⌨️ (2:10:46) Handling payments with Stripe
⌨️ (2:37:33) Discount codes
⌨️ (3:07:41) Managing refunds
⌨️ (3:31:31) Default addresses
⌨️ (4:12:30) Saving credit card information

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

Learn how to create an expert level artificial intelligence to play Connect Four using Python. We start out with a very simple implementation of just dropping a piece randomly and then progress to choosing a column based on score and then finally implementing the minimax algorithm with alpha beta pruning.

💻 Initial code: https://github.com/KeithGalli/Connect4-Python

🎥Developing the initial connect four game: https://youtu.be/XpYz-q1lxu8
🎥How a board game AI works: https://youtu.be/y7AKtWGOPAE
🎥Alpha-beta pruning: https://youtu.be/l-hh51ncgDI

Video from Keith Galli. Check out his channel: https://www.youtube.com/channe....l/UCq6XkhO5SZ66N04Ic

Keith on social media:
https://www.instagram.com/keithgalli/
https://twitter.com/keithgalli/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

Use Flutter 3.7 to build a Twitter clone in this full course. We will cover various features such as signing up and signing in with email and password, tweeting text, images, and links, identifying and storing hashtags, displaying tweets, liking tweets, retweeting, commenting/replying, following users, searching for users, displaying followers, following, and recent tweets, editing user profiles, showing tweets with specific hashtags, and a premium feature called "Twitter Blue". Additionally, we will also be implementing a notifications tab that will show notifications when someone replies to you, follows you, likes your tweet or retweets. By the end of this tutorial, you'll have a fully-functional Twitter clone that you can further customize and improve upon.

Tech Used - Flutter, Appwrite Authentication, Database, Storage, Realtime, Queries, Indexes, Riverpod.
Prerequisites: Flutter & Dart Basics

✏️ Course developed by @RivaanRanawat

💻 Source Code - https://github.com/RivaanRanaw....at/flutter_twitter_c
📌 Discord Server (Join the Community) - https://discord.gg/Q8Rx8YWFVF

ADB Command - adb reverse tcp:3000 tcp:3000

📄 Resources:
Assets - https://github.com/RivaanRanaw....at/flutter_twitter_c/tree/master/assets/svgs
Asset Constants File - https://github.com/RivaanRanaw....at/flutter_twitter_c/blob/master/lib/constants/assets_constants.dart
Pallete (Colours File) - https://github.com/RivaanRanaw....at/flutter_twitter_c/blob/master/lib/theme/pallete.dart
Theme File - https://github.com/RivaanRanaw....at/flutter_twitter_c/blob/master/lib/theme/app_theme.dart
Appwrite Docs - https://appwrite.io/docs

⭐️ Contents ⭐️
(0:00:00) Introduction
(0:02:07) Appwrite & Docker Installation
(0:05:31) Important Appwrite Commands
(0:07:14) Appwrite Setup for Android & iOS
(0:09:32) Setting up Flutter Project
(0:17:59) Architectural & Folder Pattern
(0:24:37) Login UI
(0:49:53) Signup UI
(0:55:23) Signing Up User with Appwrite Auth
(1:16:37) Providing the Class / Dependency Injection
(1:25:03) Signing Up User contd. (Auth Controller)
(1:49:11) Login User with Appwrite Auth
(1:54:12) Adding Proper Navigation
(1:57:22) Persisting Auth State
(2:06:37) Saving User Data to Appwrite Database
(2:33:03) FIXING Android Related Problems
(2:34:31) Solving Appwrite unauthorized_scope Problem
(2:36:27) Home Screen UI
(2:44:43) Create Tweet Screen UI
(2:58:16) FIXING User Data Storage & Retrieval Bug
(3:00:43) Create Tweet Screen UI contd.
(3:08:23) Picking Multiple Images & Displaying in Carousel
(3:17:48) Storing Tweets to Appwrite Database & Appwrite Storage
(4:01:46) Displaying Tweets
(4:38:07) Displaying New Tweets LIVE with Appwrite Realtime
(5:01:04) Like Button Animation
(5:04:53) Liking Tweet
(5:16:38) Retweeting / Resharing Tweet (Realtime)
(5:40:52) Replying to other user’s Tweets
(6:18:06) Searching Users
(6:37:21) Displaying User Profiles
(7:04:39) Editing User Own Profile
(7:31:57) Updating User Profile Data Realtime
(7:41:30) Following Other users
(7:52:54) Sending Notifications when User Likes
(8:10:07) FIXING Like Bug
(8:10:58) Displaying & Sending Notifications
(8:38:47) Displaying Posts By Hashtags
(8:48:57) Side Drawer UI & Navigation to Current User Profile
(8:54:11) TWITTER BLUE
(8:59:23) Logging Out with Appwrite Auth
(9:02:27) Conclusion

🎉 Thanks to our Champion and Sponsor supporters:
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Erdeniz Unvan
👾 Justin Hual
👾 Agustín Kussrow
👾 Otis Morgan

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

React: Optimize Re-Renders with shouldComponentUpdate


#100DaysOfCode

Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/bpwnd

Redux: Use const for Action Types
#100DaysOfCode

Learn the Dart programming language in this full tutorial for beginners. Dart is a strictly typed programming language that is used in the Flutter framework to develop cross platform mobile apps.

Since Dart supports both AOT (Ahead of time) and JIT (Just In Time) compilation, it delivers extremely fast development cycles and fast execution and startup times. It is a compiled programming language and can also transpile the code into JavaScript.

💻 Course from Mahmud Ahsan.
🔗 Mahmud's Youtube Channel: https://www.youtube.com/channe....l/UCtHlgyUw0wLE5Ous9
🔗 Mahmud's Github: https://github.com/mahmudahsan/
🔗 Mahmud's Blog: https://thinkdiff.net/

🔗 Dart language: https://dart.dev/
🔗 Flutter Framework: https://flutter.dev/

⭐️ Course Contents ⭐️
⌨️ (0:00:32) Setup
⌨️ (0:03:50) Fundamentals
⌨️ (0:11:04) Data Types
⌨️ (0:15:44) String, Type Conversion, Constant, null
⌨️ (0:23:50) Operators
⌨️ (0:39:13) Loop
⌨️ (0:48:03) Collections [ List, Set, Map ]
⌨️ (1:01:07) Function
⌨️ (1:13:49) Class
⌨️ (1:37:41) Exception Handling
⌨️ (1:41:26) Conclusion

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://www.freecodecamp.org/news

React: Render State in the User Interface Another Way




#100DaysOfCode

From the early days of the wild wild web, JavaScript has been there. Its evolved from a simple two week hack into a vibrant ecosystem that is continuously evolving to the modern web.

Join Matt as he walks the timeline of JavaScripts evolution from where it began into what it has become today. If you are new to web development or just getting back into development or coming to web development from a different part of the stack this is for you. Matt will showcase several demo apps that highlight the differences in how web apps used to be built with ES5 and highlight the tools that have changed how they are built for the modern web and ES6. Finally he will show how that same app can be built with Angular, one of the many modern frameworks that helps engineers build responsive and performant web applications.

Talk given by Matt Hippely at the JavaScriptLA meetup.

Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it!

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

Broadcasted live on Twitch -- Watch live at https://www.twitch.tv/bpwnd

React: Give Sibling Elements a Unique Key Attribute.
#100DaysOfCode

React: Use the Lifecycle Method componentDidMount


#100DaysOfCode