My coding journey..

Ethnic Vagina Finder

The Great Paper Chaser
Bushed
Joined
May 4, 2012
Messages
55,386
Reputation
2,965
Daps
156,694
Reppin
North Jersey but I miss Cali :sadcam:
I’ve decided to challenge myself to see if I it’s possible to make six figures as a software/web developer with no degree and 100% self taught.

My goal is to find a programming gig, and work fully remote or hybrid by the end of the year. I also want to build apps. I will document my progress in this thread. I’m going to also write a blog as well (eventually).

I was trying to decided between JavaScript or Python as my first language since those are the most popular. Apparently, Python is easier to learn so I decided to go with JavaScript. Once I have a good grasp on JavaScript I will start learning Python, and then Swift. I already know MySQL

Day One

Since I went with JS, I figured I should first start by learning HTML. I’m already somewhat familiar with the basics so this should take no more than one week. After than I will dive into CSS and then JavaScript. I don’t want to have to pay for anything so I will be using free resources for now. I downloaded visual studio code to write/practice. I’ll be studying every day, 5-6 hours per day 6 days a week. I will list the sites I use as I complete each learning level.


Initially, I had planned on starting a mobile detailing business last year. And while I was able to start it, I realized it wasn’t meant for me. I still run it on a part time basis, but while I’m doing this, I’m not going to be detailing shyt. I have about 1 years worth of living expenses to live off of, but I’m giving myself until the end of October to have

4 coding projects completed
Able to start applying for jobs


Lastly. If I’m able to successfully complete this, it will be proof than anyone can. So from now until the end of October I will be doing nothing but going to the gym and coding.
 

KingDanz

Veteran
Joined
May 7, 2012
Messages
15,415
Reputation
4,986
Daps
75,661
Reppin
NULL
Master Building a CRUD (Create-Read-Update-Delete) dashboard, these teach the basics.

HTML/CSS and Javascript for the frontend
Backend use PHP/MySQL? do you know PHP?
 

Ethnic Vagina Finder

The Great Paper Chaser
Bushed
Joined
May 4, 2012
Messages
55,386
Reputation
2,965
Daps
156,694
Reppin
North Jersey but I miss Cali :sadcam:
SO I'm on day 3. Found a new video tutorial channel. He breaks shyt down seamlessly and I'm picking up shyt faster


I also learned about the sublime text app. it's more straight forward than VS Code so I started using this for inspirational purposes.

HTML and CSS are pretty basic. Probably by Saturday I want to create 2 blogs. They will be part of my initial portfolio/progression.

By Monday I will start tackling Javascript.


For the most part i'm not trying to memorize code. That's impossible. Just want to get the fundamentals down and concepts.

I created an account on github today as well.


I looked at the source code for this page and can already distinguish between the HTML tags, the CSS and Javascript :krs:
 

Ethnic Vagina Finder

The Great Paper Chaser
Bushed
Joined
May 4, 2012
Messages
55,386
Reputation
2,965
Daps
156,694
Reppin
North Jersey but I miss Cali :sadcam:
Day 4 and I’m progressing further with HTML and CSS. This is pretty easy once you understand the basic concepts. HTML is like the structure. The syntax is basic as hell and you can’t do much with it. CSS makes shyt look pretty :manny:


And one concept that I’m starting to realize with coding in general, is you don’t need to memorize shyt in order to be programmer. You just need to understand basic concepts, how to organize and access resources in order to solve problems and complete tasks. For example. There are 3 ways to insert CSS. Inline or on each line of code. Internally, or in the header, or externally which is linking it in the header to an external stylesheet. So i'm not going to try to memorize all of the ways you can style shyt. I just need to know how and where to put it.


So first think I did is ask

1. What does HTML, CSS and JavaScript do?
2. How do they work together.

That’s basically it. I’ve also been looking at the source code on webpages and writing down certain code or links that seem foreign. For example, I looked at the source code for the espn.com home page and discovered JSOON-LD.

I’ve also gone on indeed and searched JavaScript developer jobs postings just to see what languages/software they’re looking for.

At this point I’m trying to just get comfortable using VS Code and actually coding in general. I’m to the point where I’m done watching videos on HTML, and CSS. I’ve got the concepts down so now I just started building. ChatGTP has come in handy as well.
 

Ayo

SOHH 2001
Supporter
Joined
May 8, 2012
Messages
7,051
Reputation
734
Daps
19,135
Reppin
Back in MIA
Building on what said above, make a To-Do List App.
I'm late to the party but every app is pretty much some level of complexity of a to do list app. This project is a perfect way to understand how CRUD works in your chosen language/database/etc
 

Ayo

SOHH 2001
Supporter
Joined
May 8, 2012
Messages
7,051
Reputation
734
Daps
19,135
Reppin
Back in MIA
Day 4 and I’m progressing further with HTML and CSS. This is pretty easy once you understand the basic concepts. HTML is like the structure. The syntax is basic as hell and you can’t do much with it. CSS makes shyt look pretty :manny:


And one concept that I’m starting to realize with coding in general, is you don’t need to memorize shyt in order to be programmer. You just need to understand basic concepts, how to organize and access resources in order to solve problems and complete tasks. For example. There are 3 ways to insert CSS. Inline or on each line of code. Internally, or in the header, or externally which is linking it in the header to an external stylesheet. So i'm not going to try to memorize all of the ways you can style shyt. I just need to know how and where to put it.


So first think I did is ask

1. What does HTML, CSS and JavaScript do?
2. How do they work together.

That’s basically it. I’ve also been looking at the source code on webpages and writing down certain code or links that seem foreign. For example, I looked at the source code for the espn.com home page and discovered JSOON-LD.

I’ve also gone on indeed and searched JavaScript developer jobs postings just to see what languages/software they’re looking for.

At this point I’m trying to just get comfortable using VS Code and actually coding in general. I’m to the point where I’m done watching videos on HTML, and CSS. I’ve got the concepts down so now I just started building. ChatGTP has come in handy as well.
Ya syntax is basically just describing the content on the page. It's essential for other machines/programs to read your site. Who knows where HTML will go once AI is a part of every day life. Currently screen readers (hard of hearing people) and search engines and a few other techs heavily rely on syntax.

When you have a little room to breathe....

- Look at how Accessibility (making sites easy to access for the disabled) plays an important part in syntax (alt text, url descriptions, html5 tags, aria labels etc). This is not something you need to practice... just be aware about it and build good habits/practices. it's just eye opening and knowing about accessibility is marketable. It's a layup during an interview but most engineers I know have 0 clue. Government orgs are going to start cracking down even more on non accessible sites.
- Once you feel like you are just beyond a basic grasp of HTML/CSS then start taking a look CSS-Grid and Flexbox. They are both powerful ways to take layouts a step further and put elements wherever you want...responsively. And to quickly arrange elements in different ways (order, position) by just changing a few things. (imagine putting content on physical index cards and laying it out on a table. and being able to easily rearrange order and position without having to rewrite your HTML/template). Some prefer one over the other. Many use both. They are natively supported and add to the syntax you already learning.
- Another component is CSS variables and SASS (there are others). With SASS being A LOT more robust (in actuality they are barely comparable). Both are used for a variety of reasons (reducing file sizes, processing speed etc) but my favorite is Globals. Let's say you are doing a site for Nike and you find yourself constantly referencing the Nike orange. And keep having to find that hex code over and over again. I'd use CSS variables to define the orange one time...and then keep referencing that variable in my CSS. If Nike every decides to change to purple or wants to introduce a 'Dark Mode' (there are better ways to do that then this way) then they could do that by changing a line of CSS. But honestly I'd wait until you get a proper introduction to a programming language before learning any one of those.

don't try to fully grasp everything I listed above now but quickly read through and keep them in the back of your mind while you're still learning. And when youre truly ready, double back. I learned C++ and HTML (with based table layouts) back in the late 90s in high school. Front end technologies have come a crazy long way since then while C++ is essentially exactly what I learned.

We should ask a working Coli breh in here why engineers are determined to overly complicate front end tech. shyt was so simple just 5 years ago.
 

Ethnic Vagina Finder

The Great Paper Chaser
Bushed
Joined
May 4, 2012
Messages
55,386
Reputation
2,965
Daps
156,694
Reppin
North Jersey but I miss Cali :sadcam:
Day 12

I’ve pretty much understand the concepts of HTML fully. I’ve been playing around in VS Code, practicing with HTML and CSS. Last night kinda changed the game for me. I discovered the frameworks :noah:

Before that, I was writing out CSS code letter for letter symbol by symbol. I had a feeling, something like this existed where you could just import a lot of what you need and simply customize it :wow:

There are many different frameworks you can use and some companies use in-house frameworks. I’m using w3.css. Based on my research, it’s not widely used. Bootstrap is supposed to be the most popular, but again there are many, so I’m going to explore a few more.

I also started looking at job postings on indeed. This one particular job starts at $50 am hour and these are the systems they want you to know.

  • JavaScript, HTML, CSS, CSS Pre-processors (Sass/Less), JQuery, Angular, Bootstrap, NodeJs, ExpressJS, Bower, Gulp, Grunt, Webpack, Browserify, Web APIs, Typescript, ES6, Git Based Source Control Systems, Subversion, Micro-services, performance tuning services, Jenkins, Docker, Developer Tools, Testing/Debugging, Sessions, Browser storage, JWT (JSON Web tokens), Cookies, Web Performance. Experience with Automation software.
 

Secure Da Bag

Veteran
Joined
Dec 20, 2017
Messages
42,181
Reputation
21,707
Daps
131,445
JavaScript, HTML, CSS, CSS Pre-processors (Sass/Less), JQuery, Angular, Bootstrap, NodeJs, ExpressJS, Bower, Gulp, Grunt, Webpack, Browserify, Web APIs, Typescript, ES6, Git Based Source Control Systems, Subversion, Micro-services, performance tuning services, Jenkins, Docker, Developer Tools, Testing/Debugging, Sessions, Browser storage, JWT (JSON Web tokens), Cookies, Web Performance. Experience with Automation software.

Let's break this down:

Group 1 (Javascrpt and JS Libraries)
  • ES6
  • Javascript
  • Typescript
  • Angular
  • ExpressJS
  • NodeJS
  • JWT
Group 2 (HTML/CSS)
  • HTML.
  • CSS
  • SASS/LESS
  • Bootstrap
  • Sessions
  • Browser Storage
  • Cookies
Group 3 (Source Control)
  • Git
  • Subversion


As a beginner, if you know these, you can get most high paying jobs.
 

Ethnic Vagina Finder

The Great Paper Chaser
Bushed
Joined
May 4, 2012
Messages
55,386
Reputation
2,965
Daps
156,694
Reppin
North Jersey but I miss Cali :sadcam:
Let's break this down:

Group 1 (Javascrpt and JS Libraries)
  • ES6
  • Javascript
  • Typescript
  • Angular
  • ExpressJS
  • NodeJS
  • JWT
Group 2 (HTML/CSS)
  • HTML.
  • CSS
  • SASS/LESS
  • Bootstrap
  • Sessions
  • Browser Storage
  • Cookies
Group 3 (Source Control)
  • Git
  • Subversion


As a beginner, if you know these, you can get most high paying jobs.
A few questions.

Once you know JavaScript is the transition to Typescript easier?

What about API’s is that something I should be familiar with?

Do most programmers use frameworks and write code when needed as opposed to writing code for everything?
 
Top