Skip to main content
Cart
Cart
UCLA X icon logo

Frontend Web Development: A Practical Introduction with React

web-design-1-html-and-css-desmax481-24b
DESMA X 481.24B

This course introduces the essential tools of modern front-end web development using React.

Not available this quarter
Typically Available
Spring

Get More Info

 

What you can learn.

Learn how professional developers use HTML, CSS, JavaScript, and React to build interactive websites from scratch.
Experiment with layout, responsiveness, and styling directly in code—no prototypes, no mockups, just live iteration.
Use Git, GitHub, and modern deployment platforms to bring your project live—no prior experience required.
Get a week-in-the-life view of front-end development with hands-on practice across structure, logic, styling, and deployment.

About This Course

Designed for both UX designers and aspiring engineers, this course introduces the essential tools of modern front-end web development using React. Students receive a hands-on walkthrough of the front-end development lifecycle, from setting up an environment to deploying a fully functional, responsive web application. Through weekly guided builds, students develop a single-page React application while exploring topics such as semantic HTML, CSS styling, JavaScript functionality, responsive design, and form handling. By the end of the course, students will adapt their core application into a custom project such as a personal portfolio, company site, or creative subject of their choosing.

This course applies toward the following programs

design-communication-arts-certificate-ce0401

Design Communication Arts

certificate

Design Communication Arts

certificate Ignite your creativity and prepare for a career in graphic design. Learn how to think like a designer while developing the visual literacy needed to thrive in a professional setting. Feel confident in your skills through portfolio reviews, a capstone course, mentorship and internship opportunities.

Ignite your creativity and prepare for a career in graphic design. Learn how to think like a designer while developing the visual literacy needed to thrive in a professional setting. Feel confident in your skills through portfolio reviews, a capstone course, mentorship and internship opportunities.

UX-certificate-header

User Experience

certificate

User Experience

certificate Get hands-on training in user experience (UX), user interface (UI), product design and AI. Take a deep dive into product strategy and deployment with top industry experts.

Get hands-on training in user experience (UX), user interface (UI), product design and AI. Take a deep dive into product strategy and deployment with top industry experts.

Invested In Your Success

Have questions or need guidance?

Visit the Help Center