HTML/CSS

학습개요
학습대상
학습목표
커리큘럼
신청정보

HTML/CSS

css, Heading, html

시작일

매주 2019년 10월 16일

진행일시

매주

모집현황

data-product-id="11739" data-recruit-progress="0" data-activity-progress="0"

진행장소

캠퍼스

학습대상

내 예상 결과물

현실 결과물

위 상황을 이미 경험해 보신 분

혹은

경험해 볼 용기가 있으신 분 누구나

과목난이도

쉬움 (1단계) ~ 어려움(5단계)

학습목표

- 알면서도 헷갈리는 HTML/CSS 를 함께 공부해봅니다.
- Flex, Grids 등 디스플레이 방식을 자세히 파헤쳐봅니다.
- 레퍼런스 및 Tip들을 함께 이야기해봅니다.
- 접근성에 대해서도 이야기해봅니다.

운영방식

① 다 같이 모여 주차에 해당하는 내용(이론)을 공부합니다.
② 이론 후 실습(코딩)을 통해 스킬을 몸에 익힙니다.
③ 실습을 하며 이해되지 않았던 부분, 몰랐던 부분 등을 함께 이야기 해봅니다.
④ 언제든지 궁금한 것이 있다면 slack으로 소통합니다.
⑤ 공부하면서 찾아보았던 좋은 자료 및 꿀팁들은 공유하여 같이 보고 함께 성장합니다.

                              🎈🎈  ☁️
                             🎈🎈🎈
                     ☁️     🎈🎈🎈🎈
                            🎈🎈🎈🎈
                       ☁️    ⁣🎈🎈🎈
                               \|/
                                🏠   ☁️
                       ☁️         ☁️

                    🌲 🏢 🌳 🏫 🏬 _ 🏢 🏢 🌳 🌳 🌲

선수지식

- HTML/CSS 를 조금이라도 알면 좋습니다.
- 하지만 몰라도 전혀 상관없습니다.

학습 및 참고자료

주교재
mozilla docs
부교재
CSS 시크릿

커리큘럼

/

주차	모임내용	학습자료
1 주차	풀잎스쿨 소개 및 개발환경 설정, 시작하기	자체 제작 자료
2 주차	HTML element 및 attribute 를 자세히 파헤칩니다 - 1 element 들의 종류와 그 속성을 기본기 위주로	[참고자료]
3 주차	HTML element 및 attribute 를 자세히 파헤칩니다 - 2 2주차에 학습한 부분을 좀 더 심도 깊게	[참고자료]
4 주차	CSS 의 기본 요소(text, inline, block)들을 파헤칩니다 CSS 의 기본 요소들과 기본 선택자 사용하기	[참고자료]
5 주차	CSS 선택자 및 우선순위를 깊게 파헤칩니다. CSS 우선순위 계산 및 고급 선택자 사용하기	자체 제작 자료
6 주차	CSS Layout을 예전 방식부터 최신 방식까지 파헤칩니다 - 1	자체 제작 자료
7 주차	CSS Layout을 예전 방식부터 최신 방식까지 파헤칩니다 - 2 grid, flex	자체 제작 자료
8 주차	@media query를 파헤칩니다	자체 제작 자료
9 주차	BEM을 이용하여 naming 룰을 파헤칩니다	자체 제작 자료
10 주차	Accessibility를 파헤칩니다,	[참고자료] [참고도서]
11 주차	Performance & Tip & Deploy (나만의 사이트 배포)	자체 제작 자료

퍼실소개

권택수

"오? 여기 사이트 괜찮은데?" 
일단 훔쳐 보는, 
UI/UX에 관심 많은 날강도 디발자 입니다.

디자인에 관심이 많아 html/css 를 공부했지만 언제나 많이 부족하다고 느끼고 있습니다.
단순히 색을 바꾸고 모양을 잡기 위한 풀잎스쿨이 아닌 그 코어부분을 알기 위해 함께 공부하고 싶습니다.

"오? 여기 사이트 괜찮은데?" 
일단 훔쳐 보는, 
UI/UX에 관심 많은 날강도 디발자 입니다.

디자인에 관심이 많아 html/css 를 공부했지만 언제나 많이 부족하다고 느끼고 있습니다.
단순히 색을 바꾸고 모양을 잡기 위한 풀잎스쿨이 아닌 그 코어부분을 알기 위해 함께 공부하고 싶습니다.

풀잎스쿨 신청 및 결제를 위해서 로그인을 해주세요