EdX

Designing a Technical Solution (edX)

Offered by Microsoft,
Designing a Technical Solution (edX)

Turn your idea into a prototype as you learn the process of designing and prototyping web applications to solve real problems. In this course you will learn the process of turning ideas into technical solutions. Early learners often need to learn context and the big ideas of a process before diving into the advanced details, and that’s exactly what you’ll get in this course.

Class Deals by MOOC List - Click here and see EdX's Active Discounts, Deals, and Promo Codes.

You’ll build upon your own idea for an app as you learn the process of conducting market research, user-centered design, and front-end web development. By the end of the course, you will have a user-centered design, wireframes and specification for a web app, along with a front-end user interface built with HTML and CSS.
Upon completion of this course, you will be able to:

  • Describe how software is used to solve problems
  • Define application requirements based on user research
  • Design effective products using Human Centered Design
  • Employ Visual Studio Code and web browser tools in the development of web pages
  • Learn the basics of how the Internet works
  • Explore various prototyping techniques following industry standard design principles
  • Develop basic HTML and CSS webpages

Once you complete this course, continue onto Building Interactive Prototypes using JavaScript to enhance your prototype as you learn how to use JavaScript to allow interaction on your webpages.

What you'll learn

  • Solving problems with technology
  • Human-centered design
  • HTML basics
  • CSS basics

Syllabus

Module 1 – Designing Technical Products
Module 2 – Intro to Web Development
Module 3 – Building Webpages with HTML
Module 4 – Styling Webpages with CSS

Note: This course is currently not available.

Related Courses

RShiny for Everyone (edX) EdX
Davidson College,DavidsonX

RShiny for Everyone (edX)

Statistics & Data Analysis

Use R’s Shiny package to create data-driven, interactive web applications. In this course, you will use R Shiny to create an interactive web application that highlights the biodiversity of America’s National Parks. Your application will feature an interactive map, biodiversity calculator, trail journal and species images. Using R Shiny, you will expand your data analysis and visualization skills while developing your workflow through web application deployment.

Self Paced
Self-Paced
Data Analysis Web Applications Data Visualization
Details
Road safety in the Caribbean region: institutions and data management (edX) EdX
Inter-American Development Bank - IDB,IDBx

Road safety in the Caribbean region: institutions and data management (edX)

Sci: Environment

Learn about the current state of road safety in our region, its main challenges, and areas of action. Can you imagine being able to contrast your opinions and experiences with people like Lieutenant Colonel, Enrique, from Ecuador, or other practicing public managers and representatives of Civil Society organizations from all over the region? In this course, you will have that opportunity, and also, access to videos of international specialists from various organizations (IDB, PAHO / WHO, WRI, LatinNCAP among others); readings; real cases from the region; recommendations; practical activities and discussion forums.

Self Paced
Self-Paced
Latin America Caribbean Designing
Details
Innovation: From Plan to Product (edX) EdX
University of Queensland,UQx

Innovation: From Plan to Product (edX)

Statistics & Data Analysis Marketing & Communication

Learn how to build an innovative business model using the most effective tools, including forecasting, prototyping, financial modeling and customer discovery. Business models are regarded as a form of innovation and not merely just a vehicle for commercialization. In this course, students will learn about multiple business model innovation avenues and metrics for assessing on-going market fit and sustainability.

Self Paced
Self-Paced
Innovation Prototyping Forecasting
Details
CSS Basics (edX) EdX
World Wide Web Consortium - W3C,W3Cx

CSS Basics (edX)

CS: Software Engineering CS: Programming

Learn, from Microsoft and W3C experts, how to take your Web pages from bland to bold with the power of CSS styling. Have you just begun your journey into Web development? This course will introduce you to the basics of Web design and teach you how to style your Web site for a professional look and feel.

Self Paced
Self-Paced
Programming CSS Web Design
Details
Guided Project: Interest Calculator Using HTML, CSS & JS (edX) EdX
IBM

Guided Project: Interest Calculator Using HTML, CSS & JS (edX)

Computer Science

Easily develop essential HTML, CSS, JavaScript, and web development skills in under an hour. This beginner-friendly, hands-on guided project will teach you how to create a simple interactive webpage. HTML, CSS, and JavaScript are essential skills for web development. HTML and CSS are the basis for webpages, while JavaScript makes these pages interactive. These three extremely popular languages form the backbone of front-end web development.

Self Paced
Self-Paced
HTML Javascript CSS
Details
Designing for Textiles (edX) EdX
Smithsonian,SmithsonianX

Designing for Textiles (edX)

Art and Culture

The Designing for Textiles workshop provides those who work in traditional crafts-based media with an introduction, or refresher, to design education through the lens of Armenian textiles. Based on an in-person training program that took place in 2018 through the My Armenia program, this workshop is a series of lessons and extension activities that build upon one another and encourage you to innovate in your own textiles-based design work.

Self Paced
Self-Paced
Design Process Textiles Color Theory
Details
Design Thinking: Prototyping and User Testing (edX) EdX
Rochester Institute of Technology,RITx

Design Thinking: Prototyping and User Testing (edX)

Engineering CS: Design & Product

Learn the importance of prototyping and user testing solutions before going to market and how to assess and evaluate solutions post-launch. Creating prototypes puts a proposed solution into action. In this course, you will learn the value of prototypes and user testing as critical components of the design thinking process.

Self Paced
Self-Paced
Prototyping Design Thinking Evaluating
Details
Le prototypage UX (edX) EdX
HECMontrealX,HEC Montréal

Le prototypage UX (edX)

CS: Design & Product

Devenez un virtuose du prototypage! Propulsez votre équipe créative de l’étape des maquettes papier au développement de prototypes interactifs haute fidélité, en utilisant les méthodes et outils les plus récents. Le prototypage tient à la fois de l’art et de la science. Dans ce MOOC, vous apprendrez comment les critères ergonomiques (ancrés dans la psychologie cognitive) s’articulent au sein du design d'interface utilisateur (design UI).

Self Paced
Self-Paced
Prototyping User Experience Visual Design
Details
Cloud Application Developer Capstone (edX) EdX
IBM

Cloud Application Developer Capstone (edX)

Security & Networking

In this project you will sharpen your new full stack cloud application development skills. You will use modern tools and technologies to create a working cloud ecosystem. You will design and develop a comprehensive solution that reflects your mastery of key cloud native computing concepts and capabilities. The project provides you with a real-life challenge that requires you to flex and firm your cloud native application development muscle. You will start with a problem situation.

Self Paced
Self-Paced
HTML Javascript JSON
Details