Build a responsive and accessible web portfolio using HTML5, CSS3, and JavaScript
This Specialization covers how to write syntactically correct HTML5 and CSS3, and how to create interactive web experiences with JavaScript. Mastering this range of technologies will allow you to develop high quality web sites that, work seamlessly on mobile, tablet, and large screen browsers accessible. During the capstone you will develop a professional-quality web portfolio demonstrating your growth as a web developer and your knowledge of accessible web design. This will include your ability to design and implement a responsive site that utilizes tools to create a site that is accessible to a wide audience, including those with visual, audial, physical, and cognitive impairments.
- Introduction to HTML5
- Introduction to CSS3
- Interactivity with JavaScript
- Advanced Styling with Responsive Design
- Web Design for Everybody Capstone
This course will appeal to a wide variety of people, but specifically those who would like a step-by-step description of the basics. There are no prerequisites for this course and it is assumed that students have no prior programming skills or IT experience. The course will culminate in a small final project that will require the completion of a very simple page with links and images. The focus of this course is on the basics, not appearance. You can see a sample final page at http://intro-webdesign.com/html5-plain.html.
To ensure that sites do not put up barriers for people with cognitive and/or physical disabilities, learn how to evaluate pages using the standardized POUR accessibility guidelines. Upon completion of the course, able to sketch a design for a given HTML page. Using that design use CSS to implement the design by adding fonts, colors, and layouts.
This course introduce the basics of the JavaScript language. Cover concepts such as variables, looping, functions, and even a little bit about debugging tools. Understand how the Document Object Model (DOM) is used by JavaScript to identify and modify specific parts of a page. After the course, able to react to DOM Events and dynamically alter the contents and style of their page. The class culminate in a final project - the creation of an interactive HTML5 form that accepts and verifies input.
This course expand upon the basic knowledge of CSS3 to include topics such as wireframes, fluid design, media queries, and the use of existing styling paradigms such as Bootstrap. After the course, be able to:
- Explain the mobile-first paradigm the importance of wireframes in the design phase
- Create sites that behave across a range of platforms
- Utilize existing design frameworks such as Bootstrap
Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance.