Thumbnail
얼리버드 할인 중
NEW
개발 · 프로그래밍 웹 개발

포트폴리오 사이트 만들고 배포까지! : 웹 개발 입문 활용편 대시보드

8명이 수강하고 있어요.

25%

66,000원

88,000원
지식공유자: 짐코딩
총 34개 수업 (4시간)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

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

HTML&CSS, 자바스크립트를 배웠다면 이를 활용하여 직접 포트폴리오 사이트를 만들고 배포해 보세요. 실제로 써 보는 것은 우리의 실력을 향상시키는 데 큰 도움이 될 것입니다.

✍️
이런 걸
배워요!
웹 페이지를 HTML 구조로 나누고 사고 하는 법
HTML 요소를 좌우나 중앙으로 배치하고 정렬하는 법
Class 명명 규칙, CSS 초기화, CSS 변수 실무 사용법
미디어 쿼리를 활용한 반응형 웹 만드는 법
SEO, SNS 공유 미리보기, Github Pages 배포 하는 법

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
HTML 요소 배치와 정렬이 어려우신 분!
나만의 홈페이지를 만들고 싶으신 분!
HTML, CSS, JS까지 배웠지만 활용하는 법을 잘 모르시는 분!
📚
선수 지식,
필요할까요?
HTML
CSS

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

안녕하세요.
코딩 교육 크리에이터 짐코딩 입니다 🙂

유튜브에서 코딩 교육 "짐코딩 GYM CODING"채널을 운영하고 있어요.
그리고 인프런 교육 플랫폼에서 지식을 공유하고 있습니다.

제 강의의 특징은 이제 막 시작하시는 분들을 위하여
설명하고자 할 때는 최대한 쉽게,
알려드리고자 할 때는 최대한 알차게 설명드립니다.

항상 수강생 입장에서 생각하는 코딩 교육 크리에이터가 되겠습니다.
감사합니다.

📨 이메일 bruce.lean17@gmail.com
🏋️‍♀️ 헬스타그램 @helinlee.gram
🧑‍💻 코딩스타그램 @gymcoding

커리큘럼 총 34 개 ˙ 4시간의 수업
이 강의는 영상, 수업 노트가 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 강의소개 & 오리엔테이션
섹션 2. UI 마크업
전체 구조 마크업 미리보기 04:30
Header 마크업 05:19
Home 마크업 : 웹 접근성 향상 08:54
About 마크업 03:21
Skills 마크업 09:19
Work 마크업 06:16
Contact 마크업 02:43
Footer 마크업 02:34
섹션 3. CSS Style
CSS BEM 명명 규칙 미리보기 08:57
CSS 초기화 04:03
인프런 수강후기 이벤트 🎉
CSS 변수 (사용자 지정 속성) 06:44
Header 스타일 16:41
Home 스타일 11:11
Section 공통 & About 스타일 11:15
Skills 스타일 15:35
Work 스타일 04:57
Contact 스타일 03:16
Footer, Floating Button 스타일 09:51
섹션 4. 반응형 웹
Breakpoint, Header 반응형 18:02
반응형 웹 적용 06:34
섹션 5. 자바스크립트, 라이브러리
스크롤시 메뉴 Active 추가 : IntersectionObserver 16:10
애니메이션 적용 : ScrollReveal 07:28
부드러운 스크롤 03:52
텍스트 타이핑 효과 07:30
섹션 6. SEO & Github Pages 배포
SEO, SNS 공유 미리보기 05:51
Github Pages 활용 사이트 배포 07:28
섹션 7. 마무리
축하드립니다 🎉 (꼭 시청해주세요 🔥) 03:05
강의 게시일 : 2024년 05월 14일 (마지막 업데이트일 : 2024년 05월 14일)
수강평
수강생분들이 직접 작성하신 수강평입니다.
아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️