그림으로 배우는 HTML-CSS, 입문! - goormEDU

그림으로 배우는 HTML-CSS, 입문!

프론트엔드, 웹 개발 입문! 그 시작점. 쉽고, 빠르게 알려드립니다.

Lecture Introduction
Difficulty
Easy
Category
Programming - Web Programming
Tag
html, css, bootstrap, front-end, 부트스트랩
Target Audience
- 코딩 배우려구요! 근데 뭐부터 해야 하죠?
- 홈페이지를 만들고 싶은데, 아직 1도 몰라요!
- 퍼블리셔 또는 웹 개발자를 꿈꾸는 당신!

프론트엔드, 웹 개발 입문!

  • 쉽고, 빠르게 배울 순 없을까?




    무엇을 배우나?

    • 프론트엔드가 뭔데?
    • 웹 문서, 만들고 꾸미기!
    • 내 이력서 페이지 만들기!




    핵심만, 쏙쏙!

    • 지루한 강의는 이제 그만!
    • 가장 빠르게, 웹 개발을 시작하는 비결!




    시각화 학습!

    • 그림과 비유를 통한, 직관적 설명!
    • 코드가 그려지는, 마법 같은 매직!




    실습 중심!

    • 백문이 불여 일타! 만들면서 배우는 학습!
    • 예제 페이지를 만들며, 이론과 실습을 한 번에!



    배움을 미루지 마세요!

    • 최소 학습, 최대 효과!
    • 1시간 할 거, 5분에 끝!
    • 당신의 시간은 소중하니까!




    

    

    즐거운 학습을 추구합니다


    홍팍

    現 클라우드스터딩 개발 및 운영

    現 유튜브 채널 "홍팍" 운영

    現 프로그래밍 강사 및 튜터 활동

    前 한국 항공대 무인 항공기 MAV Lab. 연구원
    前 한국 항공대 아두이노 강의 조교
    前 아이엠박스 개발팀장
    前 시프트더블류 개발자


    Preview
    Expand All
    • 01
      웹 개발, 시작하기!
    • 강의 소개
      웹 서비스 개요
      개발 환경 만들기
    • 02
      HTML 문서 만들기
    • HTML이란?
      텍스트와 이미지
    Curriculum
    Expand All
    • 01
      웹 개발, 시작하기!
    • 강의 소개
      웹 서비스 개요
      개발 환경 만들기
    • 02
      HTML 문서 만들기
    • HTML이란?
      텍스트와 이미지
      링크 만들기
      목록 만들기
      표 만들기
      입력 폼 만들기
    • 03
      CSS 셀렉터, 선택하여 꾸미기
    • CSS란?
      셀렉터 기본
      복합 셀렉터
      셀렉터 게임
    • 04
      CSS 박스모델, 태그의 영역
    • CSS 박스모델?
      블럭 vs 인라인
      CSS 포지션?
      구글 페이지 개선하기
    • 05
      CSS 플렉스, 배치하기
    • CSS 플렉스?
      Flexbox, 핵심 정리!
      개구리 게임
    • 06
      부트스트랩, 잘 만들어진 도구
    • 부트스트랩?
      컴포넌트 활용하기
      Grid 레이아웃
      레이아웃과 유틸리티
      부트스트랩 테마
    • 07
      마치며..!
    • 강의를 마치며
    Instructor Introduction
    user
    홍팍Teacher

    Lecture Reviews
    • No reviews have been written.

    19,800

    9,900
    (50%)


    Average Rating
    5.0
    Difficulty
    Easy
    Lecture Period
    26Weeks after payment