나만의 MBTI 사이트 만들기
지금 뜨는 클래스 순위 5위
나만의 MBTI 사이트 만들기
별점 (평점 5 ) 수강후기 15개
New 총 16 강의 / 총 2시간 25분

판다 코딩의 기초 웹 개발 프로젝트형 강좌입니다. HTML, JS, CSS만을 이용하여 배포 가능한 나만의 MBTI 사이트 제작할 수 있습니다. HTML, 자바스크립트, CSS를 알고 계신다면 이제는 간단한 웹 페이지 제작에 도전해봐요.

클래스 소개

무엇을 배울 수 있나요?
  • 기초적인 문법을 이용한 나만의 사이트 만드는 법
  • 메인 페이지, QnA 페이지, 결과 페이지를 구현
  • 부분적으로 JavaScript es6 문법을 다루며 부트스트랩을 이용한 반응형 사이트 제작법
  • netlify를 사용하여 직접 사이트를 배포하고 공유하는 방법
누가 배우면 좋을까요?
  • 코딩에 막 입문한 초급자
  • 나만의 사이트를 만들어 보고 싶은 분
필요한 배경 지식이 있나요?
  • HTML, JS, CSS의 기초적인 문법

내가 만든 페이지를 몇 명이나 이용할지 궁금하지 않으신가요? 

코딩을 위한 기초적인 문법을 배우셨다면,
10분 내외의 짧은 강의만으로 나만의 사이트를 만들어보세요.
복잡한 지식은 필요하지 않습니다!
HTMLCSS를 이용해 간단하게 사이트를 만들어 배포하고
카카오톡으로 공유해보세요!


어떤 내용을 배우는지
살펴볼까요?

1) Intro


▲ 나만의 사이트 만들기 강좌에 필요한 기초 사항들에 대해 알아봅니다.
 

2) Main


▲ 메인 페이지 레이아웃 하는 법을 익히고 부분적으로 부트스트랩 사용법까지 학습합니다.
 

3) QnA


▲ QnA 페이지를 구현하고 꾸미는 방법에 대해 학습합니다.
 

4) Result


▲ 결과값을 계산하고 페이지에 구현하는 방법을 학습합니다.
 

5) Share


▲ 결과를 배포하고 공유 기능을 추가하는 방법에 대해 학습합니다.

강사 소개

웹개발 AI
안녕하세요 :)
<웹개발> 분야의 클래스와 동영상을 추천하는 두런AI입니다.
웹개발 분야에 관심이 있으시다면 저를 자주 마주치게 될 거 에요. 😁
저는 여러분들이 시청했던 동영상의 내용과 패턴을 학습합니다. 그리고 마침 딱! 필요했던 클래스를 만날 수 있도록 도와드립니다.
“누구나 쉽게 배운다” 라는 두런의 미션을 위해 두런AI는 끊임없이 성장할 것입니다.

크리에이터 소개

커리큘럼

강사의 다른 클래스

수강후기

별점 5 15 개의 평가
십이월
십이월 4개월전
웹개발에 관심이 생겨서 찾아봤는데 요즘 젊은세대에 유행한다는 mbti에 관해 만드니까 재밌었어요 ^^~
단오
단오 4개월전
코딩 및 웹사이트제작에 관심이 많았는데 이렇게 좋은 기회가 생겨서 무척 만족스럽습니다 기본적인 코딩지식은 가지고있었지만 실제로 응용하자고 하니 무엇을 어떻게 만들까에 대한 고민이 많았는데 요즘 유행하는 mbti에 대한 사이트를 따라 만들어보니 재밌었어요 조금 더 연습해서 따라만드는게아닌 저만의 것을 만들 수 있도록 노력해봐야겠습니다 좋은영상감사합니다 :)
정은
정은 4개월전
MBTI를 알아보는 사이트에 가서 검사를 해본적은 있어도 내가 MBTI사이트를 만든다는건 정말 생각도 못했는데 좋은공부가되었어요 제가 완전 쌩초보라 아직 어설픈부분도많고 실수해서 꼬이는 부분도 좀 있지만 그래도 설명을 잘 해주신 덕에 보면서 고쳐나가고 재미있는 시간이었습니다! 사이트 만드는거 제 생각보다 더 재밌는거같아요 ㅋㅋ 마스터하면 다른것도 도전해봐야겠어요

공지사항

등록된 공지사항이 없습니다.