Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

[ Bootstrap 5 ] Create a website quickly and smartly | Bootsrap for beginners

Create and distribute your own portfolio website with Bootstrap 5! The world's most used web design toolkit! Bootstrap 5

(4.9) 7 reviews

65 learners

  • codethem
html
css
bootstrap
부트스트랩
웹페이지
HTML/CSS
Bootstrap

Reviews from Early Learners

What you will learn!

  • From creating to deploying your portfolio website quickly and smartly

  • The world's leading web design toolkit! Learn Bootstrap 5 with practical examples.

  • A total of 2 portfolio websites made with Bootstrap 5

  • Quickly learn core HTML and CSS concepts with 4 basic HTML examples

Create fast and practical websites,
Shall we start together? 😉

Made with bootstrap
My own website ⚒️

Even just learning HTML and CSS requires a significant amount of learning . However, Bootstrap allows us to create high-quality websites quickly and efficiently.

This course is designed for non-majors who want to create their own portfolio website, or for those who want to focus on web programming with a focus on the backend. It focuses on the core HTML and CSS, allowing you to quickly master them and leverage Bootstrap to create a professional portfolio website.

Don't worry if you have no HTML or coding experience! This introductory course is designed for those new to HTML, starting from the very basics and progressing to creating a professional-level website . Create websites quickly and smartly with Bootstrap. Through this course, you'll create your own unique website and share it with the world!

Examples of projects you will create during the course

📢 Please note before taking the class!

  • This course is designed for Windows. Bootstrap 5 is not compatible with Internet Explorer.
  • Source code is provided for two final projects and four basic HTML examples.
  • There are no additional costs when deploying a website, but if you purchase and connect a personal domain, the domain purchase fee may be around 10,000 to 30,000 won per year.
  • Questions beyond the scope of the course will not be answered or additional code provided.

Why Bootstrap? 🤔

Create a website quickly and easily!

Bootstrap is already the most widely used CSS/JavaScript framework among front-end developers worldwide. Simply put, it's a tool that helps you design websites quickly and easily.

Even responsive web design is possible!

We can now access web browsers not only through computers, tablets, and smartphones, but also through home appliances like cars, TVs, and refrigerators. As such, we access websites through devices of various sizes. Responsive web design is a method of automatically adjusting the screen layout based on the size of the web browser, regardless of the device. Creating this kind of responsive web design using CSS alone is no easy task. However, using Bootstrap, you can create a responsive web design very simply and quickly!


I recommend this to these people 🙋‍♀️

I want to create a website,
The amount of learning is so vast!

To bring it up to intermediate level
It takes a long time.

Make your website fast and practical
I'm curious about how to make it.

Codedom pursues practical learning! Stop getting lost in the vast array of concepts and theories. Learn quickly through hands-on, real-world projects! With countless new technologies emerging every day, the need for fast, smart learning is paramount. Quickly master the essentials of theory and jump right into creating practical projects! We hope this course will blur the lines between learning and real-world practice, bringing your dreams a step closer to reality!


Projects to create together 📚

The projects we will create together in this course are broadly divided into three areas.

This course will walk you through four examples covering core HTML and CSS concepts, along with two final websites built with Bootstrap 5. We'll also show you how to distribute the completed websites for free via GitHub. By the end of this course, you'll have your own portfolio website, fully customized and personalized!

Bootstrap 5 Project 1

Watch this video to learn Bootstrap and see your first portfolio website!

Bootstrap 5 Project 2

This is the final portfolio website we'll build after building the foundation of Bootstrap. This second project will feature an image slider, sidebar layout, tab and accordion features, and even incorporate Google Maps and form design.


Expected Questions Q&A 💬

Q. I'm new to HTML. Can I follow along without any prior knowledge?

Yes. It includes explanations of basic concepts and basic example projects, so even those new to HTML and CSS can easily follow along.

Q. Are there any additional costs when deploying a website?

This course will show you how to distribute your final portfolio website for free through GitHub. Therefore, there are no additional costs. However, if you wish to connect your website with a personal domain, you will incur a domain purchase fee. This typically costs between 10,000 and 30,000 won per year. This course will cover both free distribution through GitHub and connecting your personal domain.

Q. Are there any notes regarding course registration?

This course requires the Chrome browser and the VS Code editor. Installation instructions will be provided during the lecture. The Bootstrap version you'll learn in this course is version 5, which is no longer compatible with Internet Explorer. While Internet Explorer's official support has ended, there may still be cases where compatibility with Internet Explorer is required. In such cases, you can downgrade your Bootstrap version to version 4 or lower.


Introducing the Knowledge Sharer ✒️

Hello. This is Codedom.

I currently run the Codedom YouTube channel, sharing a variety of content to help even non-technical professionals easily access coding. Now is the time for everyone, regardless of major or field, to learn coding. Coding is a wonderful tool that integrates learning into our daily lives. I hope that through coding, the boundaries between learning and real-life situations will be blurred, bringing our ideas and dreams a little closer to reality. 


Recommended for
these people

Who is this course right for?

  • For those who want to create a website quickly and efficiently

  • Those who seek practical learning through real-world projects rather than extensive theories

  • For those who want to quickly learn HTML and CSS and move on to backend web programming.

  • For non-majors who are new to HTML

Hello
This is

153

Learners

12

Reviews

7

Answers

4.8

Rating

3

Courses

우리가 살아가며 경험하고 있는 이 세상!
그 성장의 속도를 따라 잡기 힘들 정도로 매일매일이 너무나도 새롭습니다.
이렇게 빠르게 변화하는 세상 속에서, "배움"과 "성장"이라는 이 두 키워드는 그 어느 때보다도 더 중요해졌습니다.

변화하는 세상 속에는 언제나 기회가 넘쳐 흐릅니다.
하지만, 그 기회는 오직 배우고 성장하는 이들에게만 열립니다.
저도 여러분도, 미래를 준비하고 배워나가며, 함께 성장해 나갈 수 있기를 바랍니다. 

Curriculum

All

98 lectures ∙ (14hr 6min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

7 reviews

4.9

7 reviews

  • youllaa74634님의 프로필 이미지
    youllaa74634

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    Đó là một bài giảng thực sự hữu ích cho việc tạo ra một trang web.

    • codethem
      Instructor

      Cảm ơn bạn đã xem xét có giá trị của bạn. Tôi hy vọng bài giảng này sẽ là nền tảng vững chắc để chuyển sang bước tiếp theo. Cảm ơn bạn đã tham gia cùng chúng tôi và chúng tôi hy vọng bạn sẽ có khoảng thời gian làm tăng thêm giá trị và ý nghĩa cho cuộc sống của mình vào mọi thời điểm!

  • epictedkim7436님의 프로필 이미지
    epictedkim7436

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    Cảm ơn bạn vì bài giảng tuyệt vời.

    • codethem
      Instructor

      Cảm ơn bạn rất nhiều vì đã dành thời gian quý báu của bạn với chúng tôi. Tôi chân thành hy vọng rằng bài giảng này đã tạo ra một trang chủ tuyệt vời. Chúng tôi hy vọng sẽ xây dựng được trên nền tảng vững chắc được thiết lập vào năm 2023 và có một bước nhảy vọt lớn vào năm 2024. Cảm ơn

  • cbi1113159님의 프로필 이미지
    cbi1113159

    Reviews 12

    Average Rating 4.2

    5

    44% enrolled

    Các bài giảng chi tiết và nhẹ nhàng rất hữu ích cho việc hiểu bài. Mời các bạn theo dõi bài giảng tiếp theo.

    • codethem
      Instructor

      Hãy dành thời gian quý giá bên nhau, Cảm ơn bạn rất nhiều vì đã xem giá trị của bạn ~ ^^ Nếu có cơ hội, rất mong được gặp lại các bạn ở bài giảng tiếp theo! Tôi hy vọng bạn sẽ có một bước tiến vượt bậc vào năm 2023 ~ 😊

  • gudejrdl1026381님의 프로필 이미지
    gudejrdl1026381

    Reviews 3

    Average Rating 3.7

    5

    100% enrolled

    Đó là một bài giảng với những lời giải thích thân thiện và nền tảng tốt.

    • codethem
      Instructor

      Cảm ơn bạn rất nhiều vì đã dành thời gian quý báu của bạn với chúng tôi! Tôi hy vọng bạn sẽ đạt được bước nhảy vọt lớn vào năm 2023! 😊

  • kyungholee5904님의 프로필 이미지
    kyungholee5904

    Reviews 3

    Average Rating 3.7

    5

    100% enrolled

    $68.20

    codethem's other courses

    Check out other courses by the instructor!

    Similar courses

    Explore other courses in the same field!