Thumbnail
BEST 개발 · 프로그래밍 웹 개발
[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
(4.7)
22개의 수강평 ∙ 719명의 수강생

무료

지식공유자 : 판다코딩
총 17개 수업˙총 2시간 28분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
내 목록 추가 공유
초급자를 위해 준비한
[웹 개발] 강의입니다.

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

✍️
이런 걸
배워요!
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 웹사이트 만드는 법

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
ToyProject를 접해보고 싶은 사람
본인만의 사이트를 만들어보고 싶은 사람
📚
선수 지식,
필요한가요?
HTML 기초
JavaScript 기초
CSS 기초

안녕하세요
판다코딩 입니다.
판다코딩의 썸네일

건국대학교 지리학과, 컴퓨터공학과, 휴먼ICT융합인재학과로 재학중인 대학생
IT 관련 블로그(https://xd-jaewon.tistory.com/를 운영중 

주요이력 
- 한국대학생IT경영학회 21기 교육기획 팀원
- 한국대학생IT경영학회 22기 부학회장

- 전 주식회사 아이보스 분석팀 (2019)
- 전 주식회사 미라이크 Developer (2020)

- 현 미디어프렌즈 CTO (2021 ~ )

커리큘럼 총 17 개 ˙ 2시간 28분의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Main Page
페이지 레이아웃 미리보기 05:07
부트스트랩이란? 06:34
Main 디자인 12:43
화면 전환하기 12:33
섹션 2. QnA Page
QnA 구현하기 미리보기 14:07
QnA 디자인 07:31
진행 상태 바 구현하기 04:21
섹션 3. Result Page
Result 구현하기(1) 미리보기 05:51
결과 계산하기 10:27
알고리즘 개선하기 07:14
Result 구현하기(2) + Result 디자인 07:44
섹션 4. Share Page
Netlify로 베포하기 미리보기 05:57
카카오톡 공유버튼 구현하기 14:36
섹션 5. 질의응답
사용자 응답 사진으로 구현하기 20:57
강의 게시일 : 2021년 02월 24일 (마지막 업데이트일 : 2021년 03월 13일)
수강평 총 22개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
22개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
친절한 채원씨 thumbnail
좋은 강의 넘 감사해요~ 카카오톡 공유버튼 구현 강의는 강의속도가 넘 빨라서 여러 번 봐야할 것 같지만 😥 궁금했던 부분을 차근차근 설명해주셔서 따라가기 좋았습니다.
2021-04-17
지식공유자판다코딩
감사합니다 :)
2021-04-17
박철순 thumbnail
정말 좋습니다.
2021-04-29
지식공유자판다코딩
감사합니다 :)
2021-05-01
최성근 thumbnail
이렇게 좋은 강의가 무료라니.. 너무나도 잘들었습니다 감사합니다
2021-05-14
지식공유자판다코딩
감사합니다 :)
2021-05-14
matforkman thumbnail
아 여태 궁금한거 다 알려주시네요. 감사합니다.
2021-05-14
지식공유자판다코딩
감사합니다 :)
2021-05-15
hmin4957 thumbnail
ㅇㅁㄴㅇㄻㄴㅇㄻㅇㄴㄹ
2021-04-25
지식공유자판다코딩
감사합니다 :)
2021-04-27

무료

내 목록 추가 공유
지식공유자 : 판다코딩
총 17개 수업˙총 2시간 28분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스