강의

멘토링

로드맵

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

66 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

163

Learners

13

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

  • 유태연님의 프로필 이미지
    유태연

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    홈페이지 만드는데 정말 유익한 강의였습니다.

    • 코드덤
      Instructor

      가치있게 봐주셔서 감사합니다. 본 강의가 다음 단계로 나아갈 탄탄한 발판이 되었기를 바랍니다. 함께 해 주셔서 감사드리며, 매 순간, 매 순간 삶의 가치와 의미를 더하는 시간이 되시길 응원합니다!

  • 김태우님의 프로필 이미지
    김태우

    Reviews 5

    Average Rating 5.0

    5

    100% enrolled

    좋은 강의 감사합니다.

    • 코드덤
      Instructor

      소중한 시간을 함께 해 주셔서 너무 감사드립니다. 본 강의를 통해 멋진 홈페이지가 탄생되었기를 진심으로 바랍니다. 2023년 동안 탄탄히 다진 발판을 딛고, 2024년 크게 도약하시기를 바라겠습니다. 감사합니다.

  • major님의 프로필 이미지
    major

    Reviews 14

    Average Rating 4.3

    5

    44% enrolled

    상세하게 차분히 강의하셔서 이해하는데 큰 도움이 됩니다 다음강의도 부탁드립니다

    • 코드덤
      Instructor

      소중한 시간을 함께 해 주시고, 또 가치있게 봐 주셔서 너무나 감사드립니다~^^ 기회가 된다면 다음 강의로 다시 뵐 수 있기를 바랍니다! 크게 도약하는 2023년 되시기 바랍니다~😊

  • 놀란 팬더님의 프로필 이미지
    놀란 팬더

    Reviews 3

    Average Rating 3.7

    5

    100% enrolled

    친절한 설명에 기초가 잘 잡히는 강의였습니다.

    • 코드덤
      Instructor

      소중한 시간을 함께 해 주셔서 진심으로 감사드립니다! 크게 도약하는 2023년 만들어 나가시길 바랍니다! 😊

  • 이경호님의 프로필 이미지
    이경호

    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!