CSS Components For Beginners

Event Information

Share this event

Date and Time



Online Event

Event description
Learn how to code and design the most useful web-components like buttons, avatars, cards, navs, dropdowns, list items...with nice CSS tricks

About this Event

Learn how to code and design the most useful web-components like buttons, avatars, cards, navs, dropdowns, list items...with nice CSS tricks and techniques.

Slick website design with the right CSS components<<

What is it exactly?

  • 2-hour online workshop with a Le Wagon Teacher.
  • Detailed explanation of how to code and design beautiful components.
  • Live demo of CSS tricks and techniques.

Is this workshop for me?

Pretty good question! Last thing we want is to waste anyone’s time! We’ve crafted this workshop for you if:

  • You want to learn the basics of front-end development.
  • You would like to prototype an idea quickly.
  • You are familiar with design tools like figma and sketch, and would like to know how your designs are implemented with HTML and CSS.
  • You have joined our 2-hour landing page workshop and would like to take your knowledge further.

What will I learn during the workshop?

During this workshop, we’ll cover a few things:

  • Discover best practise used by market leaders.
  • How to organize your CSS with component files.
  • Learn advanced CSS properties like Flex-box, position relative/absolute and linear-gradient
  • Our instructor will live-code a set of cool components like buttons, banners and cards.

Are there any prerequisites?

You should have some basic knowledge in HTML/ CSS (being familiar with Bootstrap is a plus)

You will receive a link to access the workshop in an email so please check your email & spam folder 30 mins before the event.

Have a code editor installed, or open an account on Codepen


Le Wagon is ranked as no.1 coding school in the world. We teach students and companies the core concepts of programming, web development, data science and product design. Learn how to build robust and stunning web applications, collaborate within a team of developers and adopt the technical workflow used by successful tech companies all over the world. For over 6 years now our flagship product is a 9-week coding bootcamp. In over 400 batches in 38 cities around the world, we have taught over 7000 students. Our alumni have raised over $150 million in VC Capital and thousands of students have changed their career and are now in high paying tech jobs.

If you’d like to hear more about the 9-week bootcamp or our corporate programs, please book a quick meeting with our Founder, Dirk over here or drop us an email at singapore@lewagon.org.

The next batch in Singapore starts on Aug 3d 2020. Further details about the course and how to apply can be found at


We look forward to meeting you soon!

Team Le Wagon

Share with friends

Date and Time


Online Event

Save This Event

Event Saved