Barcelona Code School

Responsive web design with CSS3

Learn how to create modern responsive websites for any devices with the latest CSS

5 days, 40 hours, full-time

JavaScript Full-Stack Bootcamp in Barcelona Code School

We carry on...

The JavaScript Full-Stack Online Bootcamp is going on as usual, since it's already remote so in a sense it was born ready for times like this.

The in-person JavaScript Full-Stack Bootcamp at the moment based on the mutual decision of all the students and staff members is moved fully to real-time online mode where we are constantly online with our students. In a sense we are still in the same classroom but this classroom is virtual (hope to see you guys face to face again really soon 🙏).

As for any other courses we have -- as long as the registration is open on the website -- we are going to do them according to all the current regulations and recommendations from the government and public health officials. If we can do it in-person -- amazing, if not due to how the satiation will develop -- we will do them either fully online with real-time online presence through the day or postpone/transfer you to another cohort, whatever you prefer.

What you'll learn

  • Creating all kinds of layout of any complexity
  • Using media queries to switch between desktop/tablet/mobile versions of your website
  • Understanding simple and combined selectors
  • Absolute/relative length units (the good, the bad and the ugly)
  • The holy box model
  • Positioning, stacking, floating your elements with/wthout taking them out of the natural document's flow
  • Using margins/paddings/borders
  • Creating layouts with CSS Grid (amen to that)
  • Flexbox properties and why they rule for the native mobile apps
  • Cross-browser testing, resetting, normalizing, debugging, validating
  • Browser-based development

The outcome

  • You will be able to build a layout for any kind of website
  • It would be a responsive layout working great on any screen size
  • You will know how to use custom CSS with pages generated by any type of CMS or in other cases where you don't have control over classes/ids by using combined selector and DOM logic
  • A portfolio of several projects created with pure CSS

Tuition

650€

Sign up online and reserve your seat.

Access

January 06 – January 10

Responsive web design with CSS3

Learn how to build modern websites for any device

5 days, 40 hours, 9:30-18:30, in-person, in English, full-time.

Registration payment 650€.

By signing up you agree to the Terms and Conditions stated on the website.

February 10 – February 14

Responsive web design with CSS3

Learn how to build modern websites for any device

5 days, 40 hours, 9:30-18:30, in-person, in English, full-time.

Registration payment 650€.

By signing up you agree to the Terms and Conditions stated on the website.

March 09 – March 13

Responsive web design with CSS3

Learn how to build modern websites for any device

5 days, 40 hours, 9:30-18:30, in-person, in English, full-time.

Registration payment 650€.

By signing up you agree to the Terms and Conditions stated on the website.

April 13 – April 17

Responsive web design with CSS3

Learn how to build modern websites for any device

5 days, 40 hours, 9:30-18:30, in-person, in English, full-time.

Registration payment 650€.

By signing up you agree to the Terms and Conditions stated on the website.

Prerequisites

  • You will need a laptop, the OS doesn't matter, MacOS, Windows, Linux is all fine
  • Google Chrome
  • Any code editor: Sublime Text, Visual Studio Code, Atom, etc...
  • An account with GitHub (free account is fine!)
  • If you can install Git it would be amazing. (Instructions for Mac, Windows, Linux)

Who is this course for?

  • Students thinking about building their static websites, landing pages, prototypes
  • Developers aiming at learning CSS to add to their skill set
  • Designers willing to learn how to implement mockups in code
  • Beginners starting to learn HTML/CSS

Inquiry about the course

If you are not a robot, how much would be 7 plus 6?