인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
개발 · 프로그래밍

/

프론트엔드

[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기

HTML / JS / CSS 만을 가지고 직접 심리 테스트 사이트를 만들고, 배포해보는 Project 사이트를 제작합니다.

(4.8) 수강평 137개

수강생 5,208명

Thumbnail

초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

이런 걸
배워요!

  • HTML / JS / CSS 를 사용하는 ToyProject

  • 사이트를 직접 만들고 무료로 배포하는 법

하루 10분으로 배우는, 웹 프로그래밍.

HTML / JS / CSS

만을 가지고 나만의 MBTI 사이트를 만들어 보자!

1. 강좌 소개 

HTML / JS / CSS를 이용하여 본인만의 MBTI 테스트 사이트를 제작하고, 배포하는 프로젝트형 강의입니다.

각 언어에 대한 기초적인 지식이 있으신 것을 가정하고 강의가 진행됩니다.

 

! 어느정도로 HTML / JS / CSS를 알아야 하나요?

  • HTML : 기초 태그 사용법
  • JS / CSS : ~ CSS선택자

 

정말 기초적인 내용만을 아셔도 충분하며, 기초를 벗어난 부분은 이론 설명을 첨부 할 예정입니다.

2. 강좌 특징 

부분적으로 JavaScript es6 문법을 다룹니다.

BootStrap을 사용하여 반응형 웹사이트를 제작합니다.

netlify를 사용하여 직접 사이트를 배포합니다.

3. 배우는 것들

  • HTML / JS / CSS 를 사용한 ToyProject
  • 배포가능한 나만의 MBTI 웹사이트 만드는 법

4. Special Thanks to

강의를 제작하며 많은 참고를 한 사이트를 소개해드리려고 합니다.

*. 내 사이트에 방문한 사용자의 데이터를 저장, 보여주고 싶어요!

본 강의에서는 서버와 DataBase를 다루지 않기에,

해당 기능을 도입할 수 없습니다.

이 강의에서 해당되는 내용을 다루었습니다 :)

 

 

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • ToyProject를 접해보고 싶은 사람

  • 본인만의 사이트를 만들어보고 싶은 사람

선수 지식,
필요할까요?

  • HTML 기초

  • JavaScript 기초

  • CSS 기초

안녕하세요
판다코딩입니다.

수강생 수

20,244

수강평 수

493

강의 평점

4.8

강의 수

6

문의 : nani6765@gmail.com

커리큘럼

전체

18개 ∙ (2시간 37분)

  • 부트스트랩이란?

    06:34

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!