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

무료

지식공유자 : 판다코딩
총 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일)
수강평 총 30개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.7
30개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
히보기 thumbnail
너무 내용이 좋아요
2021-05-29
지식공유자판다코딩
감사합니다 :)
2021-05-30
Yejin Kim thumbnail
생일이벤트로 재밌게 만들어보았네요 :)
2021-06-11
지식공유자판다코딩
감사합니다 :)
2021-06-11
ryan G thumbnail
초급자라서 여기저기 유료, 무료 강의를 수강했지만 판다코딩님 강의처럼 진짜 "뭔가 배웠구나!"하는 강의는 처음이었습니다~ 좋은 강의 만들어 주셔서 정말 감사합니다!!
2021-06-15
지식공유자판다코딩
감사합니다 :)
2021-06-21
뱁새 thumbnail
좋은 강의 정말 감사합니다!! js도 모르고 html과 css만 조금 아는 상태에서 토이프로젝트를 해보고 싶어서 듣기 시작했는데, 저는 이해가 느리고 머리, 손 다 느려서 무언가를 완성하려면 정말 오래걸려서 끝을 못 내곤 했는데요ㅠㅠ(하다가 못하는 자신에게 치이고,, 흘러가는 시간에 치이고,,) 처음으로 비교적 짧은 시간에 프로젝트를 완성할 수 있었어요 정말 감사드립니다! ------------------------------------------------------------ 사용자 응답을 저장하면 좋겠다고 생각했는데 마침 강의로 내주신다니 기대중입니다ㅎㅎ 감사합니다!
2021-05-31
지식공유자판다코딩
감사합니다 :) 혹시 또 원하시는 ToyProject가 있으실까요? 다음 강의를 기획 중인데 십분 반영하겠습니다!
2021-05-31
katastrophe thumbnail
html css 입문하기에 좋아요
2021-05-29
지식공유자판다코딩
감사합니다 :)
2021-05-30

무료

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