스파르타코딩클럽 - 웹 퍼블리싱, 5주 만에 왕초보 탈출!

웹 퍼블리싱 정복반 7기

# 왕초보
# 웹퍼블리싱
# 클론코딩
수강기간
5주 : 09월 27일(월) ~ 10월 31일(일)
+ 추가 복습기간 5주
clock

1차 얼리버드 할인 마감까지 5자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

  • check icon웹개발 종합반 수료하신 분 대환영!
  • check icon웹사이트 클론코딩을 통해 프론트엔드 개발능력 폭풍 성장
  • check icon배포까지 진행해 포트폴리오 완성!
# 왕초보
# 웹퍼블리싱
# 클론코딩

웹 퍼블리싱 정복반 7기

수강기간
5주 : 09월 27일(월) ~ 10월 31일(일)
+ 추가 복습기간 5주
clock

1차 얼리버드 할인 마감까지 5자리 남음
다시 오지 않는 최저가, 바로 지금이에요! 🙈

  • check icon웹개발 종합반 수료하신 분 대환영!
  • check icon웹사이트 클론코딩을 통해 프론트엔드 개발능력 폭풍 성장
  • check icon배포까지 진행해 포트폴리오 완성!

왕초보를 위한 웹 퍼블리싱 강의를 재정의합니다.

상상하는 웹사이트의 모습을 직접 그려보고 싶지 않으셨나요? HTML, CSS, Javascript의 핵심원리만 뽑아서 현재 서비스 중인 웹사이트의 핵심 컴포넌트들을 함께 구현해봅시다.

왕초보도 프론트엔드 코딩만으로도 나만의 웹사이트를 만들고, 배포까지 경험할 수 있습니다. 결과물을 포트폴리오에 당당히 추가해보세요!

미래 모습

이 수업을 듣고 나면,
이렇게 될 거예요!

1
스스로 코드를 작성하고 리뷰할 수 있는 사람
2
타인의 코드를 보고 이해할 수 있는 사람
3
커머스나 검색엔진 웹사이트 제작을 손쉽게 진행할 수 있는 사람

튜터소개

임흥선 튜터

딜리헙 프론트앤드 개발자
전 LGU+ 프론트앤드 개발자/선임연구원
전 카닥 프론트앤드 개발자
전 이큐브랩 개발자
임흥선

안녕하세요,
웹 퍼블리싱 정복반의 튜터 임흥선입니다

웹사이트의 얼굴, 프론트엔드

하루에도 수십번씩 보게되는 수많은 웹사이트, 나라면 이렇게 만들어 볼텐데 상상해보신 적 있나요? 하지만 HTML/CSS 등 기초적인 프론트엔드 개념을 익혔다고 한들, 어디서부터 어떻게 코드를 써내려갈지 막막한 마음이 드는 것이 사실입니다.

5주만에 완성하는 클론코딩 프로젝트

'웹 퍼블리싱 정복반'은 웹개발에 대한 기초 지식은 있지만 조금 더 웹 퍼블리싱에 관심있는 분들을 대상으로 실제 웹서비스에서 사용되는 다양한 컴포넌트들을 똑같이 구현해보는 수업입니다. 프론트엔드 코드에 대한 이해를 높이고, 직접 나만의 코드를 작성할 수 있는 능력을 키우세요. 백엔드 지식 없이도 손쉽게 배포해서 포트폴리오에 추가하는 방법까지 모두 알려드릴게요!

추천

이런 분들에게 추천합니다!

기초 HTML/CSS를 학습하고 다음 단계가 궁금하신 분
미모지
상상하는 웹사이트의 모습을 직접 그리고 싶은 1인 개발자/디자이너
미모지
실제 현업에서 활용되는 프론트엔드 코드를 체험하고 싶은 분
미모지
외주개발/서비스를 통해 개발한 웹사이트의 프론트엔드를 직접 고치고 싶은 분
미모지

차별점

코딩, 온라인에서도
제대로 배울 수 있을까?

1
담당 튜터가 도와주는-
arrow
즉문즉답 Q&ALive
사소한 에러는 스파르타가 해결해드릴게요.
문제해결의 본질, 코딩의 즐거움에만 집중하세요.
즉문즉답 즉문즉답
2
다른 동기들, 튜티들과 교류하는-
arrow
챌린지와 보상
기수별 대시보드를 통해 서로의 진도를 확인하고,
미션을 달성한 후 보상을 받으세요.
챌린지와 보상 챌린지와 보상
3
담당 매니저의 케어와 격려를 받는-
arrow
찐한 관리
내가 약속한 날 수업을 들을 수 있도록 챙겨주는 카톡과,
담당 매니저의 다정한 전화로 초심을 챙겨드려요.
찐한관리 찐한관리

수강료

하루 2,000원으로 5주 만에 코딩 왕초보 탈출!

수강기간
5주 : 09월 27일(월) ~ 10월 31일(일)
+ 추가 복습기간 5주
정가
500,000원
1차 얼리버드 할인가
390,000원
비밀의 상점 할인가
30,000원
6개월 할부
22% 월 65,000원
  • check icon완주시 5만 포인트 환급
  • check icon완주 수료증 지급
  • check icon평생소장 강의자료
  • check icon복습 기간 제공
  • check icon핵심 콕콕 요약 자료까지!

후기

먼저 등록한 동료들의 후기

※수강 결과는 개인마다 차이가 있을 수 있습니다.

커리큘럼

르탄이
NERO

상세 커리큘럼

play52강 clock6시간 7분
전체열기
0주
수업을 듣기 위한 사전 준비하기
play3강 clock7분
1
더 유익한 수강을 위한 스파르타 수강환경 사용법을 알 수 있습니다.
2
즉문즉답이 진행되는 슬랙(Slack)을 함께 설치하고, 사용법을 익혀봅니다.
1
수강환경 튜토리얼
2
슬랙&즉문즉답 튜토리얼
3
개발일지 튜토리얼
homework
숙제 : 0주차 사전 과제
1주
웹 퍼블리싱을 위한 기본 개념 이해하기
play9강 clock1시간 5분
1
브라우저에 따른 개발자도구(F12) 사용법에 대해 알아봅니다.
2
반응형 웹을 위한 미디어 쿼리의 개념에 대해 알아봅니다.
3
제이쿼리를 배우고, 간단한 예제를 통해 실습해봅니다.
1
1주차 오늘 배울 것
2
준비하기
3
HTML, CSS 기본 내용
4
HTML, CSS 실습하기
5
Javascript/jQuery 기본과 실습
6
CSS 트랜지션(애니메이션) 개념과 실습
7
CSS 미디어 쿼리 기본 내용
8
개발자 도구 기본 내용
9
1주차 끝 숙제 설명
homework
숙제 : 네이버 클론코딩을 위한 재료 수집하기
2주
웹 퍼블리싱을 위한 기본 개념 이해하기
play9강 clock1시간 30분
1
퍼블리싱 하기 전, 전체적으로 구조를 함께 확인해봅니다.
2
네이버 검색창을 직접 구현해봅니다.
3
제이쿼리를 사용해 최근 검색어가 토글되는 영역을 만들어봅니다.
4
vertical swiper를 이용한 네비게이션 바를 직접 구현해봅니다.
1
실습 준비하기
2
검색창 + GNB 구조 살펴보기
3
폼 태그 기본과 실습
4
네이버 검색창 만들기 - 구조 설계
5
네이버 검색창 만들기 - 스타일링
6
네이버 GNB 만들기 - 구조 설계
7
네이버 GNB 만들기 - 스타일링
8
네이버 GNB 만들기 - 스크립트
9
2주차 끝 & 숙제 설명
homework
숙제 : 네이버 최근 검색어 내역을 직접 만들어보기
3주
반복되는 요소 및 동적 데이터를 고려한 코딩하기
play12강 clock1시간 17분
1
로그인 영역을 직접 구현해봅니다.
2
horizon swiper를 이용한 증시/환율 정보 섹션을 직접 구현해봅니다.
3
쇼핑 섹션 중 쇼핑 탭을 직접 구현해봅니다.
1
실습 준비하기
2
로그인창 만들기 - 구조 설계
3
로그인창 만들기 - 스타일링
4
Swiper.js 살펴보기
5
가로 슬라이더 만들기 - 구조 설계
6
가로 슬라이더 만들기 - 스타일링
7
가로 슬라이더 만들기 - 기능 구현
8
탭 구조에 대한 개념잡기
9
트랜드쇼핑 만들기 - 구조 설계
10
트랜드쇼핑 만들기 - 스타일링
11
트랜드쇼핑 만들기 - 기능 구현
12
3주차 끝 & 숙제 설명
homework
숙제 : 로그인 영역을 완성하고, 쇼핑 섹션의 나머지 요소를 직접 만들어보기
4주
복합적인 탭 구조 섹션을 만들고, 기능 부여하기
play10강 clock53분
1
뉴스를 모아볼 수 있는 섹션을 만들어봅니다.
2
복합적인 탭 구조를 직접 구현해봅니다.
3
클래스 등의 스타일 문법을 좀 더 간결하게 작성해봅니다.
1
실습 준비하기
2
탭 중첩 구조 이해하기
3
뉴스스탠드 만들기 - 구조 설계
4
뉴스스탠드 만들기 - 스타일링
5
뉴스스탠드 만들기 - 기능 구현
6
네이버 첫 화면 실습을 마치며
7
반응형(responsive) 웹 이해하기
8
반응형 로그인창 만들기 - 구조 설계
9
반응형 로그인창 만들기 - 스타일링
10
4주차 끝 & 숙제 설명
homework
숙제 : 콘텐츠 모아볼 수 있는 영역 만들기, Git 계정 생성해오기
5주
Github에 배포하고, 서비스 공유하기
play9강 clock1시간 12분
1
메타 관련 태그를 작성해봅니다.
2
Github 사용법에 대해 간단히 익혀봅니다. (소스트리)
3
Github를 이용해 수업에서 만든 결과물을 배포(github page)하고, 주변에 공유해봅니다.
1
실습 준비하기
2
깃헙(GitHub) 기본 개념
3
저장소(Repository) 만들기
4
저장소 클론(Clone) 하기
5
완성된 네이버 첫 화면 만들기 - 1
6
완성된 네이버 첫 화면 만들기 - 2
7
완성된 네이버 첫 화면 만들기 - 3
8
저장소에 코드 커밋과 푸시하기
9
5주차 수업을 마치며
homework
숙제 : 배포한 결과물 링크 제출하기

FAQ

자주 묻는 질문

정말 왕초보도 수강할 수 있나요?

스파르타 누적 수강생 84,709분과 함께 하면서 어떻게 하면 조금 더 쉽게, 잘 가르칠 수 있을지 끊임없이 고민하고 강의 내용을 발전시켜왔습니다. 왕초보도 이해하는 강의 내용과 더불어, 즉문즉답을 통해 어려움을 겪는 지점을 튜터와 함께 바로바로 해결하실 수 있습니다.

즉문즉답 Q&A는 어떻게 이루어지나요?

토요일과 일요일 오후에 슬랙(Slack)을 통해 질문하실 경우, 튜터가 즉시 답변을 드립니다.

일주일에 얼마나 시간을 써야 하나요?

매주 수강에 2시간 반, 복습하며 소화하는 시간 2시간 반씩 할당하여 최대 5시간이면 따라오실 수 있도록 준비하였습니다.

완주시 환급은 어떤 기준으로 받게 되나요?

수강기간 내에 마지막 숙제제출까지 완료한 경우 환급을 받으실 수 있습니다. 환급조건 달성 후 자동으로 5만포인트가 지급되며, 바로 사용하실 수 있습니다.

해외에서도 수강할 수 있나요?

해외에서도 인터넷 연결만 된다면 언제 어디서든 아무 문제 없이 수강하실 수 있습니다.

학습에 필요한 노트북 사양은 무엇인가요?

윈도우의 경우 7 또는 10 (64비트), 맥의 경우 OS X 10.10 요세미티 이상을 권장드립니다.

더 많은 FAQ