Structuring a Website
Adding Style to Structure
Engineering the Fun
Visual Code Studio
When you are getting started you need something that can display code, help you write it and keep you organized. For us, that means using Visual Code Studio. If you choose to use this program which works for Mac and Windows, we have also included some program extension recommendations.
Visual Studio Code
Here are some program extensions we recommend once you have it installed:
- Open in Browser - Allows you to open your code into a browser of your choice
- Live Server - Lets you run code while working on it.
- Live Sass Compiler - When you start using Sass it will convert it to CSS
As always, file extensions are a matter of user taste and preference. Put yourself out there and try things out.
GitHub
Once you start down the path of becoming a Dev you will need a place to share your work and collaborate with others. GitHub is essential for joining the community of code.
When you use GitHub you will be using a terminal (which is built in) on Mac. On Windows you are going to be using Git Bash (which you will have to install). This is how you will get your content into GitHub or get it from there to your computer to work on. Here are some guides to get you all setup and going. It can seem complicated and overwhelming but its much simpler after setup.
- Setup Guide - This will link your computer to your GitHub
- Cheat Sheet for Git Commands - This is useful to have around
- git - What is this "git" we keep referring to?
Are you looking for ideas and inspiration?
Sometimes its not just about the programs, code or documentation. Sometimes we just need to know that we are not alone in this journey, that someone else has struggled and they too overcame. That we can be awesome because someone before us had a bigger hill they climbed to get to where we want to go.
This section is a compilation of all the things that can make this journey just a little bit more fun and inspiring.
- Code Newbie - Code Newbie is a great show with interviews that share various stories across a wide range of subjects
- Codepen - Codepen is a place where you can see all the fun visual possibilities with code. I go here to be inspired in my projects.
We Support Your Journey to Success
We all have to start somewhere. We know that it can be overwhelming but keep your chin up. The more you challenge yourself to grow, the more you will. In the beginning its hard to know how much you are progressing but given a bit of time will give you some perspective on what you have learned so far. Pretty soon you will look back and it will seem so easy when at the time it seemed difficult. The world needs more people from various backgrounds, walks of life and perspectives to make the internet a truer reflection of the world. To make the internet a better place. Hang in there! We are all rooting for you!
This is something fun! Click the button!