Welcome to Cal Hacks 3.0 and welcome to the Introduction to Web Development workshop! Web development is one of the best ways to get started building products that other people can use. We will learn about frontend web development through two projects. The first project will be a simple personal website to introduce the basics of HTML and CSS. The second project, text-sim, is a website that allows you to compute the percentage similarity between two text documents. It will focus on the interplay between the three languages but will primarily focus on Javascript. I hope this brief introduction inspires you to learn more about the wonderful world of the web!
-
Google Chrome or Firefox
-
Text editor (Recommended: Sublime Text 3, Atom, Notepad++, Visual Studio Code, vim)
-
If you have
gitthen please rungit clone https://github.com/HackBerkeley/calhacks3-intro-web-dev.git -
If you don't have
gitthen please download the repository
-
Fill in the blanks in the example code found in
project/sample/for each project -
Refer to the completed code found in
project/final/if you get lost or stuck