Intro to Front End Development (building websites)
SAT Score Range
•
6 sessions
•
lL
RA
NJ
+13
This series ended on July 23, 2023. All 1:1 and group chats related to this series are disabled 7 days after the last session.
About
We'll go through the basics of HTML and CSS and the best practices for website development and design.
I will first teach about basic front end design standards from a non coding perspective. Then we will move onto the HTML and CSS syntax and lessons, included with examples and opportunities to showcase your work.
Join if you are excited about learning something new!
Tutored by
Schedule
✋ ATTENDANCE POLICY
Join me for any sessions you like!
SESSION 1
8
Jul
SESSION 1
Orientation
Orientation
Sat 6:00 PM - 6:30 PM UTCJul 8, 6:00 PM - 6:30 PM UTC
No coding! Just introductions and an overview of the series!
SESSION 2
9
Jul
SESSION 2
Computer Science
Computer Science
Sun 6:00 PM - 7:00 PM UTCJul 9, 6:00 PM - 7:00 PM UTC
Introduction to website design!
- Overview of web design and its importance
- Understanding the basic elements of design: layout, color, typography, and imagery
- Introduction to user experience (UX) and user interface (UI) design
- Principles of effective website design: simplicity, consistency, hierarchy, and accessibility
- Case studies and examples of well-designed websites
SESSION 3
15
Jul
SESSION 3
Computer Science
Computer Science
Sat 8:00 PM - 9:00 PM UTCJul 15, 8:00 PM - 9:00 PM UTC
Introduction to HTML!
- What is HTML and its role in website development
- Understanding the structure of an HTML document
- Common HTML elements: headings, paragraphs, lists, links, images
- Creating a basic HTML page from scratch
- Semantic HTML: using tags for proper document structure
- Q&A and hands-on exercises
SESSION 4
16
Jul
SESSION 4
Computer Science
Computer Science
Sun 8:00 PM - 9:00 PM UTCJul 16, 8:00 PM - 9:00 PM UTC
Introduction to CSS!
- Introduction to CSS and its role in website design
- Inline, internal, and external stylesheets
- CSS syntax: selectors, properties, and values
- Styling HTML elements: fonts, colors, backgrounds, and borders
- CSS box model: margins, padding, and borders
- Q&A and hands-on exercises
SESSION 5
22
Jul
SESSION 5
Computer Science
Computer Science
Sat 8:00 PM - 9:00 PM UTCJul 22, 8:00 PM - 9:00 PM UTC
Advanced CSS Styling!
- CSS selectors: classes, IDs, and pseudo-classes
- Creating and applying CSS rules
- Styling text: fonts, sizes, weights, and styles
- Working with images: resizing, positioning, and overlays
- Creating layouts: using floats and positioning
- Q&A and hands-on exercises
SESSION 6
23
Jul
SESSION 6
Computer Science
Computer Science
Sun 8:00 PM - 9:00 PM UTCJul 23, 8:00 PM - 9:00 PM UTC
Responsive Web Design!
- Introduction to responsive web design principles
- Using media queries to create mobile-friendly layouts
- Designing fluid and flexible grids
- Creating responsive images and media
- Testing and debugging responsive designs
- Q&A and hands-on exercises