Best Seller

Introduction to Responsive Web Development with HTML and CSS

A course by Javier Usobiaga Ferrer
Web designer. Barcelona, Spain.
On Domestika since 04/10/2015
, Web designer

Learn the basics of Frontend Web Development

  • Best Seller Spanish with subtitles in English
  • 98% Positive reviews (1.2K)
  • 18896 students

Learn the basics of Frontend Web Development


Spanish with subtitles in English
  • 98% Positive reviews (1.2K)
  • 18896 students
  • Online and at your own pace
  • Audio: Spanish
  • Level: Beginner
  • 31 Lessons (2h 18m)
  • Available from the app
  • Spanish, English, Portuguese, German
  • Unlimited access forever

Take your design to the browser! In this course, Javier Usobiaga will teach you how to create web pages with the most fundamental tools: HTML and CSS. You will learn to write your own code and change the way you see (and design) the web, understanding how it works inside and how to design a responsive website to be more effective. And if design is not your thing, this course can be a good basis to start in the world of Web Development Front-end.

About this course

Course table of contents

  • U1
    U1. Introduction
  • U2
    U2. HTML structure
  • U3
    U3. Starting with CSS
  • U4
    U4. CSS structures
  • U5
    U5. Decoration in CSS
  • U6
    U6. Responsive techniques
  • U7
    U7. Adding interaction
  • FP
    FP Final project
View details

This course starts from a zero knowledge of HTML and CSS. It includes fundamental HTML tags and typographic CSS properties, layout tools such as Floats or Position, backgrounds, borders, rounded corners, shadows, Web Fonts and key Responsive Development tools such as Media Queries.

What is this course's project?

The final project consists of creating a responsive website (the website of a fictitious cafeteria) based on a design provided as a synthesis of the different subjects that we will see throughout the course.

Projects by course students

Who is it for?

To all those people who wish to acquire basic knowledge of HTML and CSS, whether they are designers or not.

What you need

For this course you do not need great technical knowledge or design. You will need a computer and a free code editor.


Reviews

18896 Students
1204 Reviews
98% Positive ratings
  • More reviews

Javier Usobiaga Ferrer

TeacherPro
Web designer

Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.

He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.

Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.

In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."


Contents

  • U1

    Introduction

    • Presentation of the course and the project
    • The web: HTML, CSS and JS
    • Code editor Create a project Editing environment
    • Inspector and developer tools
  • U2

    HTML structure

    • HTML tags and attributes
    • Text tags
    • Images and links
    • Block labels
    • Document labels
  • U3

    Starting with CSS

    • Link a CSS file and CSS syntax
    • Basic selectors
    • Typographic styles
    • Specificity and structure in style sheets
    • Advanced selectors: the pseudo-classes
  • U4

    CSS structures

    • CSS Styles and Reset CSS
    • The box model
    • Displays
    • Floats
    • Position
  • U5

    Decoration in CSS

    • Styles for lists
    • Border, border-radius and box-shadow
    • Backgrounds and background images
    • Webfonts
  • U6

    Responsive techniques

    • Responsive design and Mobile First
    • Flexible structure
    • The average queries
    • Responsive navigation
  • U7

    Adding interaction

    • Email link
    • Transitions in CSS
    • Link a JavaScript file
    • Navigation with JavaScript added
  • FP

    Final project

    • Responsive web development with HTML and CSS

This Is What Domestika Courses Are Like

  • Learn at Your Own Pace

    Enjoy learning from home without a set schedule. You set your own timetable.

  • Learn From the Best

    Learn valuable methods and techniques explained by top experts in the creative sector.

  • Expert Instructors

    Each instructor teaches only what she/he does best, conveying true passion and excellence in every lesson.

  • Certificate Pro

    Demonstrate your course attendance with a certificate signed by the teacher. Get it with your Domestika PRO subscription

  • Front Row Seats

    Videos of the highest quality ensure that you don't miss a single detail. With unlimited access, you can watch them over and over.

  • Share Knowledge

    Ask questions, request feedback, offer solutions. Share learning with other students in the community.

  • Creative Community

    More than 1M creatives and growing. Domestika is the place to share and learn what you love.

  • Professionally Developed Courses

    We selected top creatives and a team of experts to develop the courses. The result? You'll feel like you're working side by side with leading professionals.


Frequently Asked Questions

  • Domestika's courses are online classes that provide you with the tools and skills you need for completing a specific final project. Every step of the project combines video lessons with complementary instructional material, so you can learn by doing. Domestika's courses also allow you to share your own projects with the instructor and other users, thus creating a dynamic course community.

  • The course is 100% online, so once they are published, courses start and finish whenever you want. You set the pace of the class. You can go back to review what interests you most and skip what you already know, ask questions, answer questions, share your projects, and more.

  • The courses are divided into different units, each one includes lessons, informational texts, tasks and practice exercises to carry out your project step by step, with additional complementary resources and downloads. You will also have access to an exclusive forum where you can interact with the instructor and other students, and share your work and your course project, thus creating a community around the course itself.

  • You can now redeem the course you received, just access redeeming page to enter your gift code and redeem it.

Introduction to Responsive Web Development with HTML and CSS. A Technology course by Javier Usobiaga Ferrer Best Seller

Introduction to Responsive Web Development with HTML and CSS

A course by Javier Usobiaga Ferrer
Web designer. Barcelona, Spain.
On Domestika since 04/10/2015
  • 98% Positive reviews (1.2K)
  • 18896 students