입문자를 위한 자바스크립트 기초 강의
유노코딩
웹 사이트를 움직이는 프로그래밍 언어, 자바스크립트의 주요 개념과 문법, 그리고 활용 방법을 소개합니다. 이제 막 HTML/CSS 걸음마를 떼신 분들도 부담 없이 소화하실 수 있는, 자바스크립트 입문 수업입니다.
Beginner
JavaScript
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.
Reviews from Early Learners
What you will learn!
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
17,957
Learners
915
Reviews
31
Answers
5.0
Rating
7
Courses
개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.
배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.
저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.
감사합니다^^
Curriculum
All
16 lectures ∙ (2hr 47min)
Course Materials:
Lecture resources
7. Media query
11:40
8. Variable Image
11:08
9. Variable video
12:16
10. Modular design
09:51
Published:
Last updated:
Reviews
All
127 reviews
5.0
127 reviews
김이주Reviews 2
∙
Average Rating 5.0
- 일월
Reviews 3
∙
Average Rating 5.0
- leaver77
Reviews 1
∙
Average Rating 5.0
- ssfkm
Reviews 10
∙
Average Rating 5.0
- Jang Jaehoon
Reviews 525
∙
Average Rating 4.8
Free
uknow's other courses
Check out other courses by the instructor!
Similar courses
Explore other courses in the same field!
![부트스트랩을 활용한 반응형 웹제작[기본 개념편] 부트캠프Course Thumbnail](https://cdn.inflearn.com/public/courses/333092/cover/5a3043a4-fc2d-4b25-9096-306c8f707b5b/333092.jpg?f=avif&w=420)
![[환상의족발] 디자인부터 코딩까지Course Thumbnail](https://cdn.inflearn.com/public/courses/332845/cover/5d0ef569-50e5-4300-96ed-3205d526795b/332845.png?f=avif&w=420)
![[2025년 출제기준] 웹디자인기능사 실기시험 완벽 가이드Course Thumbnail](https://cdn.inflearn.com/public/courses/324878/course_cover/12211037-e74b-46b3-8942-46d465b81bba/webdesign-cover-02.png?f=avif&w=420)
