Congratulations on taking your first step into the world of web development! Creating browser-based apps and experiences is an extremely rewarding process and one of the most popular ways to make software that many can easily access.
The interactive portion of this workshop will focus on learning the basics of the three main "Languages of the Web": HTML, CSS, and JavaScript. We will be coding your personal homepage from scratch! While this will be an introduction, it will set you up to continue learning and growing in your skills.
- Download and install an IDE (info here)
- https://www.w3schools.com/whatis/whatis_html.asp
- https://www.w3schools.com/whatis/whatis_css.asp
- https://www.w3schools.com/whatis/whatis_js.asp
If you're just getting started (recommended):
- Go to the Stackblitz link in each folder and click Fork
If you want to use your own IDE (not recomended for beginners)
- Clone the Workshop 3 Github repository into a new folder on your machine (in Terminal or Command Prompt, type
git clone REPO_URL, where REPO_URL is the clone repository found on the top of this page - You're all set! Just have the cloned folder easily accessible and follow along with the workshop to start writing web code
Well done finishing the workshop! You now have the necessary skills to create your own website from scratch! Soon, you will be able to create web applications using these skills. Moving forward, we would recommend the follow steps to continue developing and learning:
- Continue reading/following through the tutorials for HTML, CSS, and JavaScript on the W3Schools website: https://www.w3schools.com/
- This is probably the most beginner-friendly way to become much more accustomed to all three languages
- Continue developing pages; try making basic HTML pages, such as a home page for your site, to become more proficient with the syntax you learn from the aforementioned resource
If you were not able to attend, don't worry! There are still many great ways to learn these languages of the web. We'd recommend checking out the resources listed in the Ultimate Oasis Starting Guide. You can also still use the workshop files as a starting point for your coding. Good luck!