웹 개발 기초 과정

▷ HTML

웹 페이지를 만들기 위한 표준 마크업 언어

• 기본 요소(Elements)
• 기본 속성(Attributes)
• 레이아웃(Layout)
• 테이블(Table)
• 폼(Forms)
• 그레픽스(Graphics)
• 미디어(Media)
• API(Drag&Drop, Web Storage 등)
• Small Project 실습

▷ CSS

HTML로 작성된 문서의 표시 방법을 기술하기 위한 스타일 시트 언어

• CSS 기초(Selectors)
• 속성(Attributes)
• 이미지(Images)
• 조합기(Combinators)
• 의사 클래스(Pseudo-classes)
• CSS 고급(Media Queries, Transforms, Animations)
• 반응형 CSS(Responsive CSS)
• SASS 기초
• Small Project 실습

▷ JavaScript 기초

웹 페이지의 각종 구성요소들을 프로그램에 의해 동적으로 처리하기 위한 스크립트 언어

• 명령문(Statements)
• 데이터 타입(Data Types)
• 연산자(Operators)
• 객체(Objects)
• 함수(Functions)
• 다큐먼트 객체 관리(DOM)
• 브라우저 객체 관리(Browser BOM)
• Web API(Forms, History, Storage, Workers, Fetch 등)
• JSON(Syntax, Data Types, Objects, Array, JSON Server 등)
• jQuery 기초
• Small Project 실습

▷ Bootstrap

모바일 우선의 반응형 웹 사이트 구현을 위한 프레임뭐크

• 컨테이너(Container)
• 타이포그래피(Typography))
• 기본 요소(Tables, Buttons, Navs, Dorpdowns 등)
• 유틸리티(Utilities)
• 플렉스(Flex)
• Bootstrap5 폼(Forms)
• Bootstrap5 그리드(Grid)
• 기본 템플릿(Templates)
• Small Project 실습

▷ Samll Project

• HTML, CSS, Javascript, Bootstrap 포함 개발 프로젝트