This repository contains starter code for a basic HTML/CSS/Javascript website.
The frontend of a website boils down to 3 components: the structure of the site (HTML), how the site looks (CSS), and how the site functions (Javascript/JS). In this demo, we'll be using pure HTML/CSS/Javascript. It is a compilation of HTML, CSS, JS starting ideas and concepts that you can use for your ZotHacks project or whatever project you want.
- No installation is needed! Just drag the HTML file into your browser.
- If you use VSCode, there is a great extension that makes developing frontend apps much easier. Any change you make will be directly reflected in the website instead of you having to drag the HTML file into your browser again.
If you've never built a website before, here are a few resources to get you started.
- What is an API?
- How to Make API Requests: Get data using a frontend.
- HTTP Requests: How the internet communicates. Whenever you go to a URL or submit a form, there is a request that is sent to get or change information.
If you're feeling more advanced, here are some other resourses to expand your front end knowledge,
- Bootstrap - CSS library that containing preset styles
- SASS/SCSS - CSS scripting framework that can potentially give you a more intuitive view on CSS (nested CSS)
- Flexbox - Allow you to structure and space out your elements in pure CSS. You can see this in action when you are using the
display: flex;styling in your container element. - React - A JavaScript framework that allows you to build your website using the idea of components.