강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

[Web Development Full Stack Course] Bootstrap Basics

This lecture is a lecture on Bootstrap Basics in the [Web Development Full Stack Course] lecture series for training full-stack web developers. You will learn the basics of Bootstrap and learn how to quickly build high-quality responsive web.

(5.0) 33 reviews

1,640 learners

  • realprogrammers
부트스트랩
bootstrap
Bootstrap
Thumbnail

Reviews from Early Learners

What you will learn!

  • Bootstrap Design

  • Responsive Web

  • Grid system

Create a beautiful web in no time with Bootstrap!
Build a responsive website quickly ✨

✅ This lecture is part of the [Full-Stack Web Developer Roadmap] series.

  • This lecture is part of the [Web Development Full Stack Course] lecture series, which is designed to train full-stack web developers. It covers the basics of Bootstrap.
  • The Web Development Full Stack Course covers the entire process of full stack web development, from HTML&CSS → Vanilla JavaScript → Bootstrap → Vue.js → Database → Node.js → Portfolio.
  • By completing this full-stack web development course, you'll learn not only the fundamentals of web development, but also practical skills that can be applied immediately in the workplace.
  • Before taking this course, we recommend taking [Web Development Full Stack Course] HTML&CSS → [Web Development Full Stack Course] Vanilla JavaScript in that order.

What is Bootstrap?

Bootstrap logo.svg - Wikimedia Commons

It is an HTML/CSS/JS framework that helps you quickly create responsive web with one code.

Bootstrap is an HTML, CSS, and JS framework that helps you quickly build responsive web designs . With a single code base, you can create web designs optimized for various device sizes, such as smartphones, tablets, and desktops. It also allows for easy implementation based on pre-built components.


Bootstrap, why should you learn it?


Rapid development, consistency, compatibility... If you want to create web pages efficiently!

rapid development

Bootstrap is a front-end framework that helps you quickly build responsive and mobile-first websites. Its built-in CSS styles, components, and JavaScript plugins save you time and effort when developing websites.

Consistency and compatibility

Bootstrap provides a responsive grid system, making it easy to create websites optimized for various screen sizes. This ensures your website displays correctly to users on mobile, tablet, and desktop.

Community Support

Bootstrap boasts a vibrant developer community and well-organized documentation, making it easy to find help when you need it. It also offers a variety of plugins, themes, and examples to enrich your website.

Maintenance

Bootstrap provides a consistent style guide, making your code more maintainable.


Features of this course!

Easy and detailed
Focused on practical application
Even example code!
  • I will teach you the basic grammar and usage of Bootstrap step by step.
  • Let's apply Bootstrap to our web development projects.
  • All example code is available on GitHub .

What do you learn?

VSCode
BootStrap
  • Visual Studio Code is used as the development IDE tool. You will learn about development methods and useful extensions using Visual Studio Code.
  • You will learn about Bootstrap Layout, Contents, Forms, Components, Helpers, Utilities, and Extend .
  • Let's apply Bootstrap to the CRUD screen .
  • We'll teach you how to understand the Bootstrap theme market and use themes to quickly build your web presence.

Creating a Create Screen with Bootstrap

Creating an edit screen with Bootstrap

Check your player knowledge!

  • You should have basic knowledge of HTML.
  • You need to know CSS.
  • You need to know JavaScript
  • Before taking this course, we recommend taking [Web Development Full Stack Course] HTML&CSS → [Web Development Full Stack Course] Vanilla JavaScript.

The person who created this course is
Who could it be?

Developer's Dignity

A 24-year software developer who wants to make a positive impact on the world through software technology.
I love sharing my knowledge and always enjoy learning new skills.

I've worked as a consultant and developer, building ERP systems for over 60 global companies, both domestically and internationally. I also have experience selling software I developed myself to leading companies both domestically and internationally. I'm also the CEO of an IT startup.

Working not only as a developer, but also as a UX consultant and occasionally as a business consultant, I've gained extensive experience in all aspects of application and service development, from planning to development. Now, with over 20 years of practical experience, I'm dedicated to sharing my knowledge with my juniors, with a strong sense of mission to impart truly essential skills and truly relevant knowledge.

Want to know more?

[Web Development Full-Stack Course] Series Collection

Recommended for
these people

Who is this course right for?

  • Anyone who wants to create a responsive web using Bootstrap

  • People who want to experience design systems

Need to know before starting?

  • HTML

  • CSS

  • JavaScript

Hello
This is

10,966

Learners

248

Reviews

152

Answers

4.9

Rating

8

Courses

소프트웨어 기술을 통해 세상에 선한 영향력을 주고 싶은 24년차 소프트웨어 개발자.
지식을 나누는 것을 좋아하고 항상 새로운 기술을 익히는 것을 즐겨요.

국내외 60개가 넘는 글로벌 기업 ERP 시스템을 구축하는 컨설턴트 및 개발자로 활동하였고, 직접 개발한 소프트웨어를 국내는 물론 해외 유수의 기업에 판매를 한 경험 또한 가지고 있어요. IT스타트업 대표이사 이기도 해요.

개발자 뿐만 아니라, UX 컨설턴트로, 때로는 비즈니스 컨설턴트로 일하면서 애플리케이션과 서비스 개발 시 기획에서 개발까지 전과정에 대한 수많은 경험을 쌓았고, 이제는 20년이 넘는 실무 경험을 바탕으로 후배들에게 정말 필요한 기술, 정말 제대로 된 지식을 전달하는 사명감을 갖고 지식 나눔에 일을 하고 있어요.

 

  • (현)주식회사 더그레잇 대표이사
  • (현)주식회사 썬슈어 CTO
  • (현)주식회사 리턴밸류 CTO
  • (현)팬임팩트코리아 유한회사 기술전문위원

 

이메일 - seungwon.go@gmail.com

Curriculum

All

13 lectures ∙ (4hr 52min)

Published: 
Last updated: 

Reviews

All

33 reviews

5.0

33 reviews

  • parrier1777님의 프로필 이미지
    parrier1777

    Reviews 3

    Average Rating 5.0

    5

    62% enrolled

    Well done. Good for a quick overview of the concepts.

    • indie2k7300님의 프로필 이미지
      indie2k7300

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      This was really helpful, thank you.

      • icnit님의 프로필 이미지
        icnit

        Reviews 3

        Average Rating 4.7

        5

        100% enrolled

        Even though it's a free lecture, it's very informative. I was at a loss as to what to do and how to apply it while looking at the bootstrap themes, but now I have a feel for what to do. Thank you.

        • shinechan4661님의 프로필 이미지
          shinechan4661

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          It was easy to understand at once because you explained it so simply!

          • heopoint0077님의 프로필 이미지
            heopoint0077

            Reviews 5

            Average Rating 5.0

            5

            62% enrolled

            Good explanation

            Free

            realprogrammers's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!