Web Dev As A Path


Uncategorized

Updated Mar 21st, 2022

Notes: This a from August 2021 When I was first formulizing game plan to pursue web dev as a full-time path

Goal

Be able to create and deploy powerful database driven web apps
Work Remotely
Quick Test Entrepreneurial Ideas
Well Compensated
Logical

Mission

Potential to work remotely, financially rewarding, not sales, not retail, not location dependent, tech related, entrepreneurial
Want markets to grow wealth and provide income in later years but don’t want trading (pay to play) to be primary source of income. Pay to play cannot be main source of income.
Can coding take me from $60k to $100k with ability to work remotely? YES!
Can coding allow me to easily/inexpensively explore entrepreneurial ideas? I think so

Tech Subjects

HTML

SImple but know the latest and greatest (main, etc.)

CSS

Learn Flexbox and Grid (Less reliance on Bootstrap)
Is animate.css still a thing?
CSS hooks is a game changer

Javascript

Programming language of the browser

GIT and GITHUB

Need it for version control and shared team

COMMAND LINE (terminal)

Simple enough and it's used heavily in the space

Deployment

 To node hosting via SSH from git/github, Digital Ocean droplets, NGINX and Ubuntu servers
To shared hosting (siteground) from git/github
To shared hosting (siteground) using simple FTP

Web Hosting (Domain Names & DNS)

Domain Names DNS ARecords HTaccess files, etc.

API

Data Data Data
Getpostman.com
Fetch
AJAX (or AJAJ) XMLHttp Request

Databases: SQL and MongoDb

WordPress

Skills are a commodity
WP handles a lot, maybe a bad thing
See Wordprest Post for details

React and MERN Stack

90-minute traversy media to-do list YouTube video, (watch over and over and over until I get it). 

Python

Alternative to Node or PHP and can use Django or flask as a replacement to mern or lamp stack

LOGINS/Membership

Wes BoS uses passport JS to manage logins
Example of something wordpress handles for you in a non-developer way

GATSBY (and Static Site generators in general)

NETLIFY

you run front end code, push it and they do the rest (syntax.fm sponsor)
one click SSL
easy to scale
continuous deployment
push to GitHub repo, login and hit go and netlify does it all with you.
CDN

MARKDOWN

You can learn syntax in an hour
Some are like GitHub read me pages
Use markdown preview extension in vs code
It's main purpose is readability and ease of use

MOGRAPH

3 seconds per word for Text in AE
Teddy roosevelt dancing to some crazy pop tune
nm flag, bald eagles shitting an atomic bomb fade to motiva Tach

GRAPHIC DESIGN

Illustrator: Learn the Pen Tool
Figma: It's free so learn it

MICROSERVICES

also known as the microservice architecture - is an architectural style that structures an application as a collection of services that are. Highly maintainable and testable. Loosely coupled. Independently deployable. Organized around business capabilities.

SASS

media query mixins

WEBACK

bundler and auto-page-reload