AdobeStock_502363198

FRONT-END CODING BASICS: SIMPLE INTERACTIONS WITH CSS | Three-hour workshop

Small interaction details—like hover effects, smooth transitions, and subtle motion—are what make websites feel responsive, polished, and professional. Without them, even well-designed pages can feel static or unfinished.

This hands-on, instructor-led workshop introduces how front-end developers use HTML with CSS to create simple interactive behaviors directly in the browser.

In this three-hour session, you’ll see how small styling changes can improve usability, clarity, and engagement by adding hover states, transitions, and visual feedback effects to a simple webpage. You’ll follow along live in a code editor, experiment with real examples, and leave with a practical understanding of how interactive front-end styling works—without needing JavaScript or back-end tools. 

 
Coding Foundations | AVAILABLE ONLINE

Join US

  • Hands-on coding practice
  • Live instruction
  • Real-world application
Get Started

Workshop Dates

If you don’t see a time that works for you, check back again soon—we’re always adding new workshops to the calendar.
Keep in mind, registration closes 24 hours before the workshop start date.

Online
Register
May 14

Thu: 1:00pm - 4:00pm EDT

OnlineNew York City
Register
May 14

Thu: 1:00pm - 4:00pm EDT

OnlineLondon
Register
May 14

Thu: 1:00pm - 4:00pm EDT

OnlineMontenegro
Register
May 14

Thu: 1:00pm - 4:00pm EDT

Who’s this for?

This workshop is ideal for…

  • Coding newbies curious about making websites interactive without a complex programming background
  • Designers, marketers, or product professionals who want a better understanding of front-end behavior
  • Anyone learning web development who wants hands-on practice creating visible interaction effects
class-group-smiling-laughing-diamonds-MLBN(1)

Tooling/technical requirements

To participate in this workshop, you’ll need to make sure you’re set up for success with the following:

  • A free Google account
  • A Zoom account
  • A code editor such as VS Code installed on your computer
  • A modern web browser (Chrome, Firefox, Safari, or Edge)    
hands-on-laptop

Key Takeaways

You’ll leave this workshop confident in your ability to:

Create simple interactive effects using HTML and CSS

Build hover states, transitions, and small motion effects that provide visual feedback and improve user experience.

Understand how front-end styling controls interaction behavior

Learn how CSS rules influence how elements respond to user actions like hovering, focusing, or interacting.

Apply small visual changes that make interfaces feel polished and responsive

Use subtle movement, shadows, and transitions to improve clarity, usability, and overall design quality.

Workshop Agenda

Learn how HTML structures content and how CSS controls visual styling and simple interaction behavior in the browser.
Modify button styles, add transitions, and create responsive hover effects while seeing immediate results in your browser.
Build layered interaction behaviors including card movement, shadow effects, and image zoom to create more dynamic UI components.
Practice adjusting timing, motion, and styling choices to understand how small tweaks change the feel of an interface.

QUESTIONS? WE'VE GOT ANSWERS.

We understand that sometimes plans change. If you can no longer make it to a class or workshop, please email help@ga.co at least seven days before the scheduled event date. No refunds will be given to cancellations made within a week of the class or workshop.
Look out for an email one day before, and one hour before the workshop with the Zoom link and workshop materials. If you don’t see the email, check your spam folder or reach out to help@ga.co and we’ll make sure you’re set up.
This workshop involves three hours of live instruction.
You bet—we want you to continue practicing and referencing the things you learned long after your workshop ends. You should receive the recording and any in-class materials within one week of your workshop via email.
We don't believe your education should end when your workshop does, so you'll have plenty of time to access your class recordings to review and revisit what you've learned at your own pace.
Yes. We love this for you. If you enroll in a short course within six months of your workshop, you can apply what you paid for the workshop toward your course. Talk to an admissions specialist to learn more about this — no strings attached.
Think of free classes as the “sample spoon.” No cost, no commitment, and you can try as many flavors as you want. Free classes are one-to-two hours long and hosted in a Zoom webinar where participant audio/video is automatically off, and interaction is contained within Zoom chat and Q&A functions. Workshops, on the other hand, are more like the “single scoop.” It costs a little, but you get a lot more. Workshops are three-to-seven hours of live instruction hosted in a Zoom meeting room where participants can share audio/video and interact live with instructors and classmates.
1 REFUND POLICY
We understand that, sometimes, plans change. If you can no longer make it to a class or workshop, please email us at least 7 days before the scheduled event date. No refunds will be given to cancellations made within a week of the class or workshop.

2 COMMUNITY CODE OF CONDUCT
Your registration for or attendance at any General Assembly offering indicates your agreement to abide by this Community Code of Conduct policy and its terms.
Get Started