DEV Community: Charles Eugene

Snowflake

Charles Eugene — Mon, 14 Apr 2025 13:49:40 +0000

When working with data at scale, traditional databases often start to feel like a past time that's where Snowflake steps in. Boom, here comes Snowflake stepping in! It's not just a cloud data warehouse it's a full platform for analytics, data sharing, and engineering. Built from the ground up to take advantage of cloud computing.

What is Snowflake?

Snowflake is a cloud native data platform that lets you store, query, and analyze large volumes of data without dealing with servers or infrastructure headaches. Unlike older warehouses, it separates storage from compute, runs on cloud providers like AWS and Azure also supports SQL. Give it structured data aka "Tables" and semi structured formats like JSON it handles both!

Why use Snowflake?

Elastic Scaling: You can scale compute and storage separately depending on workload.
Multi Cloud Support: Choose your provider or run across multiple.
Performance: It's fast even with tons of concurrent users.
Pay for what you use: Pause computing when you don't need it.
Zero Maintenance: No hardware, patches, or indexing needed.

Key Features

Separation of Storage and Compute: You can scale up the compute for a big query without touching your storage. It's cleaner and more cost efficient than bundling them together like older systems.
Multi Cloud Ready: Whether if you're on AWS or Azure Snowflake can run on it. It's designed to be flexible and vendor neutral.
No Infrastructure Management: It handles everything behind the scenes from optimization to resource allocation.
Built in Security: Everything is encrypted and access is controlled by roles.

Understanding Snowflake's Architecture

There are four major layers to understanding how Snowflake works.

Storage Layer: All of your raw data structured or not is stored in cloud based object compressed, encrypted, and managed by Snowflake.
Compute Layer: Compute resources are called virtual warehouses. Each one processes queries and jobs independently.
Cloud Services Layer: Which takes care of Query parsing and optimization, MetaData handling, Access Control, and Transactions.
Data Sharing Layer: Share live queryable data with partners or clients without copying or exporting anything Snowflake handles the permissions and access securely.

Remember is a Snowflake is a SDK

API vs SDK

Definition
API: Set of rules for interacting with a service.
SDK: Toolkit that wraps those rules in easy to use code.

Interface
API: REST based called by HTTP.
SDK: Built in function often language specific.

Developer Effort:
API: Manual Setup
SDK: Less boilerplate, faster dev time.

Conclusion

Snowflake is one of those platforms that gets it right. It's fast, secure, elastic, and built with developers in mind. You don't need to be a data engineer to get value from it and the ability to query data. If you're building apps, dashboards, or workflows that rely on serious data learn to use Snowflake!

Resources:
https://appstekcorp.com/services/snowflake-services/
https://www.biztory.com/blog/what-are-the-different-snowflake-components
https://www.businesswire.com/news/home/20240924530491/en/Snowflakes-AI-Data-Cloud-for-Travel-and-Hospitality-Drives-AI-Innovation-Enhances-Collaboration-and-Transforms-Customer-Experiences
https://www.snowflake.com/trending/cloud-services/
https://www.snowflake.com/en/
https://en.wikipedia.org/wiki/Snowflake_Inc.

Elevate Your UI With React Paper

Charles Eugene — Mon, 31 Mar 2025 13:17:25 +0000

React Paper

In web design UI needs clarity, structure, and visual depth to stand out. React Paper is a component from Material UI that brings these qualities to the forefront. It mimics real world paper giving your content shadow, shape, and elegance with minimal effort.

Whether if you're building dashboards, admin panels, or clean landing pages, Paper can become your go to for crafting beautiful layouts.

What is React Paper?

Paper is a React component provided by Material UI. It copies the concept of an actual sheet of paper from Google's Material Design system.

Great for:

Background Color
Elevation
Rounded or square corners
Versatile styling using MUI's sx prop

The Role of Paper
The idea comes from actual stacks of paper layered on a surface. This helps users visually understand hierarchy and grouping.
Using depth and elevation Paper can help you with:

Group Related Content
Highlight Sections
Improve Layout Structure
Enhance Readability

Lets get set up
Install MUI and Paper.

npm install @mui/material @emotion/react @emotion/styled

Import Paper

Basic Usage

elevation={3} Adds a soft shadow
padding Is for spacing inside the container

Important props for Paper

Elevation: Adds shadow depth 0-24, 0 is flat 24 is deep.
Variant: Use outlined to show a border instead of a shadow.
Square: If true it removes the default round corners.

Best Practices

Use elevation to guide eyes and not overwhelm them.
Stick to 2-3 elevation levels for page clarity.
Try to avoid nesting Paper inside of other papers.
Combine with Box, Grid, or Stack for better looking layouts.

Conclusion
React Paper is a powerful UI container that brings structure, depth, and clarity to web applications. It fits great into dashboards, landing pages, and admin panels giving the content hierarchy with a visual polish.

Resources
https://mui.com/material-ui/getting-started/installation/?srsltid=AfmBOorZCdtDqoJJ_hNjON2Suk_lIbQuSyI3jL6PiETCVBFVu2GrvPyq
https://www.npmjs.com/package/react-native-paper
https://mui.com/material-ui/react-paper/?srsltid=AfmBOoptzFGTS6cbBMMSQpmGNhyfrkbaInQ-bbmPzS1GV74v8tif8kCL
https://www.thefabricator.com/thefabricator/article/bending/when-adopting-best-practices-isn-t-your-best-practice
https://blogs.purecode.ai/blogs/mui-paper
https://xpertlab.com/react-native-paper-material-design/

React Router: Navigating the Future of React Apps

Charles Eugene — Thu, 27 Mar 2025 12:02:42 +0000

React Router

When it comes to building modern web applications React Router, is the way to go for it's a client side routing library that handles navigation between views or pages in React without reloading the page! A new React Router version V7.3.0 came out March 6th, 2025.

Why use React Router?

Great Navigation no page reloading for better UX.
Dynamic Routing great for dynamic parameters and query string easily.
Nested Routing create structured layouts with subroutes.

Lets get set up
Install the React Router package.

npm install react-router-dom@latest

Now wrap the entire app with in the index.js


import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

This makes client side routing for your app.

**All routes are now in a <Routes> container**

React Router: Navigating the Future of React Apps

Charles Eugene — Mon, 17 Mar 2025 19:35:08 +0000

React Router

When it comes to building modern web applications React Router, is the way to go it's a client side routing library that handles navigation between views or pages in React without reloading the page! A new React Router version V7.3.0 came out March 6th, 2025.

Why use React Router?

Great Navigation no page reloading for better UX.
Dynamic Routing great for dynamic parameters and query string easily.
Nested Routing create structured layouts with subroutes.

Lets get set up
Install the React Router package.

npm install react-router-dom@latest

Now wrap the entire app with in the index.js

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

This makes client side routing for your app.

Now all routes are now in a container

import { Routes, Route } from 'react-router-dom';
import Home from './pages/Home';
import About from './pages/About';
import Contact from './pages/Contact';

function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
      <Route path="/contact" element={<Contact />} />
    </Routes>
  );
}

export default App;

The /renders the Home page
The /about renders the About page
The /contact renders the Contact page

Advanced Features

Data Loading: React Router V7.3.0 has better enhanced data loading capabilities which is fetched before a route is rendered. This makes sure that when a page loads in real time all the data is already available, which will lead to faster performance and smoother user experience.

Server side rendering: "SSR" helping use SEO and improve initial page load times. By rendering the content on the server before sending it to the client pages become more search friendly and load faster. Making wait time to go down drastically so the user doesn't have to wait for content to appear.

Static pre rendering: Helps apps to generate static HTML pages for specific routes when its time to build. The pre generated files can be served directly to users, which will minimalize server requests, produce faster load speed, and makes for overall better performance. Now this feature is useful for sites with content that doesn't change frequently. IE blogs, marketing pages, and documentation sites.

Features of React Router V7.3.0

No Break Upgrade: Updating from an older version to V7.3.0 makes sure apps continue to work without any modifications.
React 19: This version has new bundling server rendering, pre rendering making the path to react 19 seamless.
Enhanced Type Safety: A new type generation provides great service for route parameters, loader data, actions. Making developers more confident.

Conclusion

The new React Router V7.3.0 has taken a big leap forward in routing for React apps. It's a non breaking upgrade that makes existing projects adopt the new features without disruption, mostly. As React 19 approaches React Router V7.3.0 will help bridge the gap.

Resources:
https://reactrouter.com/
https://reactrouter.com/changelog
https://api.reactrouter.com/v7/modules/react_router.html
https://en.wikipedia.org/w/index.php?search=react+router&title=Special%3ASearch&ns0=1

React Router: Navigating the Future of React Apps

Charles Eugene — Mon, 17 Mar 2025 19:35:08 +0000

React Router

Why use React Router?

Great Navigation no page reloading for better UX.
Dynamic Routing great for dynamic parameters and query string easily.
Nested Routing create structured layouts with subroutes.

Lets get set up
Install the React Router package.

npm install react-router-dom@latest

Now wrap the entire app with in the index.js

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter } from "react-router-dom";
import App from "./App";

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById("root")
);

This makes client side routing for your app.

Now all routes are now in a container

import { Routes, Route } from 'react-router-dom';
import Home from './pages/Home';
import About from './pages/About';
import Contact from './pages/Contact';

function App() {
  return (
    <Routes>
      <Route path="/" element={<Home />} />
      <Route path="/about" element={<About />} />
      <Route path="/contact" element={<Contact />} />
    </Routes>
  );
}

export default App;

The /renders the Home page
The /about renders the About page
The /contact renders the Contact page

Advanced Features

Data Loading: React Router V7.3.0 has better enhanced data loading capabilities which is fetched before a route is rendered. This makes sure that when a page loads in real time all the data is already available, which will lead to faster performance and smoother user experience.

Server side rendering: "SSR" helping use SEO and improve initial page load times. By rendering the content on the server before sending it to the client pages become more search friendly and load faster. Making wait time to go down drastically so the user doesn't have to wait for content to appear.

Static pre rendering: Helps apps to generate static HTML pages for specific routes when its time to build. The pre generated files can be served directly to users, which will minimalize server requests, produce faster load speed, and makes for overall better performance. Now this feature is useful for sites with content that doesn't change frequently. IE blogs, marketing pages, and documentation sites.

Features of React Router V7.3.0

No Break Upgrade: Updating from an older version to V7.3.0 makes sure apps continue to work without any modifications.
React 19: This version has new bundling server rendering, pre rendering making the path to react 19 seamless.
Enhanced Type Safety: A new type generation provides great service for route parameters, loader data, actions. Making developers more confident.

Conclusion

Pixel Art: The Guide

Charles Eugene — Mon, 03 Feb 2025 14:16:29 +0000

Introduction

Pixel art is a unique style of digital art that’s been used by artists and gamers for years. It’s about creating images pixel by pixel giving them a retro vibe. It might look and seem simple but it is not. There is a lot more to it. You have to get the right colors, shading, and overall makeup.

History of Pixel Art

Pixel art has roots dating back to the early digital graphics and video games scene from the 70's and 80's. During that time technology was still very "new" and graphics had limitations. It made artist work with a small number of pixels and a limited color palette. This led to the iconic pixel visuals like Pac-Man, Super Mario Bros., and The Legend of Zelda.

Essential Tools for Creating Pixel Art

If you’re wanting to build pixel art, you’ll need the right tools. Here are some of the most commonly used software programs.

1. Aseprite

A professional pixel art tool with an intuitive interface.
Offers animation features, layers, and custom palettes.

2. Pyxel Edit

Ideal for creating tilesets and game assets.
Easy to use.

3. Photoshop & GIMP

General all purpose image editing software with pixel controls.
More powerful but may require additional setup for pixel art workflows.

4. Piskel

A free browser based pixel art editor.

Great for beginners and quick animations. (What I used)

Coding In Pixel Art

Pixel art is not just about drawing or art it involves software engineering aka JavaScript and other programming languages.

1. Setup Your Canvas

document.getElementById('pixelCanvas') This gets the HTML. canvas.getContext('2d') This initializes the canvas to use 2D rendering.

2. Pixel Size

pixelSize = 10 each pixel in the artwork will be drawn as a 10x10 pixel square on the canvas.

3. Character Matrix

This 2D array shows the pixel art. Each 1 represents a filled pixel that will be drawn on the canvas. Each 0 represents an empty space.

4. Function Draw Pixel Art

for (let y = 0; y < character.length; y++) Will loop through each row in the character array.
for (let x = 0; x < character[y].length; x++) Then loops through each column in the character array.
if (character[y][x] === 1): Checks if the current position is a 1.
ctx.fillRect(x * pixelSize, y * pixelSize, pixelSize, pixelSize) Draws a filled rectangle at the exact position.

5. Call the function

This will execute the drawPixelArt() function rendering the pixel art onto the canvas.

Conclusion

Pixel art is more than just a retro art form it’s a powerful tool that continues to grow. If you're creating game art, normal artwork, and animations. If you can understand the fundamentals and coding aspects it can enhance your pixel art projects. Get your stylus or start coding and bring your vision to life.

Resources:
https://www.istockphoto.com/illustrations/pixel-cat
https://en.wikipedia.org/wiki/Pixel_art
https://www.pixilart.com/
https://www.pinterest.com/pin/zelda-pixel-art--757871443539534867/
https://www.piskelapp.com/p/create/sprite

FrostBite3: EA'S GAME ENGINE

Charles Eugene — Mon, 27 Jan 2025 15:00:46 +0000

The Power of Frostbite 3:

In the world of game development the Frostbite engine stands as a great technological achievement. Created by DICE and owned by Electronic Arts (EA). Known for its crazy graphics, interactive worlds, and great gameplay. Frostbite was really made for first person shooters like the Battlefield series. But its ability to adapt has allowed it to power a wide array of game genres, including RPGs and high energy sports games like Madden NFL 24.

Frostbite’s Origins

The Frostbite engine first appeared in 2008 with the release of Battlefield: Bad Company. This version introduced a groundbreaking feature! Destructible environments that added a new dimension to gameplay. Over the years Frostbite has undergone many changes, evolving into a more versatile tool capable of supporting diverse gaming experiences! In 2013 Frostbite 3 was birthed alongside Battlefield 4.

-Play With Environments:
Players could modify and engage with the game world in real time a feature branded as "Levolution" in Battlefield 4.

-Great Graphics:
Frostbite 3’s advanced capabilities produced lifelike lighting, particle effects, and detailed character models.

-Better Physics:
The engine pushed boundaries with life like destruction making everything from small scale damage to the complete collapse of structures.

Coding in Frostbite 3

Frostbite primarily uses C++ for core engine development. This allows for high performance and close-to-hardware optimizations achieving advanced graphics and physics.
For gameplay scripting Frostbite uses a custom scripting language or toolchain that is made closely with its engine tools. Developers may not directly write scripts but instead use visual scripting systems to fixed behaviors. Which is a little confusing because EA does not release much on this information!
Cross Platform Gaming Frostbite powered games must work across multiple platforms. Developers write platform specific code to optimize performance and ensure stability on different hardware
AI behavior in Frostbite 3 can be coded directly in C++ or made using its proprietary tools. There also isn't much information on this EA has a very need-to-know basis.
Frostbite requires a special content pipeline to process assets like textures, models, animations, and audio. Artists and programmers work closely with programmers often writing scripts to make asset integration into the game engine.
Frostbite 3's Role in Madden NFL 24

Frostbite by the Madden series brought a new level of realism to the franchise. While the engine brings many benefits! The merge into Madden NFL 24 has had plenty of criticism. Fans have expressed concerns (including myself) that the game’s leans on animations which has shifted focus away from real time football based moves, which made the early games great. Here's how the engine enhances Madden NFL 24!

1. Player Movements:
By leveraging Frostbite’s rendering technology. Madden incorporates SAPIEN technology to create lifelike player animations and movements raising the bar for "realism".

2. Detailed Environments:
Stadiums are made with great attention to detail, from crafted turf textures to weather systems that dynamically impact gameplay.

3. Gameplay Mechanics:
Frostbite is made to have smoother animations and responsive controls creating a "polished football experience".

Challenges In Using Frostbite 3 for Madden 24 and other games

1. Animation Over Physics:

Madden NFL 24 relies heavily on animations for player movements and actions. Frostbite’s animation driven system has faced criticism. This shift can make the game feel less dynamic and less realistic during certain interactions.

2. Longer Development Times:

Teams often spend additional time building custom tools and workflows to make Frostbite suitable for sports games. This slows down the development process and increases production costs, as designers and engineers must repeatedly adapt the engine for features it wasn’t originally designed to handle.

3. Buggy Features and Stability Issues:

Frostbite’s complexity sometimes leads to bugs and glitches that are difficult to troubleshoot. In Madden NFL 24 issues like visual effects, animation hitches, or AI errors can stem from the engine’s underlying systems.

4. Adapting To Non Shooter Games:

Frostbite was originally optimized for first person shooters like Battlefield. Games outside this genre like Dragon Age: Inquisition or Need for Speed Rivals, required crazy modifications to the engine. This has led to inefficiencies and difficulties in creating genre specific gameplay.

5. Limited Asset Import Tools:

Frostbite’s pipeline for importing assets like models, animations, and textures is not as user friendly as the other engines like Unreal or Unity. Most Developers often have to create workarounds or manually adapt assets which can be time dubbed as a time suck.

Conclusion

Frostbite 3 remains solid in EA’s game development and strategy. Offering the tools to create beautiful graphics and really fun experiences. It's limitations remind me that even the most advanced tools come with trade offs.

Resources:
https://www.ea.com/frostbite
https://en.wikipedia.org/wiki/Frostbite_%28game_engine%29
https://www.gamedesigning.org/engines/frostbite/
https://www.giantbomb.com/frostbite-3-0/3015-7847/games/
https://www.igdb.com/game_engines/frostbite-3
https://www.ea.com/ea-studios
https://www.gamespot.com/articles/madden-nfl-24-dallas-cowboys-roster-and-ratings/1100-6516209/
https://www.ea.com/games/madden-nfl/madden-nfl-24/news/madden-24-ultimate-team-deep-dive

MongoDB: Your Data Journey

Charles Eugene — Mon, 20 Jan 2025 13:34:08 +0000

MongoDB is more than just a database. If you're building apps that need to grow, MongoDB has your back. It’s a NoSQL database that’s all about helping developers store data the way they want. Below I will be sharing showing you how to get started with it and some real time examples!

What is a Schema in MongoDB

Schema is like the structure of your data’s house. It sets the rules and tells your data how to act. In MongoDB schema allows documents in the same collection to have different layouts. If you want to get better organized you can make a schema it'll make your life easier.

Keeps Data Consistent

Your data will follow a pattern

Simple Queries

Knowing your data's shape makes searching easy!

If you're using Mongoose here's a schema solution for MongoDB

Getting Set Up

Installation

Install MongoDB locally or take the cloud route with MongoDB Atlas.

Head to the MongoDB Download Center.

Grab the installer and set it up.

Start your MongoDB server: run Mongod

Core Concepts

Database
Think of this as your main folder where are all your collections live. Each Database is its own world keeping collections separate and secure.
Collection
Collections are like playlists for your data. They hold multiple documents and don't enforce a fixed schema unless you tell them to.
Document
A document is a JSON object that stores your data. Its structured and handles nested information.

Features of MongoDB

NoSQL Database - It doesn't have tables and columns it works with collections and documents making things dynamic and fluid.
Flexible Schema - You can change your data structure as the project you're working on evolves.
JSON Documents - MongoDB uses BSON Binary JSON

Horizontal Scalability - uses sharding to distribute data across servers.

CRUD Operations in MongoDB

Create Documents Add new documents to a collection using insertOne or insertMany.

Read Documents Fetch documents with the find method and optional filters.

Updating Documents Change existing data with updateOne or updateMany.

Delete Documents Delete documents using deleteOne or deleteMany.

Conclusion
MongoDB isn’t just a place to stash your data it’s like giving your data wings. With flexible schema, powerful query tools, and ability to scale as your projects evolve. Whether you're making something for the web, mobile apps, or IoT devices.

Resources:
https://www.mongodb.com/
https://www.geeksforgeeks.org/specify-json-schema-validation-in-mongodb/
https://digitalvarys.com/introduction-to-mongodb/
https://www.w3schools.com/mongodb/mongodb_get_started.php
https://www.mongodb.com/resources/basics/json-and-bson
https://medium.com/@harshks.mit/bson-vs-json-72ac7786dbde
https://hazelcast.com/foundations/distributed-computing/sharding/

Web Security End To End Encryption

Charles Eugene — Tue, 03 Dec 2024 14:29:32 +0000

Web Security Encryption Methods and the Importance of End to End Encryption

Protecting your information! Whether its on the job or your personal information during online communication is paramount! Encryption is the cornerstone of web security making sure your data is protected! We will discuss commonly used encryption methods and dive into the role of end to end encryption.

What is Encryption?

Encryption is a method of converting your plain text into coded format called ciphertext to prevent unauthorized access. Only the given party with the right decryption key can change the ciphertext back to its readable form! Encryption is great for securing online communication, banking transactions, and other stored data.

Encryption Methods

Symmetric Encryption

A single key is used for both of the encryption and decryption.
The common algorithms used during this are called Advanced Encryption Standard (AES) and Data Encryption Standard (DES).
File encryption, disk encryption, and data transmission with in the trusted networks.
Faster than asymmetric methods for larger data sets.
The secure key distribution can be challenging.

Asymmetric Encryption

Asymmetric encryption has two keys a public key for encryption and a private key for decryption.
The common algorithms used are Rivest Shamair Adleman (RSA) and Elliptic Curve Cryptography (ECC).
Uses email encryption, Secure Sockets Layer (SSL) and Transport Layer Security (TLS) for the website connections.
Better security for key distribution.
Slower than symmetric encryption which is less effective for larger data volumes.

Hashing

Hashing changes data into an actual fixed size hash value but it cant be changed back to its original form.
Secure Hash Algorithm (SHA) and Message Digest 5 (MD5)
Good for password storage and data integrity checking.
Good for verifying data integrity.
If the algorithm is outdated it can be vulnerable to brute force and some collision attacks.

What Is End to End Encryption?

E2EE is a system where data is encrypted on the sender's device and can ONLY be decrypted by the specific user. Even internet service providers or platform operators cant access the plain text!

How It Works

Both sender and receiver generate public and private keys.
The sender encrypts a message using the users public key.
The encrypted message travels through the network.
The user decrypts the message using their private key.

The Good

Makes sure that only the specific party can read the messages.
It will protect against tampering during the transmission.
It will prevent unauthorized access even if the network is down or compromised.

The Bad and The Ugly

Not all devices and software platforms support E2EE.
It does encrypt the message but the actual metadata IE the sender receiver details might still be accessible.

Conclusion

Encryption has a very important role in securing digital communication. Between symmetric, asymmetric, and end to end encryption methods are great tools for safeguarding information based on the requirements of the users and applications. As cyber threats evolve so will our commitment to encryption practices!

Sources
https://www.aspirationhosting.com/website-security-features/
https://www.ssl2buy.com/cybersecurity/end-to-end-encryption-e2ee
https://computer.howstuffworks.com/encryption.htm
https://ico.org.uk/for-organisations/uk-gdpr-guidance-and-resources/security/encryption/what-types-of-encryption-are-there/
https://www.clickssl.net/blog/what-is-symmetric-encryption
https://www.clickssl.net/blog/what-is-asymmetric-encryption
https://www.ssl2buy.com/wiki/difference-between-hashing-and-encryption
https://certera.com/blog/what-is-end-to-end-encryption-e2ee-how-does-it-work/

Understanding Git Commands: The Guide To Version Control

Charles Eugene — Mon, 18 Nov 2024 14:43:55 +0000

Essential Git Commands for Software Development

So you want to be a software engineer? Git is one of the first tools you'll need to learn and master. Git is the back bone of version control allowing colleagues and individuals to manage code changes seamlessly. Let's explore Git's essential commands and how they help track, share, and maintain their work!

So what is Git and WHY should you use it?

Ahh Git! Git is a great control tool that helps developers manage project files and it keeps a history of all the changes you're making. It doesn't matter whether you're working by yourself or with a colleague. Git makes code management super smooth lets learn the tools needed to do so!

First steps

Lets get started: Setting up Git

1. Tell Git Who You Are:

git config --global user.name (Your Name): This assigns your name to all future commits.

git config --global user.email IE: (youremail@example.com): This assigns your email to future commits.

Verify your settings:

git config --list: This is to verify your Git settings.

Starting a Repository

1. Create a new Git repository:

git init: To initialize a new Git Repository in your project directory, this tells Git to start tracking changes.

CLONING :O

git clone (Repository Url): This will make a local copy of a remote repository.

Making and Tracking Changes

1. Stage Changes:

git status: Displays the state of your working directory

Adding and Saving Changes

git add (file): This stage changes to a specific file.
git add .: Is the stage all changes in the directory.

Your Commit Changes:

git commit -m "Your Message": This commit is staged changes with a message.
git commit --amend: Use this if you need to change or modify the message or to include missing files.

Commit History

Git helps you keep an exact record of every change you made to your project!

git log: To view the commit history.

Branching and Merging

git branch: List all branches or if you need to create a new branch.

Switch Between Branches:

git checkout (branch name): This is to switch to a branch.
git checkout -b (branch name): This is to create and switch to a new branch in ONE step!

Merge branches:

git merge (branch name): This merges another branch into your current one.

Clean up old branches:

git branch -d (branch name): This will delete the entire branch.

Teamwork Remote Repositories

1. Link To A Remote Repository

git remote add (person) (url): This will link your local repo to a remote repo [This is my current link to a colleague to see who you're connected to use git remote -v]

2. Share your work:

git push origin (branch name): This will upload the changes you made to a remote branch.

3. Lets Bring In The Updates

git pull: This will merge changes from a colleague or any remote branch you're connected to.

4. Fetch With No Merging:

git fetch: You can get updates from a colleague or any remote branch you're connected to without merging.

Did you mess up?

Lets undo changes!

1. Unstage changes:

Mistakes do happen but Git's undo commands will save the day!

git reset (file): This removes a file from the staging area WITHOUT deleting its changes.

2. Discard Changes Completely:
git reset --hard (commit): This rolls back to a previous commit and discarding all changes since then.

Undo a Specific Commit:
git revert (commit): Makes a new commit that undoes changes from a particular commit

Tagging and Tracking Milestones

Tags are important moments in your project!

1. Add a Simple Tag:

git tag(tag name): Tags the current commit.

2. Push Tags To Remote Repository

git push origin (tag name): Makes your tag accessible to a colleague.

Advanced Tools for Complex Workflows

Special scenarios Git can help with

1. Streamline Commit Histories:

git rebase (branch name): Moves your commits to a different base branch while keeping the same changes.

2. Pick specific commits:

git cherry-pick (commit): Makes changes from a specific commit onto your current branch.

3. Track All Repository Actions:

git reflog: Shows your history of all actions performed in your repository with resets.

Thats all Folks!

All the git commands listed above will help you navigate your role as a developer. You'll gain more control over your code and work flow whether its the simple commands or the more advanced ones! Use it to your benefit lets work smarter not harder!

Sources
https://cloudstudio.com.au/2021/06/26/git-command/

https://parade.com/947443/parade/best-friend-quotes/

https://www.cert-india.com/belbin-stack/leadership-and-teams

https://www.facebook.com/thebasics14/?locale=is_IS

https://education.github.com/git-cheat-sheet-education.pdf

https://www.atlassian.com/git

https://www.michiganstateuniversityonline.com/resources/leadership/how-to-build-a-culture-of-teamwork/

https://www.nytimes.com/2009/01/01/garden/01clones.html

https://www.archive360.com/blog/when-is-it-ok-to-delete-data

https://www.youtube.com/watch?v=3Qz1GMpOtUY

https://depositphotos.com/photos/reset-button.html

https://godmetea.wordpress.com/2016/01/31/pencils-pens-and-undo-buttons/

Job Hunt Potential Companies

Charles Eugene — Mon, 11 Nov 2024 15:03:41 +0000

Navigating the job market as a Software Engineer in Austin, Texas

Austin is one of my favorite places! Austin has become an extremely sought after destination for tech professionals because of the mix of industry giants, booming startups, and an awesome unique cultural landscape. It doesn't matter if you're starting out as a brand new software engineer or if you're a Senior software engineer. Job hunting in Austin's super competitive market WILL require preparation, focus, and strategy! Also remember its not always "What you know its WHO you know!"

Why Austin is a hub for tech talent

Tech Giants: Companies like Apple, Google, and IBM have established a significant presence in Austin. Plus the startup field here continues to grow do not be scared to work for a company that is just getting off of the ground!
Quality of Life: Austin is not cheap! But it is cheaper than places like San Francisco and New York (Cleaner too)! The vibe here is great different people with all types of cultural backgrounds and there is ALWAYS something to do!
Flexible Work Options: Many companies in Austin have embraced remote and hybrid positions. This is great for software engineers who prefer flexibility!

Setting goals for your job search

Define your ideal role:

Decide if you're looking for full time work, contract opportunities, or just a part time job!
Determine if you want a fast paced startup environment, an established corporation, or a large tech company.
Think about the technologies and projects YOU ARE passionate about which is going to help narrow down the types of companies to target.

Utilize targeted job boards

LinkedIn: Excellent for networking and finding job listings directly from recruiters.
Built In Austin: A great resource for tech jobs focused specifically on Austin's unique industry landscape.
Indeed and Glassdoor: These are reliable platforms for reviewing open job listings, checking company culture, and reading those coveted salary reviews.
AngelList: It's helpful if you're interested in working with those startups or early stage companies.

Key skills and tools for Austin's Market

Technical Knowledge: Companies here in Austin seek engineers proficient in JavaScript, Python, Java, or C++. Things like React and Node.js are frequently requested. (This is directly from an Senior Engineer)
Experience with cloud technologies such as AWS or Azure can provide an edge!
Soft Skills: Communication, teamwork, and flexibility are SUPER IMPORTANT in the collaborative tech environment. Remember startup roles require adaptability and a great proactive mindset.
Showcase Practical Work: All the work you've done should be put here! Your GitHub profile or online profile with relevant code samples and projects. This is a great way to showcase your work, skills, and your contributions to your projects!

ACTUAL CODING QUESTIONS A POTENTIAL EMPLOYER COULD ASK YOU TO SOLVE

Top companies to explore in Austin

Chief Outsiders: Listed below are some of things you COULD be hired for and its okay if it doesn't fit your build they are looking for talented Software Engineers! (This is knowledge given straight to me by Peter Hayes)

A.I. Consulting
Fractional CMO
Software Engineering (Front and Back end)
Product Marketing

This is Pete Hayes one of my mentors and Principal at Chief Outsiders

PwC:

Audit Services
Software Engineering
Consulting Services
Tech Analysist

This is Mark Colwill my main and most important Mentor Senior Director of Information Security PMO at PwC

FINAL THOUGHTS:

Finding a job in Austin or anywhere for the software engineering market is an exciting journey that will require a clear approach and determination. (You will fail just like in coding but you have to be okay with it) Focus on your coding skills, soft skills, resources and understand the Austin tech community. You'll be well prepared to find a role that aligns with your goals. REMEMBER networking and continuing to better your skills are key to to staying competitive to finding a job!

Sources: https://aquilacommercial.com/learning-center/austin-job-market/

https://www.amazon.com/Apollo-Tools-Piece-Household-Improved/dp/B09GYTZ9X7?th=1

https://www.nurturebox.ai/blog/job-boards-benefits

https://www.clairebuck.com/goal-setting-why-set-personal-goals/

https://en.wikipedia.org/wiki/Austin,_Texas

https://www.linkedin.com/pulse/how-keep-hold-your-tech-talent-year-theresa-durrant-

https://www.linkedin.com/in/petehayescmo/

https://www.chiefoutsiders.com/fractional-cmo

https://www.chiefoutsiders.com/profile/pete-hayes

https://jobs.us.pwc.com/entry-level

https://www.linkedin.com/in/mark-colwill-88a82284?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=ios_app

Functions Blog

Charles Eugene — Fri, 04 Oct 2024 16:46:38 +0000

What's up yall!?? Charles here! So today we're gonna talk about CONJUCTION CONJUCTION WHAT ARE FUNNNNCTIONS???? (Yeah I'm old some of yall probably didn't get that but do your research on that haha I'm just a bill!)

Functions are one of the core concepts in JavaScript. They allow you to encapsulate code that you can reuse, pass as arguments, return from other functions!

Now I'm going to show you how to use a Funk-tion

Use the function keyword followed by the name of the function, followed by parentheses () and curly braces {}. It really is pretty easy well this part ain't nothing to it, just do it!

But seriously yall this is a safe space! What's on your mind? I know the world is super crazy for everyone! But hey I'm here for ya big or small lets talk functions or life I'm here!

But hey back to the cold world of FUNCTIONS BRRRRRR! There are 4 different ways to create a function in JavaScript. Here we go!!

Function Declaration
Function Expression
Arrow Function
Function Constructor

So below I will be listing an examples of each of these Functions

Function Declaration
A function declaration defines a function that can be called and executed later in the code. It specifies the function name, parameters, and the block of code that runs when the function is invoked.

The keyword here is function this is the keyword used to declare a function.

The function name is greet that is the name given to the function. You can use this name to call the function later in the code.

The parameter is name, this is a placeholder used to pass data to the function which is a string value "Ash".

The function body contains the block of code that executes when the function is called, the function body is enclosed in curly braces {}.

The function returns a value it returns a greeting string! "Hello, Ash!"

Function Expression

A function expression defines a function as part of a larger expression normally by assigning it to a variable. But unlike function declarations function expressions are NOT hoisted, which means they cannot be called before they are defined.

var multiply Is the variable that stores the function the variable multiply holds the function that multiplies two numbers.

function (a, b) Is a function without a name it takes two parameters (a and b) and returns the product of (a * b).

Function expression the function is defined as part of the assignment to the multiply variable.

The function multiplies the product which is 4x4= 16

The console.log() prints the returned value 16!

So why use Function Expressions? You can assign functions to variables pass them as arguments to the other functions, or return them from other functions.

(This is a 16 bit Sub-Zero btw just incase you didn't get it LOL)

Lets get Back to Business!!

How are we feeling about Function Declarations and Function Expressions so far? Me, I'm feeling pretty good about it but if you have any questions I'm here just comment below :D but yeah I don't know if you guys are into sports but my fantasy football team isn't doin to hot right now :/ I started off 2-0 but I lost back to back games so I'm 2-2 but hopefully I get back on track haha! Like I said this is a safe space we can talk about anything! This is the coders life I'm learning the better your mood is the better you can code TRUST ME ON THAT!! Lets get "BACK TO BUSINESS"!!!

Arrow Function

Arrow functions provide a shorter syntax for writing function expressions. They are always anonymous and have some differences in how this is handled compared to regular functions.

let add This defines a variable add that will hold the arrow function, the variable add can later be used to call the function as well.

(a, b) These are the parameters of the function specifically a, and b are the two numbers that will be added together.

=> This is a arrow function syntax which will separate the parameters from the function body!

a + b This is the actual function body and it returns the result of adding a and b.

Now when the function add is called with arguments 5 and 3 the function returns 5+3 which is 8.

The console.log() prints the result which is 8!

Arrow functions are much shorter and way more simpler compared to the traditional function expressions or declarations!

Function Constructor

A function constructor in JavaScript is a special type of function that is used to create new function objects dynamically. It provides a way to define a function's parameters and body as strings, and then return a new function based on these inputs.

Function Creation This creates a function with two parameters a and b. The function body is return a + b; that adds the two numbers and returns their sum.

Function Call sum(10, 12) calls the function sum with arguments 10 and 12. The function returns 10 + 12 = 22

So a quick fact Function constructor are NOT hoisted you have to declare them and define them before using them!

So here are some differences between Function Constructor and other Function definitions! Functions made with Function() do not have access to the local scope, not like function declarations or expressions which CAN access variables in the scope they were defined in!

(GUYS DO NO NOT JUDGE ME I DO NOT LISTEN TO TAY SWIFT LIKE THAT BUT THAT OLD TAY SWIFT WAS FIRE!!! OUR SONG IS SLAMMIN SCREEN DOOR LOL!!!)

But hey how we feeling about Arrow Functions and Function Constructors? Here's a quick fact about Arrow Functions arrow functions do NOT have their own this! If you need to use this inside a function just use a normal function expression instead of an Arrow Function! Also Arrow Functions do NOT have an arguments object. If you need to use arguments use a regular function! Now a tip about Function Constructor it can be slower apparently because the function body is parsed EVERY TIME the constructor is called not like function declarations or expressions! I look forward to seeing any questions don't be shy! We're coders we ask ALL the questions!