Comprehensive course analysis
Who should attend
- Aspiring web developers, web designers, and UX designers
- Backend programmers who need front-end skills to become full-stack developers
- Self-taught web programmers
About the course
Framing Front-End Web Development
In this course, students go beyond the code to understand what is really important in web development. Through creating a mental model of how web development works, student are exposed to the big picture of how users interact with websites. By building empathy and an understanding of target audience needs, students recognize the benefits of approaching design from the perspective of the user and the importance of accessibility, biases, and cultural sensitivity. Finally, students dive into the inner workings of the web to remove the mystery and build a clear picture of how websites work. Ultimately, the goal of this course is to prepare students to design and build beautiful, functional websites that meet the needs of their target audience.
Structuring Content with HTML
In this course, students will start by identifying the various types of elements that exist in a web page and the importance of information architecture. They will immediately begin organizing and structuring web page content and then markup the content using HTML. This process will introduce the document object model, which enables students to build a mental model of how web pages are built and how web browsers render those pages. Important facets of writing valid HTML that is also semantically sound are introduced through a number of code writing activities. From single page coding, we zoom out to explore how websites with multiple pages, hyperlinks, and navigation are organized and developed. Students will take these new skills and apply them to building a simple multi-page website with valid code and a functional navigation.
Styling Web Content with CSS
In this course, students will engage in a design-first approach, focusing on understanding the needs of the user and prioritizing designing over coding. By engaging with personas and gaining empathy for a website’s audience, students identify the needs of their users and apply visual design principles to make sites accessible. With designs in hand, students will learn to write Cascading Style Sheets (CSS) and create rules to implement their design. Along with writing and implementing CSS code, students will explore validating, troubleshooting, and improving their CSS.
Composition and Responsive Design
In this course, you will employ visual design practices and principles to create attractive, functional websites styled with CSS. Through a thorough investigation of the CSS box model, you are introduced to concepts such as padding, margin, whitespace, and element sizing. These concepts are then given the context of visual design principles to help you make layout and design choices that are user-centric and functional. You will then practice the layout design process to create sketches and wireframes of your designs. With plans in place, you will then write CSS to implement the design to effectively style and layout HTML elements accurately. Finally, you will go a step further to ensure this design is flexible and responsive on the many devices that could be used to visit your site.
Improving User Experience with Interactivity
Collecting Data with Forms
In this course, you will build a form to collect data input. This process begins with analyzing how web requests work and identifying the parameters of the hypertext transfer protocol (HTTP). Next, you will design and code a form to collect user data. You’ll use advanced topics such as client-side form validation and error messages to improve the user experience and overall validity of collected data. You will then evaluate your form and implementation to ensure the final design is appropriate and functional.
Key course takeaways
- Establish a framework for success in front-end web development
- Produce valid HTML that organizes content in a meaningful way for your target audience
- Use CSS to design and implement a web page that is appropriate for your target audience
- Employ visual design principles to create attractive, functional websites styled and laid out with CSS
- Design, code, and evaluate a form to collect data inputs from your target audience
What you'll earn
- Web Design and Development Certificate from Cornell Computing and Information Science
- 60 Professional Development Hours (6 CEUs)
In May of 2017 I received my Ph.D. in Computer Science at Washington University in St. Louis. Under the supervision of Dr. Caitlin L. Kelleher, I investigated leveraging completion problems to help enable middle school to learn computer programming independently. If you would like to know more ab...
Videos and materials
Because of COVID-19, many providers are cancelling or postponing in-person programs or providing online participation options.
We are happy to help you find a suitable online alternative.