강의

멘토링

커뮤니티

Programming

/

Web Development

Responsive Web Basics for Beginners

This is a course that will help you acquire the basic skills needed to create a 'responsive website' that can provide services on a variety of devices and screens.

(5.0) 134 reviews

4,480 learners

Level Basic

Course period Unlimited

  • uknow
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Responsive Web
Responsive Web
HTML/CSS
HTML/CSS
JavaScript
JavaScript

Reviews from Early Learners

Reviews from Early Learners

5.0

5.0

김이주

100% enrolled

I really like the clean and easy explanation! I'm preparing to be a front-end developer, and there's a lot of things I don't know more about than I thought, so this is helpful for organizing!

5.0

일월

100% enrolled

I had a rough idea of how to implement reactivity.

5.0

leaver77

100% enrolled

It was helpful

What you will gain after the course

  • HTML

  • CSS

  • Variable Grid

  • Variable image

  • Media Query

Essential website development skills,
Let's learn about responsive web!

A simple summary of essential skills
Responsive Web Basics Tutorial 📖

Responsive web refers to web documents that change their composition or size to fit the size of various devices or browsers, or the techniques used to create them. This lecture introduces the essential skills needed to create a responsive web.

Each class proceeds as follows:

  • Basic Theory : Explains key concepts in an easy-to-understand manner.
  • Practical Guide : You will practice what you have learned and confirm it.
  • Summary : Conclude by summarizing the learning content.

Course Objectives 📜

In order to make it easy for anyone with experience in HTML and CSS to study, the content is organized around the essential key concepts . This lecture is focused on helping you acquire the basics needed to create a responsive web without investing a lot of time.

After taking this course, you will:

  • 👉🏻 You can understand the concept of responsive web.
  • 👉🏻 You can learn the skills needed to create a responsive web.
  • 👉🏻 You will learn the basics of responsive web design.

What you will learn in this lecture 🐈

The concept of responsive web

Learn what responsive web is, why you need it, and where and how to get started.

Learning Responsive Web Skills

Learn about a variety of skills, including flexible grids, flexible images, and media queries.

Learn Responsive Web Design

Learn about effective design methodologies and approaches to them.


Practice Responsive Web ☕️

After learning the basics, we'll create a simple responsive webpage together.


Before taking the class, please check the instructions 🔍

One. You need to know HTML and CSS!

This lecture was created to provide supplementary lessons to students who have taken Unocoding's existing free lectures, 'HTML Basics for Beginners' and 'CSS Basics for Beginners'. You can refer to the lectures on Inflearn or Unocoding YouTube channel, or if you have previous HTML and CSS learning experience, you can take the lecture right away!

2. Please prepare the following items!

  • 💻 Computer
  • 💻 Code editor (We use Visual Studio Code in class)
  • 💻 Typing skills (slow speed is okay)

3. I will let you know in advance before taking the class!

Most of the videos feature scenes of writing code, and I have processed most of them at a high speed to avoid making the videos boring. Therefore, if you are following the coding exercises, I recommend that you make appropriate use of the pause function while practicing!


Recommended for
these people

Who is this course right for?

  • Anyone who is studying or has studied HTML/CSS

  • People who want to improve their CSS skills

  • Anyone interested in creating a responsive web

Need to know before starting?

  • HTML

  • CSS

Hello
This is

18,297

Learners

961

Reviews

31

Answers

5.0

Rating

7

Courses

A multi-talented creator with a background in development.
I am currently active as a programming instructor and author.
I also run the YouTube channel .

I hope and believe that the unnecessary suffering experienced during the learning process should and must disappear. By sharing the sincerity and insights of those who have gone before, that pain can be reduced.

I hope that the unnecessary pain experienced during the learning process disappears, and I believe it must.
Sharing the sincerity and experience of those who have gone before can reduce that pain.

I will strive to ensure that you can feel that sincerity in all of my lecture content.
I am always working hard to help many people find coding enjoyable and understand it simply.

Thank you! ^^

Thank you! ^^

Curriculum

All

16 lectures ∙ (2hr 47min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

134 reviews

5.0

134 reviews

  • kls99393862님의 프로필 이미지
    kls99393862

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    I really like the clean and easy explanation! I'm preparing to be a front-end developer, and there's a lot of things I don't know more about than I thought, so this is helpful for organizing!

    • fffdjd235016님의 프로필 이미지
      fffdjd235016

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      I had a rough idea of how to implement reactivity.

      • leaver777654님의 프로필 이미지
        leaver777654

        Reviews 1

        Average Rating 5.0

        5

        100% enrolled

        It was helpful

        • lej07909728님의 프로필 이미지
          lej07909728

          Reviews 7

          Average Rating 5.0

          5

          100% enrolled

          Thank you so much for explaining it so easily and well. It was extremely helpful.

          • top10525210님의 프로필 이미지
            top10525210

            Reviews 8

            Average Rating 5.0

            5

            100% enrolled

            Free

            uknow's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!