[#Script #Coding] Build a Chrome Extension – Course for Beginners

Build a Chrome Extension – Course for Beginners

By freeCodeCamp.org
Published: May 27, 2022


freeCodeCamp.org Learn how to create a Chrome browser extension using JavaScript and the new iteration of the web extensions platform, called Manifest V3.

Raman Hundal developed this tutorial.

YouTube Bookmarker Starter Code: https://github.com/raman-at-pieces/you…
YouTube Bookmarker Finished Code: https://github.com/raman-at-pieces/yo…
Pieces Code Snippet Assistant download: https://pieces.app/install
Publishing extension on the chrome store docs: https://developer.chrome.com/docs/web…


    Course Contents

  • (0:00:00) Intro
  • (0:02:15) Demo
  • (0:05:18) Understanding manifest.json
  • (0:08:46) Coding the extention
  • (0:31:37) newVideoLoaded function
  • (0:31:37) fetchBookmarks
  • (0:37:08) addEventListener
  • (0:48:03) addNewBookmark function
  • (1:00:33) Testing the extension

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] Best CSS Tool for VS Code!! Mirror Editing

Best CSS Tool for VS Code!! Mirror Editing

By codeSTACKr
Published: Feb 08, 2023


codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

VS Code Tip of the Day
Here’s one really cool feature of this extension. The feature is called CSS Mirror Editing.
In the dev tools, make any style changes you want. You’ll see them happen in real-time and the updates will be saved automatically to your stylesheet.
This is one of the coolest things I’ve seen in a while!
The Microsoft Edge Tools for Visual Studio Code extension allows you to use the Developers Tools right inside VS Code.

[#Script #Coding] Stack Data Structure Tutorial – Solve Coding Challenges

Stack Data Structure Tutorial – Solve Coding Challenges

By freeCodeCamp.org
Published: Oct 05, 2022


freeCodeCamp.org Questions on the stack data structure are very common in technical interviews. Learn how to master the data structure, starting from the easiest problems on LeetCode and InterviewBit and slowly building up intuitions so that the hard problems seem easy. All the questions are popular interview questions from Google, Meta, Microsoft and more!

Tanishq Chaudhary developed this course. Check out his channel: https://www.youtube.com/c…

    Course Contents

    • SECTION 0 – Introduction

    • (0:00:00) Introduction to the course on the Stack data structure
    • (0:00:31) Stack implementation intuitions + Code in Python3 and C++
    • (0:06:23) Simplify Path | InterviewBit | LeetCode
    • (0:19:01) Min Stack | InterviewBit | LeetCode
    •  
    • SECTION 1 – Parentheses

    • (0:30:04) Introduction to Parentheses questions
    • (0:40:24) Valid Parentheses | InterviewBit | LeetCode
    • (0:52:27) Redundant Braces | InterviewBit
    • (1:02:08) Minimum Remove to Make Valid Parentheses | LeetCode
    • (1:12:58) Longest Valid Parentheses | LeetCode
    •  
    • SECTION 2 – Calculator

    • (1:17:42) Introduction to Calculator questions
    • (1:22:51) Convert Infix to Postfix
    • (1:40:15) Evaluate Reverse Polish Notation| InterviewBit | LeetCode
    • (1:47:18) Basic Calculator I, II, III | LeetCode
    •  

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] Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

By freeCodeCamp.org
Published: Apr 18, 2022


freeCodeCamp.org In this course, you will improve your Python skills by coding a Minesweeper game using the tkinter library. The game is fully implemented using Object Oriented Programming.

Course from JimShapedCoding. Check out his channel: https://www.youtube.com/channel/…

Code: https://github.com/jimdevops19/MinesweeperGame

    Course Contents:

  • (0:00:00) Getting Started
  • (0:26:22) Creating Cells & Mines
  • (0:49:40) Minesweeper Algorithms
  • (1:36:29) Display Game data
  • (2:00:28) Finishing touches and playing the game

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…

[READ MORE]

[#Script #Coding] Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

By freeCodeCamp.org
Published: Sep 28, 2022


freeCodeCamp.org Let’s explore an alien planet and learn all the techniques you need to make your own 2D games with vanilla JavaScript, HTML5, CSS3 and HTML Canvas. From sprite animation to parallax backgrounds, today we will build a game completely from scratch, with no frameworks and no libraries, using just HTML, CSS and plain vanilla JavaScript. Have fun!

Course by Frank’s Laboratory. https://www.youtube.com/c/Frankslabor…


EXTENDED class with BONUS lessons and more free sprite sheets: 4 new enemies, sound design, animated shield, animated projectiles and more https://www.udemy.com/course/learn-ga…


    Contents

  • (0:00:00) Intro
  • (0:01:07) HTML & CSS setup
  • (0:02:40) Basic JavaScript setup
  • (0:04:59) Object Oriented programming with JavaScript
  • (0:07:25) Creating Player and Game objects
  • (0:13:18) Animation loop
  • 0:16:36) Keyboard inputs
  • (0:26:15) Creating projectiles
  • (0:33:22) Periodic events
  • (0:38:30) Drawing game UI
  • (0:41:20) Base enemy class
  • (0:49:19) Collision detection between rectangles
  • (0:54:36) Drawing game score
  • (0:57:49) Win and lose condition
  • (0:59:52) Counting game time
  • (1:03:07) Animated parallax backgrounds
  • (1:13:20) Sprite animation with JavaScript
  • (1:17:02) Creating a debug mode
  • (1:18:38) Animating enemy sprite sheets
  • (1:25:15) Night Angler enemy class
  • (1:27:39) Lucky Fish enemy class
  • (1:29:02) Collecting power ups
  • (1:36:51) Drawing projectiles as images
  • (1:38:01) Custom fonts and game text
  • (1:40:43) Cleaning up
  • (1:42:51) Particle effects and physics
  • (1:55:03) Particle rotation
  • (1:58:47) Tweaks and fixes
  • (2:01:46) Hive Whale enemy class
  • (2:04:46) Drone enemy class
  • (2:09:30) Dust effect animation
  • (2:24:36) Fire effect animation
  • (2:26:03) Tuning game difficulty
  • (2:29:26) What to do next?

[#Script #Coding] Create a Design System with CSS – Web Development Course

Create a Design System with CSS – Web Development Course

By freeCodeCamp.org
Published: Feb 07, 2022


freeCodeCamp.org Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrimba version of this course by clicking here: https://scrimba.com/learn/spacetravel

Code on GitHub: https://github.com/kevin-powell/space-tourism

In this course you will first learn how to build your own design system and then learn how to implement the entire website with the design system using CSS, HTML, and JavaScript.

At the end, you will have a neat project to add your portfolio in addition to have sharpened your CSS and design skills.

The design for the course has been created by FrontendMentor. You can get the design files from their page: https://www.frontendmentor.io/challen…

    Course Contents

  • (0:00:00) The design system
  • (2:04:12) The homepage
  • (3:02:25) Navigation
  • (4:17:48) The destination page
  • (5:29:33) The tabs

[#Script #Coding] Six Quick Python Projects

Six Quick Python Projects

By freeCodeCamp.org
Published: Mar 24, 2021


freeCodeCamp.org Improve your Python programming skills by coding six different Python projects. You will create a web scraping program, a bulk file re-namer, a weather program, a countdown timer, a password generator, and a QR code encoder / decoder.

Course developed by Code With Tomi. Check out his channel: https://www.youtube.com/c/CodeWithTomi

    Course Contents

  • (00:00) Intro
  • (00:37) Web Scraping Program
  • (13:53) Renaming Bulk Files
  • (24:54) Getting Weather Information
  • (33:12) Countdown Timer
  • (42:11) Password Generator
  • (53:12) QR Code With Python

[#Webdesign #Coding] MERN Stack Free Course: MongoDB, Express, React & Node.js Full Project

MERN Stack Free Course: MongoDB, Express, React & Node.js Full Project

By LearnWebCode
Published: Jun 02, 2022


LearnWebCode Let’s learn how to build an app using the MERN Stack. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub link for this video: https://github.com/LearnWebCode/mern-…

    CONTENTS:

  • 0:00 Intro
  • 3:10 Our Server (Node.js)
  • 9:27 MongoDB
  • 18:22 Connecting Node & MongoDB
  • 33:10 React
  • 51:53 Connecting React & Express
  • 1:09:02 Password Protection
  • 1:17:55 Create New Animal
  • 1:35:43 User Uploaded Photo
  • 1:43:36 Delete Button
  • 1:49:10 Update An Existing Animal
  • 1:56:30 Server-Side React Rendering

[#Script #Coding] Fastest Upgrade to React 18!! Only 1 Second!

Fastest Upgrade to React 18!! Only 1 Second!

By codeSTACKr
Published: Apr 11, 2022


codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Upgrade to React v18 super-fast! It only takes 1 second. Let me show you how.





[#Script #Coding] Kivy Course – Create Python Games and Mobile Apps

Kivy Course – Create Python Games and Mobile Apps

By freeCodeCamp.org
Published: May 12, 2021


freeCodeCamp.org In this Kivy tutorial, you will learn to create games and applications with Python for every platform (Windows, Mac, iOS, Android).

First, you will learn how to use the Kivy library. You will create graphical user interfaces with buttons, labels, and images. You will learn how to implement many kinds of layouts to create interfaces that can adapt to every screen size from desktop to mobile.

Then you will create a full game with Kivy and Python. The GALAXY project is a perspective game where you need to keep your spaceship on the track.

Course developed by Jonathan Roux. Check out his channel:
https://www.youtube.com/channel/UCvRp…

Source code and resources files: https://codewithjonathan.net/resource…
Try GALAXY on your mobile: http://onelink.to/6w47wy

    Course Contents
    Introduction

  • 0:00:00 Introduction
  • 0:02:03 The GUI libraries with Python (tkinter, QT, pygame…)
  • 0:02:44 The course curriculum
  • 0:03:37 Prerequisites
    Setup

  • 0:04:09 Project creation and installation of Kivy
  • 0:13:03 Download the resources files
    The Lab project | 1 – Layouts

  • 0:13:31 Introduction
  • 0:16:55 Button and Label
  • 0:23:51 BoxLayout
  • 0:30:49 Size_hint and Pos_hint
  • 0:37:18 What can we do with Kivy ?
  • 0:39:23 Embed a layout
  • 0:41:10 AnchorLayout
  • 0:45:36 GridLayout
  • 0:50:15 StackLayout
  • 0:59:30 ScrollView
  • 1:02:28 PageLayout
  • 1:05:05 Conclusion
  • 1:07:10 Layouts : a practical example
    The Lab project | 2 – Widgets

  • 1:08:58 Introduction
  • 1:10:39 Button click
  • 1:15:42 Exercise : Create a counter
  • 1:18:06 Custom font
  • 1:20:09 Toggle Button
  • 1:24:00 Exercise : Enable/disable the counter
  • 1:25:41 Disabled button
  • 1:27:52 Switch
  • 1:29:55 Slider
  • 1:32:13 Exercise : Display the value of the slider
  • 1:35:38 Exercise : Enable the slider
  • 1:37:34 Progress bar
  • 1:39:05 TextInput
  • 1:43:31 Images
  • 1:46:56 Create an application with multiple screens ?
    The Lab project | 3 – Canvas

  • 1:47:39 Introduction
  • 1:51:34 Rectangle and ellipse
  • 1:56:32 Line
  • 1:58:28 Exercise : Cross
  • 2:00:32 Lines (Circle, ellipse, rectangle) and colors
  • 2:04:15 Canvas from the code
  • 2:07:30 Move the rectangle
  • 2:10:41 Exercise : borders of the screen
  • 2:13:25 Ball and animation
  • 2:19:19 Exercise : Make the ball rebound
  • 2:23:05 Coordinates and RelativeLayout
  • 2:28:56 Exercise : Flag
    The Galaxy project | V1

  • 2:30:32 Introduction
  • 2:37:40 Project creation
  • 2:39:09 Perspective point
  • 2:44:35 Vertical lines
  • 2:55:11 Principle : Perspective transformation
  • 3:01:21 Perspective transformation
  • 3:11:34 Exercise : Re-center
  • 3:14:37 Horizontal lines
  • 3:21:52 Horizontal lines perspective
  • 3:28:33 Forward movement
  • 3:36:08 Delta time
  • 3:40:34 Exercise : Lateral movement
  • 3:44:01 Exercise : Key press
  • 3:47:58 Keyboard
    The Galaxy project | V2

  • 3:53:58 Introduction
  • 3:55:02 Structure our code
  • 3:57:41 Tiles and lines coordinates
  • 4:05:24 Exercise : Line Y from index
  • 4:07:26 Display a tile
  • 4:13:30 Move the tile
  • 4:16:22 Display several tiles
  • 4:20:36 Tiles : infinite generation
  • 4:28:10 Random land generation
  • 4:34:16 Exercise : Do not exit the land
  • 4:36:42 Exercise : Start with a straight line
  • 4:38:49 Exercise : Display the ship
  • 4:44:52 Exercise : Fix the game speed
  • 4:49:13 Collisions
    The Galaxy project | V3

  • 4:58:34 Introduction
  • 4:59:34 « Game over » state
  • 5:04:07 Create the menu
  • 5:08:32 Start of the game
  • 5:16:25 Restart the game
  • 5:19:45 Finalise the menu
  • 5:24:38 Exercise : Add the background image
  • 5:26:15 Exercise : Score
  • 5:31:11 Exercise : Add the sounds
  • 5:40:22 Conclusion

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.


Connect