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] 2D Game Development with GDevelop – Crash Course

Posted on by Eric Brooks

2D Game Development with GDevelop – Crash Course

By freeCodeCamp.org
Published: Jan 27, 2022

“
freeCodeCamp.org Learn how to create games with GDevelop, a 2D cross-platform, free and open-source game engine. You can create games with minimal coding and run them on most major platforms.

Course created by Wesley and Max.

Learn more about Gdevelop: https://gdevelop.io/
More GDevelop video tutorials: https://www.youtube.com/c/GDevelopApp/featured

    Course Contents

  • (0:00:00) Intro
  • (0:00:22) General Layout
  • (0:06:34) Object Types
  • (0:10:51) Event System
  • (0:16:03) Jumpstarting
  • (0:20:55) Variables
  • (0:25:33) Expression Builder
  • (0:30:01) Extensions
  • (0:33:18) Re-creating Asteroids
  • (0:43:18) Exporting A Game
  • (0:46:36) Outro

”

[#Script #Coding] Web3 101: What is an ERC721/a Smart Contract?

Posted on by Eric Brooks

Web3 101: What is an ERC721/a Smart Contract?

By codeSTACKr
Published: Jul 04, 2022

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

What is a web3 ERC-721 and ERC-721a smart contract? In this video, @HashLipsNFT and I will explain it.

Tools I use:
codeSTACKr 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 Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr

”

[#Webdesign #Coding] Code a Game Using React + Data Fetching with useEffect

Posted on by Eric Brooks

Code a Game Using React + Data Fetching with useEffect

By LearnWebCode
Published: Jul 19, 2022

“
LearnWebCode Let’s build a dog guessing game that fetches data from an API. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub starter link: https://github.com/LearnWebCode/vite-…
GitHub Finished Product Reference: https://github.com/LearnWebCode/react…

    CONTENTS:

  • 0:00 Intro
  • 1:42 Starter Setup
  • 3:05 Fetching Dog API Data
  • 7:36 useEffect Data Fetching / Strict Mode
  • 16:22 Getting Data Ready for Questions
  • 24:36 State with Immer Reducer
  • 36:52 Creating Questions
  • 41:46 The JSX Game Interface
  • 48:32 Game Logic
  • 53:48 Time Clock & Hearts UI
  • 1:02:38 Game Over Screen
  • 1:11:07 Actually Counting Down Time
  • 1:17:01 Preload Images
  • 1:19:58 High Score Local Storage

”

[#Script #Coding] Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial

Posted on by Eric Brooks

Code Your Own Heroku Clone with Python – Provision Infrastructure Programmatically Tutorial

By freeCodeCamp.org
Published: Jun 02, 2022

“
freeCodeCamp.org Learn all about how to provision infrastructure programmatically by building a simplified Heroku clone with Python. At the end you will also learn how to provision a web app on AWS using JavaScript.

Beau Carnes developed this course.

Code: https://github.com/beaucarnes/herocool

    Resources

  • Installing Pulumi: https://www.pulumi.com/docs/get-start…
  • Get free AWS account here: https://aws.amazon.com/free/
  • Installing AWS CLI: https://docs.aws.amazon.com/cli/lates…
  • Get AWS Access key ID and secret access key: https://docs.aws.amazon.com/cli/lates…
    Course Contents

  • (0:00:00) Introduction
  • (0:04:49) Setup environment
  • (0:10:10) Initial Flask code
  • (0:13:05) Pulumi app
  • (0:17:37) HTML templates
  • (0:25:06) Provisioning websites code
  • (0:42:35) Provisioning VMs code
  • (0:50:48) Create SSH key/value pair
  • (0:53:45) Testing app
  • (1:05:03) Connecting to created VM
  • (1:07:31) Provisioning using JavaScript
  • (1:19:09) Conclusion

”

[#Script #Coding] The Edge is the Future! What are Edge Functions? Exploring Netlify Edge Functions

Posted on by Eric Brooks

The Edge is the Future! What are Edge Functions? Exploring Netlify Edge Functions

By codeSTACKr
Published: May 02, 2022

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

In this video, you’ll learn what the Edge is and how edge functions can help you get content to your users faster!

So, what is the Edge? Generally, when you go to a website, that site might be hosted on the other side of the world. Depending on where you are, it may take longer to load.

The edge is a network of servers around the world that automatically detects where your user is located and serves content to them from the closest server.

The CEO of Netlify, Matt Biilmann, says that they are building an open-source runtime for the edge, poised to be an industry standard that is not proprietary to Netlify.

The Netlify edge functions allow you to run serverless JavaScript or TypeScript functions directly on their edge network. The key to this is Deno. Deno is a secure by default runtime that enables out-of-the-box compatibly with many web frameworks.

Netlify’s Edge Functions don’t require a framework, but they do work with Astro, Eleventy, Hydrogen, Next.js, Nuxt, Remix, SvelteKit, and many others.

You can even stream and render an entire site from the edge!
The bottom line is, you get content to your users faster!

    Resources

  • Netlify Edge Functions Examples: https://edge-functions-examples.netli…
  • Sign up for a Free MongoDB Atlas Database: https://www.mongodb.com/cloud/atlas/r…
  • MongoDB Atlas Data API: https://www.mongodb.com/docs/atlas/ap…
    Tools I use:

  • codeSTACKr 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
  • 00:11 – What is the Edge?
  • 01:32 – What is possible with Edge Functions?
  • 01:46 – Bare Bones Example
  • 03:12 – Next.js Example
  • 03:58 – Geolocation
  • 04:51 – Content Localization
  • 06:17 – Create and modify cookies
  • 06:52 – A/B Testing
  • 08:26 – Fetching data from the edge
[READ MORE]

”

[#Webdesign #Coding] WordPress REST API Authentication: Application Passwords

Posted on by Eric Brooks

WordPress REST API Authentication: Application Passwords

By LearnWebCode
Published: Mar 30, 2022

“
LearnWebCode Let’s learn about the two most common ways to make authenticated requests to the WordPress REST API. My premium courses and coupons: https://learnwebcode.com/courses/

GitHub example code shown in this video: https://github.com/LearnWebCode/wordp…

    CONTENTS:

  • 0:00 Intro
  • 1:00 Cookie / Browser Approach
  • 4:34 Application Passwords
  • 10:15 Node.js Example
  • 11:47 Extra Info

Follow me for updates on new videos or projects:
Instagram: https://www.instagram.com/javaschiff/
Twitter: https://twitter.com/learnwebcode
Facebook: https://www.facebook.com/Brad-Schiff-…
Twitch: https://www.twitch.tv/learnwebcode

”


[#Script #Coding] Harvard CS50 – Full Computer Science University Course

Posted on by Eric Brooks

Harvard CS50 – Full Computer Science University Course

By freeCodeCamp.org
Published: Oct 19, 2022

“
freeCodeCamp.org Learn the basics of computer science from Harvard University. This is CS50, an introduction to the intellectual enterprises of computer science and the art of programming.

Slides, source code, and more at https://cs50.harvard.edu/x.

    Course Contents

  • (00:00:00) Lecture 0 – Scratch
  • (01:45:08) Lecture 1 – C
  • (04:13:23) Lecture 2 – Arrays
  • (06:20:43) Lecture 3 – Algorithms
  • (08:37:55) Lecture 4 – Memory
  • (11:03:17) Lecture 5 – Data Structures
  • (13:15:36) Lecture 6 – Python
  • (15:39:25) Lecture 7 – SQL
  • (18:00:55) Lecture 8 – HTML, CSS, JavaScript
  • (20:23:38) Lecture 9 – Flask
  • (22:39:01) Lecture 10 – Emoji
  • (24:02:50) Cybersecurity

    • Recorded in 2021.

    HOW TO JOIN CS50 COMMUNITIES

  • Discord: https://discord.gg/cs50
  • Ed: https://cs50.harvard.edu/x/ed
  • Facebook Group: https://www.facebook.com/groups/cs50/
  • Faceboook Page: https://www.facebook.com/cs50/
  • GitHub: https://github.com/cs50
  • Gitter: https://gitter.im/cs50/x
  • Instagram: https://instagram.com/cs50
  • LinkedIn Group: https://www.linkedin.com/groups/7437240/
  • LinkedIn Page: https://www.linkedin.com/school/cs50/
  • Medium: https://cs50.medium.com/
  • Quora: https://www.quora.com/topic/CS50
  • Reddit: https://www.reddit.com/r/cs50/
  • Slack: https://cs50.edx.org/slack
  • Snapchat: https://www.snapchat.com/add/cs50
  • SoundCloud: https://soundcloud.com/cs50
  • Stack Exchange: https://cs50.stackexchange.com/
  • TikTok: https://www.tiktok.com/@cs50
  • Twitter: https://twitter.com/cs50
  • YouTube: https://www.youtube.com/cs50
    HOW TO FOLLOW DAVID J. MALAN

  • Facebook: https://www.facebook.com/dmalan
  • GitHub: https://github.com/dmalan
  • Instagram: https://www.instagram.com/davidjmalan/
  • LinkedIn: https://www.linkedin.com/in/malan/
  • TikTok: https://www.tiktok.com/@davidjmalan
  • Twitter: https://twitter.com/davidjmalan

LICENSE
CC BY-NC-SA 4.0
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License
https://creativecommons.org/licenses/by-nc-sa/4.0/

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] Advanced OpenGL Tutorial – Skeletal Animations with Assimp

Posted on by Eric Brooks

Advanced OpenGL Tutorial – Skeletal Animations with Assimp

By freeCodeCamp.org
Published: Mar 14, 2022

“
freeCodeCamp.org In this OpenGL Course, you will take your animation skills to the next level by learning about skeletal animations. This will help your character animations to feel more lifelike when they move thier limbs to do things like walking, running, and attacking.

You will learn how to use the Open Asset Import Library (assimp) to import and export various 3d-model-formats.

Course created by Etay Meiri. Check out his YouTube channel: https://www.youtube.com/channel/UC7Z1…

    Course Contents

  • (0:00:00) Intro
  • (0:01:29) Loading models using Assimp
  • (0:27:36) Part 1: Rigging, Skinning, and Animating 3D Models
  • (0:48:21) Part 2: Mapping Vertices of Model to Bones
  • (1:03:15) Part 3: Transformation Matrices
  • (1:19:23) Part 4: Integrating Assimp Matrices into Skinned Mesh Class
  • (1:28:06) Part 5: Integrating Animation Data into Skinned Mesh Class
    Sources

  • Clone the repo at https://github.com/emeiri/ogldev.git. The specific sources are in the following directories:
  • Loading models using Assimp: https://github.com/emeiri/ogldev/blob…
  • Skeletal Animation – Part 1: https://github.com/emeiri/ogldev/blob…
  • Skeletal Animation – Part 2: https://github.com/emeiri/ogldev/blob…
  • Skeletal Animation – Part 3: https://github.com/emeiri/ogldev/blob…
  • Skeletal Animation – Part 4: https://github.com/emeiri/ogldev/blob…
  • Skeletal Animation – Part 5: https://github.com/emeiri/ogldev/blob…
    Build Instructions

  • Linux – each source directory contains a build.sh and/or build_assimp_sandbox.sh script. Simply run this script from within the directory and it will generate a tutorial* executable that matches the index of the tutorial directory.
  • Run the executable from the same directory.
  • Windows – the directory ogldev/Windows/ogldev_vs_2019 contains a Visual Studio 2019 solution file. The relevant projects are:
    • Loading models using Assimp: Tutorial18
    • Skeletal Animation – Part 1: Tutorial24
    • Skeletal Animation – Part 2: Tutorial25, Tutorial25_assimp_sandbox
    • Skeletal Animation – Part 3: Tutorial26
    • Skeletal Animation – Part 4: Tutorial27
    • Skeletal Animation – Part 5: Tutorial28
    Credits

  • Music: https://bensound.com and from the youtube audio library by the artists Huma-Huma and RKVC
  • Image from cleanpng.com by Isbelia
  • Images from pixabay.com by VOLLEX, Gordon Johnson, OpenClipart-Vectors
  • Video from pixabay.com by Timo Herbert

”

[#Webdesign #Coding] Why You Should Try Tailwind CSS

Posted on by Eric Brooks

Why You Should Try Tailwind CSS

By LearnWebCode
Published: Jun 20, 2022

“
LearnWebCode Let’s get started using Tailwind CSS in our projects. My premium courses and coupons: https://learnwebcode.com/courses/

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

    CONTENTS

  • 0:00 Intro
  • 1:56 The Problems With CSS
  • 7:39 What Is Tailwind?
  • 10:59 Actually Getting Started
  • 18:20 GitHub Examples
  • 22:40 Markdown or Blog Content?
  • 27:31 Custom Colors
  • 29:38 Custom Fonts
  • 34:51 Typography Plugin
  • 37:03 VS Code Extension

”

[#Script #Coding] Learn Go Programming by Building 11 Projects – Full Course

Posted on by Eric Brooks

Learn Go Programming by Building 11 Projects – Full Course

By freeCodeCamp.org
Published: Mar 22, 2022

“
freeCodeCamp.org In this Go programming language course for beginners, you will improve your Go programming skills by building eleven projects.

Akhil Sharma created this course. Check out his channel: https://www.youtube.com/c/AkhilSharmaTech

    Project Code

  1. Build A Simple Web Server With Golang – https://github.com/AkhilSharma90/simp…
  2. Build A CRUD API With Golang – https://github.com/AkhilSharma90/Gola…
  3. Golang With MySQL Book Management System – https://github.com/AkhilSharma90/Gola…
  4. Simple SlackBot To Calculate Age – https://github.com/AkhilSharma90/GO-S…
  5. Golang Slackbot for File Uploading – https://github.com/AkhilSharma90/GO-S…
  6. Email Verifier Tool With Golang – https://github.com/AkhilSharma90/GO-E…
  7. AWS Lambda With Golang – https://github.com/AkhilSharma90/Simp…
  8. CRM with Golang Fiber – https://github.com/AkhilSharma90/go-b…
  9. HRMS with Golang Fiber – https://github.com/AkhilSharma90/go-b…
  10. Complete Serverless Stack – https://github.com/AkhilSharma90/Gola…
  11. A.I Bot with Wolfram, Wit.ai and golang – https://github.com/AkhilSharma90/AI-B…
    Course Contents

  • (0:00:00) Build A Simple Web Server With Golang
  • (0:20:34) Build A CRUD API With Golang
  • (1:07:14) Golang With MYSQL Book Management System
  • (2:30:57) Simple SlackBot To Calculate Age
  • (2:44:12) Golang Slackbot for File Uploading
  • (3:01:45) Email Verifier Tool With Golang
  • (3:24:32) AWS Lambda With Golang
  • (3:50:12) CRM with Golang Fiber
  • (4:34:34) HRMS with Golang Fiber
  • (5:44:25) Complete serverless stack with Golang
  • (7:28:55) A.I Bot with wolfram, wit.ai and Golang

”

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