DEV Community: Christian

HTML, CSS, JavaScript: What's the Difference?

Christian — Thu, 01 Feb 2024 19:37:42 +0000

The easiest way I found to understand the difference between them is:

HTML (Skeleton) - This sets the layout for what you want your website to have, like letters, images, buttons, etc.

Your layout for your brain and skin is based on your skeleton.

CSS (Skin) - This allows you to customize the HTML, like font, color, size, etc.

How your skin looks like is based on your skeleton.

JavaScript (Brain) - This allows you to add functionality to your HTML, like making buttons do certain things, user interactivity with the website.

Essentially, how your brain allows you to move your body how you want.

The Odin Project Git Basics What I learned

Christian — Thu, 01 Feb 2024 19:11:41 +0000

I just finished the Git Basics on The Odin Project and this is what I learned!

I went to github.com and created a repository. I also added a README.md file to it and made my first commits using the Odin Project.

I then opened the terminal and made a directory by typing mkdir Repos for repositories that I create. I then changed my directory to git_test, the repository I made, using cd git_test.

I then created a file inside that directory using git add hello_world.txt. Afterwards, I typed code . and it opened up VS Code with the repository I was in, called git_test.

It looked like this: (~ % Git_test code .). I then made an edit to the README file and added the text “This is my first Odin text file”. To save this change, I used cmd + s on Mac and then I went back to the terminal and did git add README.md.

Then, to check the status, since Git works in a two-stage process, I used git status to see if it was in staging, which means it is waiting to be committed and added to the repository.

I then typed git add . to commit the changes I made to the README.md. This committed the changes to my repository on GitHub and now I have a green streak, which shows that I committed today.

To see everything that happened, I used git log to see me adding the file, staging the file, and committing the file.

That’s what I learned today using the Odin Project Git Basics curriculum.

Starting New

Christian — Thu, 01 Feb 2024 03:32:46 +0000

Febuary 1st ill will be posting content everyday in hopes of helping,teaching, or updating on my progress. Thank you for anyone whos been watching here and there as i post!

Day 2 of documenting my journey learning to code! 🚀

Christian — Wed, 24 Jan 2024 18:20:32 +0000

Today I’m going to work on the prerequisites section of the Odin Project.

This section covers the essential skills and tools that every web developer needs to know.

I will learn about:

◾ Computer basics: how computers work, what are hardware and software, and how to troubleshoot common problems.

◾ How the web works: what are the internet, web servers, browsers, and protocols, and how they communicate with each other.

◾ Installation overview: what are the different operating systems, programming languages, and frameworks, and how to choose the best ones for my goals.

◾ Installations: how to set up my development environment with the necessary software and packages.

◾ Text editors: what are the features and benefits of different text editors, and how to use them effectively.

◾ Command line basics: how to navigate and manipulate files and directories using commands, and how to run scripts and programs from the terminal.

◾ Setting up Git: how to use Git for version control, collaboration, and deployment.

Come study with me over on Twitch where you can watch me learn live and chat if you’d like! 😊 Twitch.tv/KwaziiMedia

The Odin Project "Day One"

Christian — Wed, 24 Jan 2024 06:50:03 +0000

Day 1: Starting the Odin Project

Today I started the Odin Project with the Foundations course. I completed about 10 percent of it today, which is the Introduction. I will go over what I learned today and how the experience has been.

What is the Odin Project?

The Odin Project is an open-source community and course that teaches you to code through hands-on experience, otherwise known as project-based learning. It pulls some of the best resources on the internet to teach you how to code completely for free. It works by giving you the resources and then throwing you in the deep end to find out how to make them work and gain an understanding.

Introduction to Web Development

In this section of the Introduction, they provide you with what web development is. What I got is that web development is the creating and maintaining of a website. Pretty simple. They go over what web developers do depending on the route they choose. There are three: Front End, Back End, and Full Stack. The front end handles creating the look and the functionality of the website. The back end handles the data and provides the front end with what it needs, basically the guts of the website according to the Odin Project. Full Stack developers are able to do both Front End and Back End. This is the main goal of the Odin Project for me. It goes over tools that I'm going to be using, like GitHub, IDE, and Google, to name some.

Motivation and Mindset

This section talks about how motivation plays a role in making sure you progress and stay consistent. It's really what gets you started and propels you forward. Essentially, having a goal will serve as your motivation to keep you going when you have those days when you don't believe in your ability or have a will to continue because it's too hard. It also talks about growth mindset and how to think while learning to code. A growth mindset is the idea that with grit and consistency you can learn and become good at anything, compared to a fixed mindset where you think you're either good at something or not. It also goes over managing your study time by setting an uninterrupted part of your day to actually learning and what to do when you're stuck, like searching things up and finding a solution either from talking to the community or doing it on your own. It really preaches not getting discouraged and not comparing yourself to others. A big thing as well is taking breaks, even very small ones like 30 seconds, to capture the information and long breaks to let your brain rest because it's like a muscle.

Asking for Help

The course teaches you how to properly ask for help. It runs you through some scenarios like the "XY Problem" and "Don't ask to ask, just ask" and a guide on asking technical questions. All of this essentially just teaches you to try to figure out what you need help with to the very most detail and describing it to others or yourself to not waste time or divert to a point that you're not actually needing to get help with. Essentially, it teaches you how to ask clear questions to get the best help without wasting anyone's time.

Join the Odin Community

This is the last section of the Introduction and it teaches you how to join their Discord and ways you can connect with others in the space. It's awesome because it helps you make connections and get through problems when you're feeling really down and don't know where else to go. It provides some assignments like creating a GitHub account and joining their Discord server.

That's what I learned with the Odin Project today. If you enjoyed this article, please leave a like and a follow. I will be documenting my progress every day.