What is Codeacademy?
Codeacademy is an online resource where anyone can learn to code and begin developing their website creation knowledge. Some of the classes offered are free and some are more advanced and require a paid membership. I have taken and finished three courses: Learn HTML, Learn CSS and Make a Website.
What I’ve Learned:
These courses have given me an overview of two of the most common coding languages used on the internet. I now have a basic understanding of HTML and CSS separately as well as how they work together in order to create a fully functioning and visually appealing website.
HTML is the starting point of most websites. This course showed me how to format HTML elements properly and which tags are needed to code for which aspects of a website. These included things like lists, images/videos, headings, paragraphs and more! At the end of HTML, I learned how to properly make a table that makes sense and displays data in a visually appealing and logical manner.
The CSS course built off the knowledge given in HTML by showing how CSS works to style HTML elements further. With CSS, I learned many things including how to set up a CSS document, how to format elements, how to design a layout of a webpage with the box model, coding for color and changing text.
The Making a Website course was basically further practice in these two languages. I got a closer look at these languages and got to see the changes they made to a website. It was nice that you got to see the webpage in the beginning and then the course walked you through how to create each part of the site while using HTML and CSS together at once.
Below is a screenshot of my progress in these courses.
Each lesson includes its own sections to help people learn at their own pace in a logical manner.
Learn HTML:
- Introduction to HTML
- HTML Documentation Standards
- Tables
Learn CSS:
- CSS Setup and Selectors
- CSS Visual Rules
- The Box Model
- Changing the Box Model
- CSS Display and Positioning
- CSS Color
- CSS Typography
Make a Website:
- Site Structure
- A Closer Look at CSS
- Boundaries and Space
Below are screenshots of my achievement page on Codeacademy:
All of the badges I have gained are showcased here.
