Web Design and Development

eCornell

How long?

  • online
  • on demand

eCornell

Disclaimer

Coursalytics is an independent platform to find, compare, and book executive courses. Coursalytics is not endorsed by, sponsored by, or otherwise affiliated with any business school or university.

Full disclaimer.

Reviews

Make sure this course is right for you.

Get unbiased reviews and personalized recommendations.

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
  • Entrepreneurs

About the course

This front-end web development certificate is all about designing and building websites that are focused on the needs of users, striking a balance between form and function. From the very beginning, you will explore the ideas of mental models and target audience personas. By taking a design-first, code-second approach, you will learn to structure content and make informed design decisions based on the needs of potential website visitors before writing a single line of code. Foundational concepts of writing valid HTML and CSS are paired with accessibility best practices to ensure you can implement your designs effectively and accurately. Through an introduction to JavaScript, jQuery, and data collection, you will explore adding simple interactivity and forms to your websites. Throughout these courses, you will practice meeting the needs of your target audiences while designing web experiences that are attractive, functional, and accessible.

COURSES

  • 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

In this course, you will explore the potential of interactivity by adding JavaScript to a website. First, you will consider the use of interactivity and identify some common best practices and pitfalls. You will then dive into the JavaScript language, practicing the basics of JS syntax and jQuery. Next, you will discover event-based programming concepts such as event handlers, state, and conditionals. Finally, you will debug both the syntax and logic of your JS code.

  • 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
  • Enhance the user experience through interactivity with JavaScript
  • Recognize basic JavaScript & jQuery syntax rules and event-based programming techniques
  • 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)

Experts

Kyle Harms

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

Web Design and Development at eCornell

From  $3,600

Something went wrong. We're trying to fix this error.

Thank you for your application

We will contact the provider to ensure that seats are available and, if there is an admissions process, that you satisfy any requirements or prerequisites.

We may ask you for additional information.

To finalize your enrollment we will be in touch shortly.

Disclaimer

Coursalytics is an independent platform to find, compare, and book executive courses. Coursalytics is not endorsed by, sponsored by, or otherwise affiliated with any business school or university.

Full disclaimer.

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.