This course focuses on the foundational technologies for front-end web development: HTML, CSS, and JavaScript. Responsive design techniques for a quality web experience on all devices, as well as guidelines for responsible designs that enable access for all, are also covered.
Topics include

• HTML and CSS Basics
• CSS for Presentation
• CSS for Layout (Grid and Flexbox)
• Responsive Web Design
• JavaScript (Introduction, APIs, Data Viz)
• Web Performance
• Web Accessibility

Note that this class is about website development with HTML, CSS, and JavaScript. Students will develop website components "from scratch" and will not rely on 3rd party frameworks or content management systems, such as Bootstrap and WordPress. Basic knowledge of HTML and CSS is strongly recommended.

• Learn the basic technologies required for website development: HTML, CSS, and JavaScript
• Understand current web standards and how to apply best practices for web development
• Learn about responsive design issues, and how to apply techniques to develop a responsive website
• Understand the guidelines that enable an effective web experience for all users and platforms
• Develop web content that demonstrates your understanding of the technologies

There is no required textbook or software for this class. All of the course materials are available from the Schedule pages for each week.
These include

• Slides for each topic (PDF format). The slides contain many links to related online resources
• Multiple recordings for each topic (mp4 format)
• Examples (HTML, CSS, JavaScript) that are referenced in the slides
• Links to useful resources

A basic text editor is all that is needed for this course. There are many to choose from, and here are a few suggestions...

• What text editors are available?
• Best Code Editors for 2024

You will need to host your website on a web server. Everyone in this class should already have an account on the SILS Opal web server. You are not required to use this server, but it is available if you do not already have access to web hosting.

For additional information, see SILS: Access Opal Server.