Course Summary
This course teaches the fundamentals of web design, including HTML, CSS, and JavaScript. Students will complete a project that showcases their skills in creating a responsive website.Key Learning Points
- Learn the basics of HTML, CSS, and JavaScript
- Create a responsive website
- Gain hands-on experience through a project-based approach
Related Topics for further study
Learning Outcomes
- Create a responsive website using HTML, CSS, and JavaScript
- Apply responsive design principles to ensure optimal viewing experience
- Demonstrate proficiency in web design through a project-based approach
Prerequisites or good to have knowledge before taking this course
- Basic computer skills
- Familiarity with internet browsing and website navigation
Course Difficulty Level
BeginnerCourse Format
- Online
- Self-paced
- Project-based
Similar Courses
- Responsive Web Design
- Web Design for Everybody: Basics of Web Development & Coding
Related Education Paths
Notable People in This Field
- Smashing Magazine
- A List Apart
Related Books
Description
The capstone will develop a professional-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.
Outline
- Week One: Introduction
- Welcome
- Portfolio Options
- Special Announcement for New Capstone Students
- Important FAQs
- Help us learn more about you!
- Portfolio Objectives
- Portfolio Requirements
- Building your site from scratch
- Building your site from a template
- Building your site using a framework
- Portfolio Grading Rubric
- Previous Week One Office Hours
- Extra Resources
- Week Two: Design Phase
- Wireframes/Design Sketches
- Previous Week Two Office Hours
- Assessing the Design Sketches
- Notice for Auditing Learners: Assignment Submission
- Week Two: Design Phase: Lesson Choices
- Week Three: Review and Preparation Phase
- Using the W3 Validator
- Using the WAVE Tool
- Utilizing Developer Tools
- Sticky Footers
- Embedding a Google Calendar
- Using Bootstrap to Add a Carousel
- Adding a Lightbox Plugin
- Font Awesome
- Previous Week Three Office Hours
- WebAIM quick reference
- OPTIONAL: Recent article on accessibility
- The Safari Web Inspector Guide
- Firefox Developer Tools
- Preparing your Images
- Week Four: Coding Phase
- Setting Up a Byethost Account
- Uploading Files to Your Account using Byethost
- Working "locally"
- Previous Week Four Office Hours
- Week Five: Validation and Review Phase
- Previous Week Five Office Hours
- Why Validate?
- (Optional) Creating a screen capture video
- Week Six: Revise and Submit Phase
- Congratulations
- Previous Week Six Office Hours
- Portfolio Grading Rubric
- Post-Course Survey
- Week Six: Revise and Submit Phase: Lesson Choices
Summary of User Reviews
Discover the world of web design with this project-based course. Users have praised the comprehensive content that covers the basics of HTML, CSS, and JavaScript. The course allows for hands-on practice and teaches students how to create responsive designs to fit any screen size. Overall, the course has received positive reviews from students.Key Aspect Users Liked About This Course
Comprehensive content that covers the basics of HTML, CSS, and JavaScript.Pros from User Reviews
- Hands-on practice
- Teaches how to create responsive designs
- Great for beginners
- Real-world projects to work on
Cons from User Reviews
- Not enough advanced topics
- Some outdated information
- Limited interaction with instructors
Colleen van Lent, Ph.D.
4.8 Raiting
WordPress Security: Secure Your Site Against Hackers!
- 4.5
-
![]()
![]()
![]()
![]()
![]()
The Complete WordPress Security Course. From The Most Fundamental To The Most Advanced Up-To-Date Security Hacks Fact: over 30,000 websites are hacked everyday....
Introduction to CSS3
- 4.8
-
![]()
![]()
![]()
![]()
![]()
The web today is almost unrecognizable from the early days of white pages with lists of blue links. This course will show you the basics of Cascading Style Sheets (CSS3)....
Interactivity with JavaScript
- 4.7
-
![]()
![]()
![]()
![]()
![]()
If you want to take your website to the next level, the ability to incorporate interactivity is a must. Week One: Introduction to JavaScript...
Solar Energy Basics
- 4.8
-
![]()
![]()
![]()
![]()
![]()
This course gives you an introduction to the fundamentals of solar power as it applies to solar panel system installations. Introduction to solar power systems...
