강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

[10 minutes a day | Web Project] Create your own psychological test site with HTML/JS/CSS

We create a project site to create and distribute a psychological test site using only HTML/JS/CSS.

(4.8) 141 reviews

5,365 learners

  • pandacoding
HTML/CSS
JavaScript
Bootstrap
Thumbnail

Reviews from Early Learners

What you will learn!

  • ToyProject using HTML/JS/CSS

  • How to create your own site and distribute it for free

Learn web programming in 10 minutes a day .

HTML / JS / CSS

Let's create your own MBTI site with just this!

1. Course Introduction

This is a project-based course where you will create and distribute your own MBTI test site using HTML/JS/CSS.

The course assumes basic knowledge of each language.

! How much HTML/JS/CSS do I need to know?

  • HTML: How to Use Basic Tags
  • JS / CSS: ~ CSS selectors

It is sufficient to know only the very basics, and I will attach theoretical explanations for parts that go beyond the basics.

2. Course Features

Partially covers JavaScript ES6 syntax.

Build a responsive website using BootStrap.

Deploy your site directly using netlify.

3. Things to learn

  • ToyProject using HTML/JS/CSS
  • How to Create Your Own Distributable MBTI Website

4. Special Thanks to

I would like to introduce you to a website that I used as a reference while preparing the lecture.

*. I want to store and display data of users who visited my site!

Since this lecture does not cover servers and databases,

The feature cannot be introduced.

This lecture covered the relevant content :)

Recommended for
these people

Who is this course right for?

  • People who want to get in touch with ToyProject

  • People who want to create their own site

Need to know before starting?

  • HTML Basics

  • JavaScript Basics

  • CSS Basics

Hello
This is

22,195

Learners

554

Reviews

268

Answers

4.8

Rating

6

Courses

문의 : nani6765@gmail.com

Curriculum

All

18 lectures ∙ (2hr 37min)

Published: 
Last updated: 

Reviews

All

141 reviews

4.8

141 reviews

  • bella8392님의 프로필 이미지
    bella8392

    Reviews 2

    Average Rating 5.0

    5

    100% enrolled

    오, 저는 너무 만족스러워요 이런 강의를 무료로 들을 수 있어서 정말 좋습니다. 유료강의임에도 이만큼 재밌게 가르쳐주고 디테일하게 설명해주는 강의가 많지 않거든요. 저는 유료강의였어도 돈을 지불하고 들었을 것 같아요. 간만에 즐겁게 강의 들으면서 공부할 수 있었습니다. 감사합니다.

    • 판다코딩
      Instructor

      감사합니다 :)

  • thehrto12님의 프로필 이미지
    thehrto12

    Reviews 1

    Average Rating 5.0

    5

    67% enrolled

    알찬 기본기 강의였습니다~

  • rainbowblade님의 프로필 이미지
    rainbowblade

    Reviews 11

    Average Rating 5.0

    5

    83% enrolled

    엄청 고급 스킬을 초보자도 알아듣기 쉽게 설명 너무 잘해주십니다. 감사합니다.

  • indie2k님의 프로필 이미지
    indie2k

    Reviews 3

    Average Rating 5.0

    5

    100% enrolled

    꼭 필요한 요소들만 짧은 시간에 알차게 배운 것 같습니다. 입문 강의로 들었는데 앞으로 여기에 살을 붙여나가면서 공부하겠습니다. 감사합니다.

  • 우동완님의 프로필 이미지
    우동완

    Reviews 7

    Average Rating 5.0

    5

    100% enrolled

    사이트 제작해보는데 많은 도움이될거같습니다.

Free

pandacoding's other courses

Check out other courses by the instructor!

Similar courses

Explore other courses in the same field!