Udemybeginnerja

CSS3のメディアクエリを使ったレスポンシブWEBデザイン(デモサイト制作による実践形式)

Learn responsive web design by building a fake corporate site! Master CSS media queries for beautiful designs on all devices. Perfect for beginners.

Related:Adaptive LayoutsFluid Grids
4.4(8)
31students
3h 8m
Certificate
クスノキWEB制作所 Noda Kentaro
クスノキWEB制作所 Noda KentaroWebデザイン、HTML、CSS、JavaScript、jQuery

Course Content

CSS3のメディアクエリを使ったレスポンシブWEBデザイン(デモサイト制作による実践形式) is a beginner-level Udemy course taught by クスノキWEB制作所 Noda Kentaro. It runs 3h 8m, is taught in Japanese, and includes a certificate of completion. Learners rate it 4.4 out of 5 from 8 reviews, with 31 students enrolled. It is a paid course, first published January 2022.

Learn Web Design Fundamentals & Practice by Building a Demo Site!

This course provides a comprehensive, hands-on approach to mastering web design, focusing on practical application through the creation of a real demo website. You'll gain a clear and detailed understanding of how to build responsive websites that adapt seamlessly to any device.

What you'll learn:

  • Responsive Web Design Techniques: Develop the skills to create websites optimized for smartphones, tablets, and desktops – a crucial skill in today's digital landscape.
  • HTML & CSS Mastery: Deepen your understanding of HTML and CSS, including advanced techniques to elevate your skills.
  • CSS Media Queries: Learn to use CSS media queries to control layout and create adaptable designs.
  • Layout Techniques: Master effective layout strategies for creating visually appealing and user-friendly websites.
  • Web Design Theory: Gain a solid foundation in the underlying principles of web design.
  • Full Website Development: Follow the entire process of building a website from scratch, from initial concept to final implementation.
  • Practical Skills for Real-World Application: Acquire the skills needed to become a productive web designer in a professional setting.

Course Highlights:

  • Hands-on Learning: Learn by doing! You'll build a website throughout the course, reinforcing concepts and building practical skills.
  • Step-by-Step Approach: We start with the fundamentals and gradually progress to more advanced techniques.
  • Complete Understanding: By the end of this course, you'll understand the entire web page creation process.
  • Self-Directed Design: Develop the ability to create your own unique website designs from the ground up.

Course Structure:

The course is structured into 5 sections with 37 video lectures, totaling approximately 3 hours of content. We cover everything from basic responsive design principles to advanced techniques in HTML & CSS. We prioritize the HTML & CSS knowledge necessary for building adaptable websites.

$ whoami — the devs behind tutorialsearch.io

Need a web app built? Hire the team behind TutorialSearch.io

We ship fast, production-grade full-stack apps (Next.js, React, edge infra) — the same stack that powers this site.

Start a project
Loading modal...