Author: Eric Brooks

Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.

[#Script #Coding] ChatGPT Clone – OpenAI API and React Tutorial

Posted on by Eric Brooks

ChatGPT Clone – OpenAI API and React Tutorial

By freeCodeCamp.org
Published: Jan 18, 2023

“
freeCodeCamp.org Learn how to use React and the OpenAI API to create an application like ChatGPT. The application can answer our questions, convert the text into different languages, or even convert JavaScript code to Python.

OpenAI API: https://beta.openai.com/

Course developed by @CybernaticoByNishant

ChatGPT with React: https://github.com/nishant-666/ChatGPT-React
OpenAI with React: https://github.com/nishant-666/Dall-E-API-with-React

    Contents

  • (0:00) Introduction
  • (4:01) Importing configuration and api keys
  • (11:27) Creating the input and button
  • (16:09) How to create an image
  • (23:32) Getting the api key from the console
  • (28:48) Setting up the menu items
  • (36:14) Hovering options in the options
  • (41:03) Importing the translated component
  • (48:47) Setting options in a file
  • (53:30) Finishing main function

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

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

”

Top Headlines for February 10, 2023

Posted on by Eric Brooks
Headline News from the Associated Press

[#Script #Coding] Docker Containers and Kubernetes Fundamentals – Full Hands-On Course

Posted on by Eric Brooks

Docker Containers and Kubernetes Fundamentals – Full Hands-On Course

By freeCodeCamp.org
Published: Oct 12, 2022

“
freeCodeCamp.org Learn how to use Docker and Kubernetes in this complete hand-on course for beginners.

Learn how to containerize applications with the Docker CLI and Visual Studio Code. Push and pull container images on Docker Hub, a container registry, and create multi-container applications using Docker Compose.

Learn about the Kubernetes architecture and how it works. Run it locally and use the Kubernetes CLI and Visual Studio Code to run, debug and troubleshoot applications and services. Learn about pods and the different workloads available.

Install Docker Desktop and enable Kubernetes. Download the lab files here: https://github.com/K8sAcademy/Fundamentals-HandsOn

Course from Guy Barrette, from Kubernetes Academy Online
Certified on Kubernetes, Terraform, Azure, AWS, and GCP. Proud to be an Azure MVP and a DigitalOcean Navigator.
Consult his bio: https://guybarrette.com

The course is also available here (with a French version): https://kubernetesacademy.online

If you like the course, You can make a small donation to the creator: https://www.buymeacoffee.com/guybarrette
View other courses from Guy here: https://kubernetesacademy.online
Guy on Twitter: @GuyBarrette and @K8s_Online

    Course Contents
    • 0:00:00 Introduction

    • Course Introduction
    • Course Setup
      0:05:02 Introduction to MicroServices

    • Microservices Concepts
    • Microservices Anti Patterns
    • Microservices Advantages and Drawbacks
      0:13:56 Welcome to Cloud Native!

    • What are Cloud Native and the Cloud Native Foundation
    • Cloud Native Concepts
    • Cloud Native Hands-On
      0:23:01 Introduction to Containers

    • Container Concepts
    • What is Docker?
    • Docker Hands-On
    • Basic Commands
    • Basic Commands Hands-On
    • Running Containers
    • Running Containers Hands-On
    • Building Containers
    • Building Containers Hands-On
      0:54:41 Visual Studio Code

    • The Docker Extension
    • The Docker Extension Hands-On
      1:07:03 Persisting Data

    • Containers are Ephemerous and Stateless
    • Docker Volumes Concepts
    • Using Docker Volumes Hands-On
      1:17:03 Docker Compose

    • Understanding the YAML File Structure
    • Docker Compose Concepts
    • Using Docker Compose
    • Using Docker Compose Hands-On
    • Docker Compose Sample App Hands-on
    • Docker Compose Features
    • 1:47:18 Container Registries
    • Container Registries Concepts
    • Push/Pull Images from Docker Hub
    • Push/Pull Images from Docker Hub Hands-On
      1:56:58 Kubernetes Concepts

    • Kubernetes Concepts
    • How to Run Kubernetes Locally
    • How to Run Kubernetes Locally Hands-On
    • Kubernetes API
    • Using Kubectl Hands-On
    • The Declarative Way vs the Imperative Way
    • The Declarative Way vs the Imperative Way Hands-On
      2:20:38 Namespaces

    • Namespaces Concepts
    • Namespaces Hands-On
      2:28:47 Nodes

    • Master Node Concepts
    • Worker Nodes Concepts
    • Nodes Hands-On
      2:38:36 Pods

    • Pod Concepts
    • The Pod Lifecycle
    • Defining and Running Pods
    • Pod Hands-On
    • Init Containers
    • Init Containers Hands-On
      3:01:00 Selectors

    • Selector Concepts
    • Selector Hands-On
      3:07:51 Multi Container Pods

    • Common Patterns for Running More then One Container in a Pod
    • Multi Container Pods Networking Concepts
    • Multi Containers Pods Hands-On
      3:19:45 Workloads

    • Introduction to Workloads
    • ReplicaSet Concepts
    • ReplicaSet Hands-On
    • Deployment Concepts
    • Deployment Hands-On
    • DaemonSet Concepts
    • DaemonSet Hands-On
    • StatefulSet Concepts
    • StatefulSet Hands-On
    • Job Concepts
    • Job Hands-On
    • CronJob Concepts
    • CronJob Hands-On
      4:05:15 Updates

    • Rolling Updates Concepts
    • Rolling Updates Hands-On
    • Blue-Green Deployments
    • Blue-Green Deployments Hands-On
      4:21:13 Services

    • What are services?
    • ClusterIP Concepts
    • ClusterIP Hands-On
    • NodePort Concepts
    • NodePort Hands-On
    • Load Balancer Concepts
    • Load Balancer on Docker Desktop Hands-On
      4:44:03 Storage & Persistence

    • Storage & Persistence Concepts
    • The Static Way
    • The Static Way Hands-On
    • The Dynamic Way
      5:03:48 Application Settings

    • ConfigMaps Concepts
    • ConfigMaps Hands-On
    • Secrets Concepts
    • Secrets Hands-On
      5:22:24 Observalibilty

    • Startup, Readiness and Liveness Probes Concepts
    • Probes Hands-On
      5:30:46 Dashboards

    • Dashboards Options
    • Lens Hands-On
    • K9s Hands-On
      5:47:36 Scaling

    • Auto Scaling Pods using the Horizontal Pod Autoscaler
    • Auto Scaling Pods Hands-On
      5:55:22 Conclusion

    • Course 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] Build a Chrome Extension – Course for Beginners

Posted on by Eric Brooks

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…

”

Top Headlines for February 09, 2023

Posted on by Eric Brooks
Headline News from the Associated Press

[#Script #Coding] Best CSS Tool for VS Code!! Mirror Editing

Posted on by Eric Brooks

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.

”

[#Video #Design] AI: An Artist’s Friend or Foe? | Dan Jeffries, CIO of Stability.ai (Stable Diffusion)

Posted on by Eric Brooks

AI: An Artist’s Friend or Foe? | Dan Jeffries, CIO of Stability.ai (Stable Diffusion)

By School of Motion
Published: Jan 04, 2023

“
School of Motion AI has finally come to the world of art, but what does that really mean for artists? Will it be the friend we’ve always wanted by eliminating monotonous tasks and speeding up workflows? Or will it turn out to be a foe and make digital artists obsolete? Joey sits down with Daniel Jeffries, CIO of Stability.ai, to discuss the real-world use cases of artificial intelligence and the moral, ethical, and philosophical ramifications of AI art.

Show Notes & Transcript:
https://som.bz/AIfriendorfoe

After Effects Kickstart
https://www.schoolofmotion.com/courses/after-effects-kickstart

”

Top Headlines for February 08, 2023

Posted on by Eric Brooks
Headline News from the Associated Press

[#AfterEffects #Video] How To Make A Progress Bar In After Effects | Easy Tutorial

Posted on by Eric Brooks

How To Make A Progress Bar In After Effects | Easy Tutorial

By Learnin5
Published: May 22, 2017

“
Learnin5 Quick and easy tutorial on how to create a basic progress bar with counting numbers in After Effects.
It’s a great flat design effect for motion graphics no plugins or presets required!

If you’re not already on the Adobe Creative Cloud, sign up here:

If you enjoyed the video, make sure to subscribe to give your next video that added value in 5 minutes or less.

Follow me on IG: www.Instagram.com/austinmakesfilms

”

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