DEV Community: jennman

Open AI Codex. Your new BFF <3

jennman — Wed, 18 Jan 2023 22:55:23 +0000

OpenAI is an AI research and deployment company. Codex, the AI coding software, was built on OpenAI’s language generation model, GPT-3, and acts as a translator between users and computers. Codex was created to be an improvement on GPT-3. Instead of being trained on web content in general, its developers specifically used open-source code repositories they scraped from various parts of the web.

Working with Codex is like talking to a virtual assistant such as Alexa, Siri, or Google. You ask the software to do what you want the same way you’d ask a friend for a favor.

For instance, if you’re designing a website, you can type in commands like “Display this image of a cat: https://bit.ly/3fsc0rH”

and "Make it 20%"

You can also instruct it to adjust elements by changing their font, size, or orientation. While this may seem relatively straightforward and obvious to you, to Codex, it’s a series of commands.

Keynotes:

Uses natural language to communicate
Uses open-source code repositories from varies parts of the web
Makes fewer mistakes and unlikely to develop a 100% accuracy rate
The more complex the command is the harder it is to communicate it properly to the software
It's most capable in Python and proficient in over a dozen languages including JavaScript, Go, Perl, PHP, Ruby, Swift, TypeScript, SQL, and even Shell.

Spline : A 3D design tool

jennman — Wed, 14 Dec 2022 05:02:22 +0000

What is Spline ?
Spline is a design tool for 3D web development. It allows you to see your design in real time. Spline lets you create 3D scenes, edit materials, and model 3D objects. You can save your composition in high resolution JPGs & PNGs, and integrate your scene into your React projects!

Spline provides a large library of examples along with a wide range of tutorials from creating a simple avatar to creating complex animations.

What can Spline do ?

Realtime Collaboration -> Work with your team in real-time and set individual permissions.
3D Modeling -> 3D Modeling
Animation -> Give life to your 3d objects.
Interactive Experiences -> Enable interactivity on your objects.
Materials -> Control the look of your scene.
3D Sculpting -> Create organic shapes.

Click to visit -> https://spline.design/

Here are some great examples provided by spline in the library tab.

Create 3D characters :

Create interactive environments :

Create product designs :

Useful beginner friendly hotkeys/commands

jennman — Wed, 07 Dec 2022 17:28:00 +0000

What are Hotkeys ?
Also known as keyboard shortcuts, hotkeys are a combination of keys that carries out a function making it more efficient to type.

Why use Hotkeys ?

You can increase your productivity and accomplish more tasks by using the keyboard instead of mouse
Extensive mouse usage is associated with R.S.I. (Repetitive Syndrome Injury) much often than the keyboard usage. By alternating mouse and keyboard usage you can reduce the risks of R.S.I. and reduce the fatigue your wrists and fingers.
When doing a lot of text-editing it is more accurate to handle through keyboard shortcuts

Basics 👍 :

Useful 👩‍💻 :

Funsies 🥳 :

Directory 🗂️ :

Dummy Proof: Callback Functions

jennman — Thu, 24 Nov 2022 01:47:23 +0000

What is a callback function?

A function passed as an argument inside of a function that will be executed later

When to use a callback ?

You can use callbacks in asynchronous functions, where one function has to wait for another function to invoke.

Regular Function :

function name(argument){
   //do something 
}

Callback Function :

//Defining functions
function prepare(ingredients, callback) {
       console.log("Preparing " + ingredients);
       callback();
}

//callback function
function chop(){
       console.log("Chopping");
}

//Calling the function
prepare("onions and garlic", chop);

function createQuote(quote, callback){ 
  var myQuote = "Like I always say, " + quote;
  callback(myQuote); // 2
}

function logQuote(quote){
  console.log(quote);
}

createQuote("eat your vegetables!", logQuote); // 1

// Result in console: 
// Like I always say, eat your vegetables!

Things to know about callback functions :

It's a function that is passed as an argument to another function
Does not have to be named 'callback' in the argument
This function is called a higher-order function which contains the logic for when the callback function gets executed
JavaScript has anonymous functions which lets you declare and execute functions without naming them.
Callback functions can be anonymous functions

Resources:

Dummy Proof : Variables

jennman — Wed, 16 Nov 2022 14:03:44 +0000

For a quick skim => read underlined material along with code examples

If you're learning JavaScript for the first time then let's start off with JavaScript fundamentals. Understanding the basics of JavaScript can start by learning what variables are. And if you're like me then you might need someone to really break it down and spell it out for you.

What are variables?

Variables stores the data value that can be changed later on
Imaginary box that you store your information/value in to use later

Ways to declare a JavaScript variable w/ reserved words:

var
let
const

How to declare a variable :

When we want to declare a variable we need to use a reserve word, a unique name that identifies it , and whatever value it is equal to.

Rules for naming your variable :
- start with lowercase
- no spaces
- camelCase if using multiple words

var uniqueName = value

let uniqueName = value

const uniqueName = value

var

Unless your coding from the year 1995 to 2015 then var is not really needed in JavaScript. Var can create scope issues that caused it to be difficult to diagnose bugs in your code. Many resources have advised against using var as there is no good reason to use it in your code.

> Lesson : No use for var when declaring variable

const

This option should be our go-to when declaring variables. Const cannot be redeclared or reassigned.

Let's declare a variable with const :

const myAge = 25

Let's try to reassigned the value :

const myAge = 25

myAge = 2 
//=> Uncaught TypeError: Assignment to constant variable.

> Lesson : We can assume that the variable will remain the same every time we reference it.

let

We can't redeclare let but we can reassign it's value.

Let's declare a variable with let :

let myAge = 25

Let's try to reassign the value:

let myAge = 25

myAge = 2

myAge; 
=> 2

> Lesson : Use let whenever you know the the value of the variable will change.

Resources