Learning to code is HARD – Unless you do this!
By codeSTACKr
Published: Jul 09, 2022“
“Ten++ Ways to Make Money as a Developer” eBook:
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZLearning to code can seem very hard. You might think that you are spinning your wheels and not getting anywhere. You’ve watched videos, taken courses, and built the projects you were told to build, but it’s just not clicking!
I have the solution for you.. BUILD, BUILD, BUILD
Here are some app ideas
- RGB generator
- Tip calculator
- Weather app
- portfolio
- Todo
- tic tac toe
- social platform (twitter clone)
- The best ideas come from solving issues that you personally face.
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”
Tag: scripting
[#Script #Coding] Real-Time GPS User Tracking Geolocation API JavaScript Programming
Real-Time GPS User Tracking Geolocation API JavaScript Programming
By Adam Khoury
Published: Jun 10, 2022“
Track location, speed, heading and altitude in real-time or as a one-shot request for a user. Add the pieces of data to your database, then recall the data when needed to show their position markers on a map of your choosing.
”
[#Script #Coding] Learn React by Building an eCommerce Site – Tutorial
Learn React by Building an eCommerce Site – Tutorial
By freeCodeCamp.org
Published: Oct 27, 2021“
Learn React by building an e-Commerce application with Class Components.
You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server, and basic routing.Source code: https://github.com/webuniversity/react-free-code-camp
This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal
Complete React course with Hooks and Redux by Harsha Vardhan:
https://www.udemy.com/course/react-fo…Course Contents
- (0:00:00) Introduction
- (0:03:45) What is React
- (0:12:52) Understanding Components
- (0:19:05) Create New React App
- (0:29:41) React React App From Scratch
- (0:44:19) Load Bootstrap
- (0:52:14) Create React Components
- (1:07:55) Add CSS Styles
- (1:11:10) Add Bootstrap NavBar
- (1:18:22) Fix Error – DOM property class
- (1:21:54) Nested Components
- (1:35:35) Render Expressions
- (1:41:31) Handle Events
- (1:47:11) Update Component State
- (1:51:58) Render List
- (2:00:13) Render Conditionally
- (2:05:53) Render Methods
- (2:13:46) Render Images
- (2:18:32) Render CSS Styles
- (2:25:19) Render CSS Classes
- (2:29:36) Pass Event Arguments
- (2:40:57) Render Child Components
- (2:49:58) Props
- (3:02:48) Props vs State
- (3:12:11) Props.Children
- (3:16:15) Handle Child Events
- (3:41:59) Delete Child Components
- (3:52:57) Life Cycle Phases of Components
- (3:57:22) Mounting Phase
- (4:07:45) Updating Phase
- (4:17:16) Unmounting Phase
- (4:22:10) Life Cycle of Child Components
- (4:30:02) Error Handling Phase
- (4:36:16) Basic Form
- (4:45:01) Two-Way Binding
- (4:56:36) Form Submit Button
- (5:04:51) HTTP Requests
- (5:18:09) Async and Await
- (5:25:28) Login Form with HTTP Request
- (5:34:00) Basic Routing
- (5:40:15) “404” Page
- (5:43:51) Switch
- (5:45:20) Link
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] STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma
STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma
By codeSTACKr
Published: Jan 16, 2022Check out the collection I made:
- https://codecats.xyz
I’ve gotten a ton of requests to show you how to create layers for your NFT collections. So, in this video, I’m going to show you how to do this using either Adobe Photoshop or Figma.
How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour for FREE: https://ericbrooks.com/whuzzup…
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
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] NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development
NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development
By codeSTACKr
Published: Dec 18, 2021“
FREE 2022 Web Development Roadmap: https://courses.codestackr.com/2022-web-dev-roadmap
All of the resource links from the video are in the roadmap.
Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
“Ten++ Ways to Make Money as a Developer” eBook:
_____________________________________With so many web dev technologies and languages out there, it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2022 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack web development. We will also look at the current trends to look out for in 2022. There’s no better time to start than now!
If you are just starting out or even thinking about starting a career in web development, look no further. This ultimate roadmap and complete guide will help you understand what you should be focusing your time on.
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/…
Timestamps
- 00:00 – Intro
- 01:43 – Top Skill to Learn
- 02:29 – How The Internet Works
- 02:49 – Basic Tools
- 04:37 – Coding Languages
- 06:57 – Terminal
- 07:17 – Version Control
- 07:48 – Hosting & Deployment
- 08:25 – Front-end Developer
- 08:41 – Back-End Development with Node.js
- 09:18 – APIs
- 10:03 – Databases
- 12:13 – JavaScript Frameworks
- 13:57 – CSS Frameworks
- 14:22 – Authentication
- 14:50 – Content Management Systems (CMS)
- 15:46 – Full-stack Developer
- 16:11 – Soft Skills & Personal Development
- 16:55 – Other, Optional Tech
- 21:08 – Never Stop Learning & Never Give Up!!
Show support!
- PayPal: https://paypal.me/codeSTACKr
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
[READ MORE]”
[#Script #Coding] NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0
By codeSTACKr
Published: Mar 10, 2022Check out the collection I made:
- https://codecats.xyz
- OpenSea:
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- GitHub Repo Source Code: https://github.com/codeSTACKr…
** This is an updated video that streamlines the process for creating an NFT collection. NO CODING IS REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in 30 minutes! Let’s get started!There are a bunch of tutorials on YouTube about how to create NFT collections, but none of them show you the ENTIRE process.
In this video, I’m going to show you how to create an NFT collection and how to MINT them, even if you have ZERO coding knowledge!
In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don’t expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!
I’m going to explain what blockchain and NFTs are and give you some context and background first. If you’re already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.
RESOURCES
- GitHub Repo Source Code: https://github.com/codeSTACKr/create-…
- Join my Discord community: https://discord.gg/A9CnsVzzkZ
- @HashLips NFT YouTube: https://www.youtube.com/c/HashLipsNFT
- NFTPort: https://nftport.xyz
- Mac M1 Issue: https://github.com/HashLips/hashlips_…
VIDEOS
- How to Create NFT Layers in Photoshop or Figma: https://youtu.be/k72aCI1VyKM
- How to Automate Listing on OpenSea: https://youtu.be/Iy1n_LxUwZs
- Original Video – v1.0.0: https://youtu.be/AaCgydeMu64
- NFT Playlist: https://www.youtube.com/playlist?list…
Become A VS Code SuperHero Today: https://vsCodeHero.com
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/…
Timestamps
- 00:00 – Intro
- 01:35 – What’s an NFT?
- 02:10 – What is a blockchain?
- 03:00 – NFT Use Cases
- 03:22 – NFT Collections
- 04:04 – Create Image Layers
- 06:37 – Download Repo & Set Up
- 09:59 – Include your images here!
- 11:07 – Config.js Overview
- 14:15 – Generate 10k Unique Images!
- 14:38 – The complexity of creating NFTs
- 16:31 – Install MetaMask
- 16:48 – NFTPort Settings in config.js
- 20:29 – Create Generic Metadata (optional)
- 20:57 – Upload Images & Metadata to IPFS
- 22:02 – Deploy Contract
- 22:42 – Mint NFTs
- 24:17 – Check Mint Transactions
- 25:09 – List for Sale on OpenSea
- 25:59 – Reveal your NFTs (optional)
- 27:55 – Refresh OpenSea Command
- 28:30 – Mint for real now!
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
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
”
[#Script #Coding] Greedy Algorithms Tutorial – Solve Coding Challenges
Greedy Algorithms Tutorial – Solve Coding Challenges
By freeCodeCamp.org
Published: Jun 27, 2022“
Learn how to use greedy algorithms to solve coding challenges. Many tech companies want people to solve coding challenges during interviews and many of the challenges can be solved using a greedy algorithm. A greedy algorithm is any algorithm that follows the problem-solving heuristic of making the locally optimal choice at each stage.
Course from Tanishq Chaudhary. Check out his channel: https://www.youtube.com/c/TanishqChau…
Links to coding challenges on InterviewBit:
- Highest product: https://www.interviewbit.com/problems…
- Bulbs: https://www.interviewbit.com/problems…
- Disjoint intervals: https://www.interviewbit.com/problems…
- Largest permutation: https://www.interviewbit.com/problems…
- Meeting rooms: https://www.interviewbit.com/problems…
- Distribute candy: https://www.interviewbit.com/problems…
- Seats: https://www.interviewbit.com/problems…
- Assign mice to holes: https://www.interviewbit.com/problems…
- Majority element: https://www.interviewbit.com/problems…
- Gas station: https://www.interviewbit.com/problems…
Course contents
- (0:00:00) Greedy introduction
- (0:04:32) Bulbs
- (0:12:11) Highest product
- (0:17:08) Disjoint intervals
- (0:28:43) Largest permutation
- (0:38:30) Meeting rooms
- (0:49:25) Distribute candy
- (1:03:13) Seats
- (1:19:13) Assign mice to holes
- (1:24:19) Majority element
- (1:35:28) Gas station
- (1:52:39) End
”
[#Script #Coding] Automate with Python – Full Course for Beginners
Automate with Python – Full Course for Beginners
By freeCodeCamp.org
Published: Jun 20, 2022“
Learn how to automate your life with Python! You will learn how to automate boring and repetitive tasks such as creating an Excel report, sending text messages, extracting tables from websites, interacting with websites, and more. You will learn how to use a few different Python libraries to help with automation such as Path, Selenium, XPath, and more.
Source Code & Datasets: https://github.com/ifrankandrade/auto…
– Course from Frank Andrade. Check out his YouTube Channel: https://www.youtube.com/c/FrankAndrade5
– Automation Cheat Sheet: https://frankandrade.ck.page/44559e1ae7
– Frank’s 11-Hour Automation Course in Python: https://www.udemy.com/course/automate…
– Frank’s Discord Server: https://discord.gg/6xyQaj8bJKCourse Contents
- (0:00:00) Intro
- (0:00:31) Project #1 Table Extraction – Extract Tables from Websites
- (0:02:53) Table Extraction – Extract CSV Files from Websites
- (0:09:38) Table Extraction – Extract Tables from PDFs
- (0:13:06) Project #2 – Web Automation & Web Scraping – HTML Basics – Tags and Elements
- (0:20:57) Web Automation & Web Scraping – HTML Basics – Tree Structure
- (0:24:22) Web Automation & Web Scraping – XPath – Syntax, Functions and Operators
- (0:28:06) Web Automation & Web Scraping – XPath – Test Your XPath
- (0:33:38) Web Automation & Web Scraping – XPath – Special Characters and Syntax
- (0:38:17) Automate The News – Installing Selenium and ChromeDriver
- (0:40:34) Automate The News – Creating The Driver
- (0:44:46) Automate The News – Finding Elements
- (1:04:34) Automate The News – Exporting Data to a CSV File
- (1:12:34) Automate The News – Headless mode
- (1:18:18) Automate The News – Preparing Script to Be Run Everyday
- (1:30:17) Automate The News – Convert py to exe
- (1:37:18) Automate The News – Schedule Python Script with crontab (macOS)
- (1:42:16) Project #3 – Automate Excel Report – Create a Pivot Table with Python
- (1:49:42) Automate Excel Report – Add a Bar Chart
- (2:05:02) Automate Excel Report – Write Excel Formulas with Python
- (2:19:18) Automate Excel Report – Format Cells
- (2:23:04) Automate Excel Report – Convert Pivot Table to Excel Report
- (2:25:32) Automate Excel Report – Generate Excel Reports with One Click (py to exe)
- (2:33:22) Project #4 – Automate WhatsApp
”
[#Script #Coding] Learn HTML – Full Tutorial for Beginners (2022)
Learn HTML – Full Tutorial for Beginners (2022)
By freeCodeCamp.org
Published: Mar 08, 2022“
Learn HTML in this complete course for beginners. This is an all-in-one beginner tutorial to help you learn web development skills. This course teaches HTML5.
Dave Gray created this course. Check out his channel: https://www.youtube.com/davegrayteachescode
Code: https://github.com/gitdagray/html_courseCourse Contents
- (00:00:00) Intro
- (00:00:55) Chapter 1 – Getting Started
- (00:20:13) Chapter 2 – Head Element
- (00:29:02) Chapter 3 – Text Basics
- (00:49:45) Chapter 4 – List Types
- (00:59:55) Chapter 5 – Add Links
- (01:30:38) Chapter 6 – Add Images
- (02:00:58) Chapter 7 – Semantic Tags
- (02:24:53) Chapter 8 – Create Tables
- (02:40:42) Chapter 9 – Forms & Inputs
- (03:25:16) Chapter 10 – HTML Project
”
[#Script #Coding] Webhooks for Beginners – Full Course
Webhooks for Beginners – Full Course
By freeCodeCamp.org
Published: Dec 17, 2020“
What are webhooks? Webhooks allow different web applications and services to communicate with each other. In this course for beginners, you will learn everything you need to know about webhooks. You will learn to implement webhooks with and without code.
– Teacher notes and code: https://github.com/twiliodeved/webhooks-course
– Course developed by Craig Dennis, who is a Developer Educator at Twilio.Course Contents
Unit 1 – Integration
- Video 1 – Welcome (00:00:00)
- Video 2 – Defining Events, Handlers, and Hooks (00:04:51)
- Video 3 – Lightbulb moment (00:09:12)
- Video 4 – Finding Inspiration (00:17:11)
Unit 2 – Capturing Data from a Webhook
- Video 1 – Diving into Webhooks (00:23:33)
- Video 2 – Explore the Request (00:28:28)
- Video 3 – Using the Data (00:37:34)
- Video 4 – Developing Locally (00:46:32)
- Video 5 – Opening a Tunnel (00:57:34)
- Video 6 – Serverless (01:17:17)
Unit 3 – Hooking it altogether
- Video 1 – Introducing the projects (01:34:52)
- Video 2 – Text Affirmation (01:38:33)
- Video 3 – Setting up the flow (01:44:45)
- Video 4 – Handle things locally (01:56:34)
- Video 5 – Deploying your serverless function (02:11:46)
- Video 6 – That’s a Wrap (02:22:53)
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…
”









