html/css 기초탄탄 초스피드 완강코스

html/css초보 입문자를 대상으로 기초를 탄탄하게 다지며, 물론 반응형 레이아웃 제작 실전을 배울 수 있습니다.

(5.0) 수강평 39개

수강생 1,100명

난이도 입문

수강기한 무제한

베스핀글로벌
엔테크서비스
더존비즈온
한화시스템/ICT
LG전자

LG전자

임직원들도 이 강의를 듣고 있어요!

베스핀글로벌
엔테크서비스
더존비즈온
한화시스템/ICT
LG전자

LG전자

임직원들도 이 강의를 듣고 있어요!

먼저 경험한 수강생들의 후기

5.0

5.0

kimday365

100% 수강 후 작성

HTML / CSS 기초에 대해 알기 쉽게 설명 해 주셨고, 샘플 예제들이 업무에 활용하기 좋은 것들로 해 주셔서 응용하기에도 너무 좋네요 :) 좋은 강의 계속 부탁드립니다!

5.0

둘리둘리

64% 수강 후 작성

강의 재미있어요

5.0

김성관

91% 수강 후 작성

천재십니까?

수강 후 이런걸 얻을 수 있어요

  • 실무핵심 태그

  • 레이아웃제작 핵심 Block속성요소

  • 콘텐츠를 꾸밀때는 inline속성

  • 레이아웃제작 끝판왕 FlexBox

  • 자유로운 레이아웃 Position

  • 마우스오버 이벤트 hover효과

  • 스크롤시 화면 고정애니 Position Sticky

  • 가상선택자 활용하기

  • 웹페이지에 액션을! 키프레임 애니메이션

  • 반응형웹 제작(테블릿모드, 모바일모드)

[HTML5 & CSS3] 쌩초보를 위한 위한 초스피드 완강코스! 🤔

html5 & css3에 대해 쌩~~초보 입문자를 대상으로
기초부터 반응형웹 제작까지 꼭 필요한 핵심들로 쉽게 이해할 수 있도록 구성하였습니다.

* 강의 당 15~20분 10강으로 , 하루 1강씩 10일 내에 마스터 할 수 있도록 구성되었습니다.


초보 입문자의 가장 베스트한 학습 방법은~!

  • 알던 모르던 1강부터 10강까지 무조건 끝까지 완강합니다!!

  • 다시 2강부터 10강까지 또다시 완강합니다.

  • 다시 3강부터 10강까지 완강하신다면!!!

웹 레이아웃 제작에 대한 이해와 적용 능력을 향상 시킬 수 있습니다.


이 강의의 특징

📌 [html5/css3] 초보 입문자의 난이도에 맞게 아주 쉽게 이해될 수 있도록 구성되었습니다.

📌 웹퍼블리셔로 400명 이상 에이전시와 대기업으로 취업 시킨 노하우로 2024년 새롭게 제작하였습니다.

📌 10강 이후 지속적 업그레이드로 본 강의만으로도 웹퍼블리싱에 대한 탄탄한 실력을 키울 수 있습니다.

이런 분들께 추천해요

퍼블리셔, 프론트엔드 개발자로
취업을 위해 첫발을 내딛으신 분
퍼블리셔, 코딩하는 디자이너,
프론트엔드개발자를 목표로
[html/css]기초부터 확실하게
다지고 싶으신 분

디자이너 몸값을 높이고 싶으신분
현재 디자이너로 근무하지만,
퍼블리싱 능력을 키워 몸 값을
높이고 싶으신 분

레이아웃제작 어려워요!!
html/css기초를 확실하게 다지며, 레이아웃 제작 실력을 탄탄하게 키우고 싶으신 분

수강 후에는

  • html/css기본은 물론 응용 능력을 다질 수 있습니다

  • 레이아웃 제작에 대한 이해와 응용 능력을 키울 수 있습니다.

  • 웹퍼블리셔로 기본능력을 키울 수 있습니다.


이런 내용을 배워요.

FlexBox

FlexBox에 대한 개념을 이해할 수 있으며, flexBox를 통해 레이아웃 제작에 대해 확실하게 이해할 수 있습니다.

Postion개념이해1

Position에 대한 개념을 이해할 수 있으며, 보다 자유로운 레이아웃 제작 기법을 익힐 수 있습니다.

Postion개념 이해2

position을 통한 자유로운 레이아웃 제작 기법을 익힐 수 있습니다.

Animation제작

Key Frame Animation제작 방법과 Transform, Transition,가상선택자 등에 대해 배울 수 있으며, 애니메이션 제작 기법을 익힐 수 있습니다.

Responsive Web제작
반응형웹(테블릿모드, 모바일모드) 제작에 대한 기본은 물론 활용능력을 키울 수 있습니다.

Sticky로 스크롤시 화면고정
position: Sticky를 통해 스크롤 시 화면을 고정할 수 있으며, Top버튼 클릭시 화면 상단으로 이동할 수 있습니다.

이 강의를 만든 사람

  • 실무 + 강의 25년차 강사


  • 웹퍼블리셔, 코딩하는 디자이너, 프론트엔드개발자로 400명 이상 진출!

  • 온라인 ,오프라인 수강생 4000명 이상!

  • 현재 ) 실무 디렉터 및 강남에서 UIUX & 웹포트폴리오 강의 진행 중(실무진출 90프로 이상)

수강 전 참고 사항

학습 자료

  • 강의는 Visual Studio편집기를 사용합니다.

  • 강의소스는 강의영상 아래 더보기에 링크되어 있습니다.

선수 지식 및 유의사항

  • 선수 지식 필요 없습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 코딩을 처음 접하신 분

  • html css 기초가 전혀 없으신분

  • html css에 대한 기초를 확실하게 다지고 싶으신 분

  • 레이아웃 제작이 어려우신 분

  • 웹퍼블리셔가 되고 싶으신 분

  • 프론트엔드 개발자가 되기위한 기초를 다지고 싶으신 분

안녕하세요
J.영입니다.

9,763

수강생

424

수강평

242

답변

4.8

강의 평점

13

강의

안녕하세요.

AI 활용 UIUX 풀스택 디자인 디렉터 J.영입니다.

저는 20년 이상 웹·앱 서비스 기획, 디자인, 개발 실무를 경험했으며,
현재는 UIUX 웹기획 · 디자인 · 프론트엔드 부트캠프 강사로 활동하고 있습니다.

실무 경험을 바탕으로 지금까지 500명 이상의 수강생이 디자인 및 IT 분야로 취업할 수 있도록 도왔으며, 현재도 AI 시대에 맞는 새로운 포트폴리오 제작 방법과 실무 역량 교육에 집중하고 있습니다.



저의 강의 철학은!

기초부터 실무까지 막힘없는 연결

단순히 툴 사용법을 배우는 것이 아니라, 기획부터 디자인, 개발, 배포까지 실제 프로젝트를 완성하는 경험을 제공합니다.

현업이 원하는 핵심 역량 집중

빠르게 변화하는 채용 시장에서 필요한 AI 활용 능력, 문제 해결 능력, 협업 능력을 중심으로 학습합니다.

취업으로 연결되는 포트폴리오 제작

면접관이 관심을 가질 수 있는 프로젝트와 포트폴리오를 만드는 데 집중합니다.


AI 시대에는 디자인만으로는 부족합니다.

이제는 기획하고, 디자인하고, 구현하고, 배포할 수 있는
Fullstack Creator 역량이 필요합니다.

본 챌린지에서는 Claude, Codex, Figma를 활용하여 실제 서비스를 제작하며,
AI와 함께 결과물을 만드는 방법을 경험하게 됩니다.

- 어디서부터 시작해야 할지 막막한 분,
- 포트폴리오의 경쟁력을 높이고 싶은 분,
- AI를 활용해 더 빠르게 성장하고 싶은 분이라면 제가 여러분의 든든한 가이드가
되어드리겠습니다.

여러분의 결과물이 완성되는 순간까지 함께하겠습니다.

실무경력

  • 2017~현재 | Digital Product Director & UX Consultant

  • 2015~2017 | Executive Director, EliEsel Inc.

  • 2003~2015 | Executive Director, Amusingware Inc.

  • 2003 | Head of Design, Seowoo C&D


강의경력

  • 취업 포트폴리오 제작 및 프로젝트 멘토링

  • 기업 출강 및 실무 역량 강화 교육

  • 대학 · 기업 · 교육기관 대상 실무 강의

  • 디자인 · 개발 포트폴리오 컨설팅 및 그룹 멘토링

  • 실무 프로젝트 기반 팀 코칭 및 포트폴리오 지도

  • 기업 재직자 및 취업 준비생 대상 실무 교육

  • AI 기반 UIUX · 프론트엔드 실무 교육 및 컨설팅



    - 현) UIUX 기획 · 디자인 · 프론트엔드 부트캠프 전임 강사 (이젠DX아카데미 -강남점)
    - 디자인.개발 포트폴리오 전문 강의 및 팀그룹강의


    * 운영중인 유튜브 (코딩하는 디자이너)

보다 원활한 학습을 위해, J.young이 운영하는 잘난웹디 오픈채팅방에 가입하시면,
강의 질문과 포트폴리오 관련 피드백 드립니다.

- 오픈채팅방명 : 잘난웹디
- 코드 : jyoung

 

더보기

수강평

전체

39개

5.0

39개의 수강평

  • Jang Jaehoon님의 프로필 이미지
    Jang Jaehoon

    수강평 920

    평균 평점 4.9

    5

    27% 수강 후 작성

    좋은 강의 감사합니다

    • 김성관님의 프로필 이미지
      김성관

      수강평 35

      평균 평점 3.6

      5

      91% 수강 후 작성

      천재십니까?

      • angelwan001님의 프로필 이미지
        angelwan001

        수강평 62

        평균 평점 4.6

        5

        100% 수강 후 작성

        Html css 강의 잘 들었습니다 많은 도움이 되었습니다

        • J.영
          지식공유자

          angelwan001님 많은 도움이 되셨다니 감사합니다. 다음단계 강의로 코딩하는디자이너[잘난웹디] 유튜브에 레이아웃 제작은 물론, 화려한 인터렉티브요소 구현에 도움될 내용들 많이 올려져 있습니다. 많은 관심 부탁드립니다. 감사합니다. J.young드림

      • kimday365님의 프로필 이미지
        kimday365

        수강평 4

        평균 평점 4.8

        5

        100% 수강 후 작성

        HTML / CSS 기초에 대해 알기 쉽게 설명 해 주셨고, 샘플 예제들이 업무에 활용하기 좋은 것들로 해 주셔서 응용하기에도 너무 좋네요 :) 좋은 강의 계속 부탁드립니다!

        • 둘리둘리님의 프로필 이미지
          둘리둘리

          수강평 19

          평균 평점 5.0

          5

          64% 수강 후 작성

          강의 재미있어요

          J.영님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!

          무료