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

/

Front-end

Yoon Jae-seong's Bootstrap 4 & 3 Framework Tutorial

You can develop web application Front End through HTML5 web framework library and CSS classes for Bootstrap 4.

(4.8) 12 reviews

241 learners

Bootstrap

Reviews from Early Learners

What you will learn!

  • Basic concepts of bootstrap

  • Responsive web layout using grid system

  • How to use various UI elements of Bootstrap

  • Styling forms and input elements

  • Implement advanced UI elements such as modals, tooltips, and popovers

Bootstrap 4 & 3 Framework Tutorial

Bootstrap, created for Twitter service development, is the most widely used HTML5 web framework library today. It is designed to easily use various UI elements such as top menus, buttons, and carousels, and developers can easily develop web application front ends by appropriately placing tags and applying the provided CSS classes.

Using only basic UI elements, you can develop stunning web applications. Built entirely with CSS and jQuery, it's easy to modify and extend. This course focuses on the latest version, Bootstrap 4, but it also covers version 3, which remains widely used today. Since some projects may use version 3, we've covered both versions.

Learning Objectives

  • After completing this course, you will be able to easily do front-end development right away.
  • You can develop amazing web applications with just a little bit of programming.

Helpful people

  • Anyone interested in web application front-end development, including college students, the general public, and developers, is eligible.

Things to learn

Jumbotron
Makes the specified area into a rectangular area.
Flex Bootstrap allows you to use flex elements to create various layouts for div tags.

Note

  • This course is a front-end web framework course, and requires learning HTML5, CSS3, JavaScript, and jQuery.
  • Although jQuery code doesn't appear a lot, it is used occasionally, so you should know the basic selector syntax.

Introduction of knowledge sharers

Yoon Jae-seong
From the early days of mobile content development in Korea's IT industry, I have developed and lectured on various applications, including Android and iPhone apps. I currently serve as the Director of Development at Softcampus Inc.

Development experience
SKT launches "Island Adventure" mobile content development
- KT launches mobile content development for "Quiz Soccer"
SK launches "Mobile Certified Broker"
- Development of the iPhone "Hanjatong" app
- iPhone "Health Training" app development
- KT/SK Dales of Commons content development
- Development of KT mini games (Gradually Grabbing Land, Aladdin's Magic Lamp, Mystery Block Detectives, BUZZ and BUZZ)

Teaching experience
We have been developing and providing lectures for 18 years to current and unemployed people from famous domestic companies such as Samsung Multicampus, Busan IT Industry Promotion Agency, Jeonju Information and Culture Industry Promotion Agency, Incheon IT Industry Promotion Agency, Korea Radio Promotion Agency, SK C&C, T Academy, Korea Robot Industry Promotion Agency, Daejeon ETRI, Samsung Electronics, NICA Training Center, Korea Productivity Center, and Hanwha S&C.

Lecture content
- Start Google Angular.js (Angular) Course
- Bootstrap 4 & 3 Framework Tutorial
- JavaScript Tutorials for Beginners
- jQuery Programming for Beginners
- CSS & CSS3 for Beginners
- HTML & HTML5 Tutorials for Beginners
- node.js server Tutorials (Node.js server programming course)
- Kotlin for Android: Beginner one step
- Kotlin for Android: Deepening Course, Level 2
- Kotlin for Android: Advanced 3-Step Course (Kotlin for Android: 3-Step Final Course)
- Oracle SQL Database 11g PL/SQL Developer (Oracle Database 11G)
- MySQL Database for Beginners
- C Programming for Beginners
- Kotlin, Google's official development language for beginners
- Python for beginners

Lectures cover a range of topics , including Java, Android, Framework, Databases, UML, iPhone, Big Data Processing and Analysis, Python, the Internet of Things, Data Analysis with R/Python, Deep Learning, Machine Learning, AI, and Spark. Drawing on my diverse experience, I offer hands-on, practical examples and explanations to help you understand the concepts. Since this is not an offline course, please use the Q&A for any questions you may have. I'll be happy to help.

Recommended for
these people

Who is this course right for?

  • Beginner in web development

  • Anyone interested in responsive web design

  • Developers who want to proceed with a project using Bootstrap

  • Anyone who wants to design web interfaces efficiently

Hello
This is

15,361

Learners

768

Reviews

589

Answers

4.7

Rating

38

Courses

Curriculum

All

35 lectures ∙ (9hr 46min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

12 reviews

4.8

12 reviews

  • hello님의 프로필 이미지
    hello

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    • justhenryshin님의 프로필 이미지
      justhenryshin

      Reviews 2

      Average Rating 5.0

      5

      100% enrolled

      Bootstrap을 전체적으로 이해하는데 큰 도움이 되었습니다. 좋은 강의 감사합니다. 다만, 이클립스 프로젝트를 매번 새로 생성하지 않고, 한개의 프로젝트 안에서, 각 강의별로 폴더를 추가하는 방법으로 진행 했으면 더 진행이 쉽지 않았을까 제안 드립니다. 수업 잘 들었습니다.

      • 김지승님의 프로필 이미지
        김지승

        Reviews 8

        Average Rating 5.0

        5

        100% enrolled

        좋은강의 추천합니다!!

        • 김용환님의 프로필 이미지
          김용환

          Reviews 3

          Average Rating 5.0

          5

          100% enrolled

          Bootstrap 강의 잘봤습니다. 감사합니다.

          • gangsugi님의 프로필 이미지
            gangsugi

            Reviews 21

            Average Rating 5.0

            5

            100% enrolled

            부트3을 주로 하다가 이번 강의를 통해 4로 업그레이드 했습니다. 차분하게 잘 알려주셔서 좋은 강의였고, 많은 도움이 되었습니다.

            $8.80

            softcampus's other courses

            Check out other courses by the instructor!

            Similar courses

            Explore other courses in the same field!