[curriculum] intro to web and html for SVA-DSI
- Slides for Part 1 + Code
- Interactive Code Academy Break
- Practice Files and Exercises
In this class, we will walk through the fundamentals of web development. We'll take you through various components of the web and how they work together. If you want to learn how to communicate better with your technical team, project partners or friends, this course is for you.
Topics include but are not limited to:
- What is the World Wide Web?
- Where are web site files generally stored?
- What is the difference between a client and a server?
- Which programming languages are compiled on a server and which are compiled in a web browser?
- What do you need to know before building a web site?
- What language should you use and what are the differences?
- What tools do you need to develop a web site?
- Who does what on a typical web development team?
This class is for people with little to no technical experience; it will serve as the foundation for more technical curriculum in HTML/CSS and JS.
These resources principally follow from HTML/CSS curriculum which we may or may not get to in this course. If you would like to follow through with your coding studies post-class, check out some of these resources. Here's a quick Link Guide as a pdf, read on for other resources!
BuiltWith tool: a tool for diagnosing website libraries/apis
- Can I Use?: the ultimate resource to check for browser compatibility of CSS and HTML
- Links with pseudo selectors
- CSS Lint: for checking your CSS quality | W3 CSS Validator
- Font Face syntax explained
- Free web fonts and converting desktop fonts to web fonts
- Google Web Fonts
- Reset + Normalize CSS + the [difference between Reset and Normalize](http://stackoverflow.* com/questions/6887336/what-is-the-difference-between-normalize-css-and-reset-css)
- Selectors: Class and ID Tutorial
- Selectors: Pseudo-classes Tutorial
- Example of a simple use of media queries
- YouTube Introduction to Responsive Design and Media Queries
- Sites using Media Queries
- The Logic of Media Queries
This class comes from materials cribbed and culled from various Girl Develop It curricula. Check out our Materials Page to learn more!