개발 · 프로그래밍

/

웹 개발

입문자를 위한 CSS 기초 강의

(4.9) 수강평 182

수강생 3,500

입문자를 위해 준비한
[웹 퍼블리싱, 웹 개발] 강의입니다.

웹 사이트를 예쁘게 꾸미기 위해 반드시 필요한 언어, CSS의 주요 개념과 기본 문법을 소개합니다. 이제 막 HTML로 코딩 걸음마를 떼신 분들도 부담없이 소화하실 수 있습니다.

이런 걸
배워요!

  • CSS 용도

  • CSS 주요 개념

  • CSS 기본 문법

웹 페이지 꾸미기에 꼭 필요한,
css의 모든 것을 배울 시간!

'CSS 어린이' 를 위해 준비한 기초 강의 📖

css를 배우고 싶은 욕심만 있다면, 당신도 배울 수 있어요!

본 강의는 강의 소개와 마무리 인사를 포함, 총 21개 영상으로 구성된 입문자용 CSS 강의입니다. HTML에 대한 기초 지식만 가지고 계시면 부담없이 소화할 수 있는 강의입니다.

각 수업은 다음과 같은 흐름으로 진행됩니다. 

기초 이론 : 주요 개념들을 알기 쉽게 설명합니다.
실습 안내 : 학습한 내용을 직접 실습하며 확인합니다.
내용 정리 : 학습 내용을 정리하여 마무리합니다.

강의 목표 📜

입문자 분들이 부담감을 느끼지 않고 빠르게 공부하실 수 있도록 하기 위해, 꼭 필요한 주요 개념 위주로 내용을 구성했어요. 이 강의를 수강하고 나면 CSS 코드 작성에 필요한 능력, 그리고 추가적인 학습을 위한 기본기 등은 거의 다 갖추실 수 있을 거에요. 

이 강의를 들은 후 여러분은,

👉🏻   웹 개발 분야에서 CSS의 역할이 무엇인지 이해할 수 있어요.
👉🏻   CSS가 일하는 방식에 대해 이해할 수 있어요.
👉🏻   CSS의 기본 문법과 작성 방법을 익혀볼 수 있어요.
👉🏻   평소 즐겨 사용하는 웹 사이트의 스타일이 어떤 식으로 만들어졌는지 이해할 수 있어요.

이 강의에서 배우는 것들 

CSS, 기초 of 기초

CSS의 역할과 핵심 기초 문법, 그리고 HTML 문서와의 연결 등 CSS에 대한 가장 필수적인 기본 지식을 알려드립니다.

CSS 속성 완전정복 - 기본

선택자, 텍스트 꾸미기, 박스 모델 등 웹 콘텐츠의 기본적인 스타일을 정의하는 방법에 대해 공부합니다.

CSS 속성 완전정복 - 심화

요소를 포지셔닝 하는 법, 레이아웃을 다루는 원리와 그 방법 등
웹페이지 전체 그림을 구상할 때 필요한 개념에 대해 공부합니다.

강의 내용, 미리 확인해 보기!

기초 이론 설명

학습한 내용 실습

내용 정리


수강 전, 안내 사항을 확인하세요 🔍

하나. 다음과 같은 준비물을 챙겨주세요!

💻   컴퓨터
💻   코드 에디터 (수업에서는 Visual Studio Code를 사용해요)
💻   영타 능력 (속도가 느려도 괜찮아요)

둘. 수강 전 미리 알려드려요!

대부분의 영상에는 코드를 작성하는 장면이 등장하는데, 자칫 영상이 지루해질 수 있다고 판단해 대부분 배속 처리를 하였습니다. 따라서 코딩 실습을 따라하시는 경우 일시정지 기능을 적절히 활용해 가시면서 실습을 진행하시길 추천합니다!


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 코딩을 처음 접하는 사람

  • HTML을 공부 중이거나 공부해 본 사람

  • CSS 언어에 대해 알아보고 싶은 사람

선수 지식,
필요할까요?

  • HTML

  • 코드 에디터 사용법 (종류는 무관해요)

개발자 출신 십잡스 크리에이터.
프로그래밍 강사 겸 작가로 활동하고 있습니다.
유튜브 <유노코딩> 채널 운영 중입니다.

 

배움의 과정에서 겪는 불필요한 고통들이 사라지길 바라고, 또 그래야만 한다고 믿습니다.
경험자의 진정성과 경험을 나누면 고통은 줄어들 수 있습니다.

 

저의 모든 강의 콘텐츠에서 그런 마음을 느끼실 수 있도록 노력하겠습니다.
많은 분들이 코딩을 재미있게 느끼고, 단순하게 이해할 수 있도록 돕기 위해 항상 노력하고 있습니다.

 

감사합니다^^

커리큘럼

전체

21 ∙ 4시간 5분

강의 게시일: 2021년 06월 15일
마지막 업데이트일: 2021년 06월 15일

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!