An introduction to front-end web development using the latest standards and features for HTML and CSS, as well as JavaScript. Basic knowledge of HTML and CSS is recommended. Topics include

• HTML and CSS Basics
• CSS for presentation
• CSS Animation, Custom Properties, Debugging
• CSS for layout (Grid and Flexbox)
• JavaScript (Introduction, APIs, and libraries)

Note that this class focuses on the fundamental web technologies for front-end development, and does not rely on 3rd party frameworks or content management systems.

• 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
• Understand the guidelines that enable an effective web experience for all users and platforms
• Develop a small website 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...

• The 5 Best Code Editors for Web Development
• What text editors are available?

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 Connecting to SILS Servers.