Building Apps from a Business Perspective – App Product Management Complete Course
By freeCodeCamp.org
Published: Dec 06, 2021“
Learn to turn your app solution into a reality. This course is for leaders, entrepreneurs and software developers.
Course developed by Shad Sluiter. Check out his YouTube: @shadsluiter
CONTENTS:
- 0:00:00 Course Introduction
- 0:03:14 Unit 1 – Motivations for building an app
- 0:06:44 Unit 1.1 What is the value proposition of your app?
- 0:12:40 Do you need a web app or just a better website?
- 0:15:14 Categories of Apps – which app category is easiest to compete in?
- 0:34:24 Unit 1.2 Identify the problem you are trying to solve with your app.
- 0:36:19 Candy, vitamins or addictive painkiller?
- 0:41:59 Fulfillment, recognition, security
- 0:42:54 The Five Whys
- 0:49:58 Unit 1.3 How to discover a niche in the marketplace
- 0:52:59 Follow popular trend
- 0:56:39 Add a twist
- 0:58:21 Your own expertise
- 0:59:44 Problems in existing competition
- 1:04:34 Unit 1.4 Listening to users
- 1:11:44 Users that exist in the market
- 1:14:39 Get user feedback
- 1:24:54 Idea 2.0
- 1:28:17 Homework (Airbnb and Lyft, App Annie and Sensor Tower, Write an application plan)
- 1:48:44 Unit 2 UI, UX, MVP design
- 1:56:34 How to create user stories
- 2:02:14 Planning for an MVP
- 2:05:24 Unit 2.2 Designing an effective UI user interface
- 2:07:04 On boarding new users
- 2:09:44 The Google UI Case Study
- 2:10:14 The Photoshop Adobe UI negative Case Study
- 2:14:19 Effective UI elements
- 2:17:20 Don’t Make Me Thing Steve Krug
- 2:19:34 UI design templates
- 2:20:34 Design for your target audience
- 2:22:39 Unit 2.3 How to design an effective UX User Experience
- 2:23:24 UX is where Design strategy and Technology intersect
- 2:27:14 Application Flow
- 2:29:34 Measuring Conversion Rates
- 2:30:14 UX outside of the app
- 2:31:04 The User Empathy Map
- 2:35:39 Six principles for a positive UX
- 2:37:34 Unit 2.4 The MVP
- 2:38:54 The Lean Startup MVP concept by Eric Ries
- 2:39:39 Planning for future versions of your app
- 2:40:34 What is NOT an MVP
- 2:42:44 Zappos MVP Case Study
- 2:43:44 The MVP design pyramid
- 2:45:44 The purpose of an MVP
- 2:46:44 Keeping the cost of an MVP low
- 2:50:36 Homework (App Design Case Studies, Develop User Stories, Interactive UI prototype)
- 3:11:09 Unit 3.1 Marketing and Monetization for an App
- 3:12:34 The BMC Case Study
- 3:27:04 Unit 3.2 Monetization Strategies of Apps
- 2:28:29 Apple App Store vs Google Play Store revenue
- 3:31:14 iOS vs Android user value per customer
- 3:32:19 iOS vs Android market share in various countries
- 3:44:14 Unit 3.3 Marketing Your App
- 3:53:09 Unit 3.4 Dealing with Investors
- 4:04:44 Homework 3.1 Build a BMC for your app
- 4:07:06 Unit 4.1 Building Customer Loyalty
- 4:08:04 Why Customers Abandon Apps?
- 4:09:49 First-to-Mind solution
- 4:10:59 Compulsion
- 4:11:04 Morality of Addictive Apps
- 4:13:04 The HOOK app addictive model
- 4:32:49 Homework (Understanding Hook, Applying Hook)
- 4:38:54 Unit 5.1 Choosing the Right Tools
- 4:48:19 Unit 5.2 Nine Companies Who Nailed their App
- 4:59:31 Unit 5.3 Development Languages and Cross Platform Tools
- 5:18:58 Homework (Compare Dev Tools, Recommend a Development Solution)
- 5:27:34 Unit 6.1 Full Stack Considerations
- 5:28:20 Choosing a Database Backend
- 5:29:14 SQL
- 5:31:34 noSQL
- 5:35:09 SQL vs noSQL
- 5:44:04 Graph Database
- 5:50:09 Full Text Database
- 5:56:34 Vertical Scaling
- 5:59:14 Horizontal Scaling
- 6:01:54 Data Duplication in Distributed Databases
- 6:04:44 SQL Shards
- 6:13:22 Homework (Recommend Database Solutions, Explore API services)
- 6:20:14 Unit 7.1 Hiring the Development Team
- 6:20:54 Four Roles of a Software Development Team
- 6:21:54 Product Manager
- 6:24:19 Product Designer
- 6:29:24 Front End Developer
- 6:30:29 Back End Developer
- 6:36:04 Unit 7.2 Mobile vs Web Development
- 6:47:59 Unit 7.3 Agile Team Management
- 6:48:54 SDLC Agile vs Waterfall
- 6:49:44 What is Waterfall Development?
- 6:50:59 What is Agile Scrum Methodology?
- 6:56:42 The Product Backlog
- 6:58:04 Spring Planning
- 6:58:39 Sprint Backlog
- 6:58:59 What is a Sprint?
- 6:59:42 Product Increment
- 7:00:29 Daily Scrum
- 7:01:54 Sprint Review and Retrospective
- 7:03:23 Unit 7.4 How to Write a Job Requisition
- 7:19:04 Homework (Team Roles, Internal Job Requisition, External Job Posting)
- 7:32:24 Unit 8.1 Future Trends in Mobile Development
- 7:50:22 Homework (Review Past Predictions, Current State of Development Tools, Future Mobile Tech)
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
Category: Scripting and Coding
Various coding languages are the building blocks of apps, The Internet, and the Metaverse. We explore tutorials of scripting and coding.
[#Script #Coding] Best VS Code Extension for REST API – No More Postman
Best VS Code Extension for REST API – No More Postman
By codeSTACKr
Published: Dec 23, 2022“
Thunder Client is a lightweight Rest API for VS Code.
It’s a great alternative to Postman or Insomnia since you can run your queries directly from VS Code instead of yet another application.
After you install the extension, you’ll see a new tab on the sidebar.
From there, you can create a new request. Enter the URL along with any the type of request it is and any payloads. Then run it.
You’ll see the results right here inside VS Code!
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Web Development with Python Tutorial – Flask & Dynamic Database-Driven Web Apps
Web Development with Python Tutorial – Flask & Dynamic Database-Driven Web Apps
By freeCodeCamp.org
Published: Feb 16, 2023“
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-development-with-python-and-flask
Check out Jovian’s YouTube channel: https://youtube.com/@jovianhqNotes & references links:
Part 1: https://jovian.com/aakashns/web-development-with-python
Part 2: https://jovian.com/aakashns/database-driven-web-applicationsContents
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
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
[#Script #Coding] STOP Renaming Things in VS Code This Way!
STOP Renaming Things in VS Code This Way!
By codeSTACKr
Published: Feb 06, 2023“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
VS Code Tip of the Day
How do you rename functions, variables, classes, and other symbols in visual studio code?
Do you go one by one renaming them? I hope not.
Do you use the find and replace menu to replace them all? That’s better.
Maybe you use Ctrl+D or Ctrl+Shift+L to select all occurrences of that word. That could work, but it’s still not the easiest way.
All you have to do is put your cursor on the symbol that you want to rename and press F2, then rename it. That’s it. It will automatically be renamed everywhere that it’s referenced.
You’re welcome!
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Harvard CS50’s Web Programming with Python and JavaScript – Full University Course
Harvard CS50’s Web Programming with Python and JavaScript – Full University Course
By freeCodeCamp.org
Published: Mar 08, 2023“
This web programming course from Harvard University picks up where CS50x leaves off. It dives more deeply into the design and implementation of web apps with Python, JavaScript, and SQL using frameworks like Django, React, and Bootstrap. Topics include database design, scalability, security, and user experience. You will learn how to write and use APIs, create interactive UIs, and leverage cloud services like GitHub and Heroku.
Slides, source code, and more at https://cs50.harvard.edu/web/2020/
Brian Yu teaches this course.
Watch the original CS50x course: https://youtu.be/8mAITcNt710
Course Contents
- (00:00:29) Introduction
- (00:02:42) Lecture 0: HTML, CSS
- (02:06:14) Lecture 1: Git
- (02:59:29) Lecture 2: Python
- (04:07:10) Lecture 3: Django
- (05:46:15) Lecture 4: SQL, Models, and Migrations
- (07:40:21) Lecture 5: JavaScript
- (09:31:46) Lecture 6: User Interfaces
- (11:12:01) Lecture 7: Testing, CI/CD
- (12:45:59) Lecture 8: Scalability and Security
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
[#Script #Coding] AlphaZero from Scratch – Machine Learning Tutorial
AlphaZero from Scratch – Machine Learning Tutorial
By freeCodeCamp.org
Published: Feb 28, 2023“
In this machine learning course, you will learn how to build AlphaZero from scratch. AlphaZero is a game-playing algorithm that uses artificial intelligence and machine learning techniques to learn how to play board games at a superhuman level.
Trained Models + Code for each Chapter: https://github.com/foersterrobert/AlphaZeroFromScratch
AlphaZero-Paper: https://arxiv.org/pdf/1712.01815.pdfRobert Förster created this course.
Website: https://robertfoerster.com/Contents
- (0:00:00) Introduction
- (0:01:35) Overview – Part 1
- (0:05:43) MCTS-Explained
- (0:27:03) AlphaMCTS-Explained
- (0:39:05) Overview – Part 2
- (0:45:14) Chapter 1: TicTacToe
- (1:00:32) Chapter 2: MCTS
- (1:34:54) Chapter 3: Model
- (2:03:09) Chapter 4: AlphaMCTS
- (2:16:39) Chapter 5: AlphaSelfPlay
- (2:35:13) Chapter 6: AlphaTrain
- (2:47:15) Chapter 7: AlphaTweaks
- (3:08:18) Chapter 8: ConnectFour
- (3:21:48) Chapter 9: AlphaParallel
- (3:55:59) Chapter 10: Eval
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
[#Script #Coding] Pimp my Font – VS Code Style
Pimp my Font – VS Code Style
By codeSTACKr
Published: Feb 17, 2023“
Become A VS Code SuperHero Today: https://vsCodeHero.comJoin my Discord developer community: https://discord.gg/A9CnsVzzkZ
Code Tip of the Day:
Font ligatures are special characters that combine multiple characters into a single symbol.They can help your overall coding experience and make your code more readable and elegant, especially when it comes to symbol like not equal, greater than or equal, and less than or equal.
But they are definitely up to user preference. Some people love them, and some hate them. Personally, I like them.
In Visual Studio Code, you can easily enable font ligatures by editing the settings.json file, and adding `”editor.fontLigatures”: true`.
You will also need to use a font that supports ligatures because not all do.
Some popular fonts like Fira Code, Cascadia Code, and Hasklig which extends Source Code Pro are great coding fonts that have support for ligatures.
And my custom STACKr Code font which is included with my VS Code Hero course has ligature support as well.
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Pro Tip – Code from Any Device with Remote Tunnels in VS Code
Pro Tip – Code from Any Device with Remote Tunnels in VS Code
By codeSTACKr
Published: Jan 25, 2023VS Code Tip of the Day
- Do you know how easy it is to code on any device?
- Account menu – Turn on remote tunnel access.
- Sign in with GitHub if prompted.
- Creates a secure tunnel directly to your machine.
- Copy / Paste this URL anywhere!
- Literally, anything with a browser.
- Access your local machine as if you were at it.
- You can even run terminal commands!
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
[#Script #Coding] Build a Webshop – Angular, Node.js, TypeScript, Stripe
Build a Webshop – Angular, Node.js, TypeScript, Stripe
By freeCodeCamp.org
Published: Oct 11, 2022“
Build a Webshop! In this tutorial, we are going to build a webshop or e-commerce store using Angular/TypeScript, Express.js, and Stripe.
We are gonna learn how to use Angular material and Tailwind to structure our UI and how to integrate store API into our app.
Also at the end, we will build a checkout, and we are gonna integrate Stripe so that we can process payments.
Slobodan Gajic created this course. Check out his channel: https://www.youtube.com/c/CodewithSloba
Resources
- Code: https://github.com/bobangajicsm/E-Commerce-Store
- Fake store API: https://fakestoreapi.com/
- Stripe: https://stripe.com/
- Prebuilt checkout page: https://stripe.com/docs/checkout/quickstart
- Stripe Shipping Code: https://stripe.com/docs/payments/checkout/shipping
Contents
- (0:00:00) Intro
- (0:01:01) Installing dependencies and project setup
- (0:18:11) Building home page
- (1:27:11) Building cart page
- (1:58:26) Implementing Cart logic
- (2:48:08) Implementing Store API
- (3:16:06) Stripe payment implementation
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
[#Script #Coding] Best VS Code Time Saver!!
Best VS Code Time Saver!!
By codeSTACKr
Published: Jan 09, 2023“
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
If you’re not using Emmet to write HTML markup and CSS, you’re wasting time!
– Create an entire HTML boilerplate with just an exclamation mark.
– Create a header, with an H1, and a paragraph with just a few keystrokes.
– Create a list with 10 items that are all populated with classes and incrementing numbers.
– Quickly add CSS propertiesThere’s so much that Emmet can do to speed up your workflow!
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”









