강의

멘토링

커뮤니티

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,649 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

11,041

Learners

256

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

  • parrier님의 프로필 이미지
    parrier

    Reviews 3

    Average Rating 5.0

    5

    62% enrolled

    잘 봤습니다. 가볍게 개념을 훑어보기에 좋습니다.

    • indie2k님의 프로필 이미지
      indie2k

      Reviews 3

      Average Rating 5.0

      5

      100% enrolled

      정말 도움이 많이 되었습니다. 감사합니다.

      • IC&IT님의 프로필 이미지
        IC&IT

        Reviews 3

        Average Rating 4.7

        5

        100% enrolled

        무료강의임에도 불구하고 매우 알찹니다 부트스트랩 테마 보면서 뭘 어떻게 적용해야하나 막막했는데 뭘 해야할지 감이 잡히고 있습니다 감사합니다.

        • 만족한 문어님의 프로필 이미지
          만족한 문어

          Reviews 2

          Average Rating 5.0

          5

          100% enrolled

          쉽게 설명해주셔서 한번에 이해하기 쉬웠습니다!

          • heopoint님의 프로필 이미지
            heopoint

            Reviews 5

            Average Rating 5.0

            5

            62% enrolled

            설명이 좋네요

            Free

            realprogrammers's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!