2차 풀스택 개발 교육 수업 실시간 강의실 녹화(프론트엔드 부분)

• 장1 3.15_첫 프론트엔드 개발 경험
• 1-1 Sublime Text3 편집기용 플러그인을 다운로드하고 설치하는 방법
• 1-2 브라우저 선택: Chrome Google vs. FireFox
• 1-3 PHP 도구 상자를 사용하여 실제 온라인 개발 환경 만들기
• 1-4 태그의 매력을 경험해보세요: HTML과 CSS의 역할
• 1-5 웹페이지를 생생하게 만드세요: JavaScript의 힘을 경험해보세요
• 장2 3.16_텍스트, 이미지, 링크, 표
• 2-1 HTML5 문서 구조
• 2-2 HTML 태그 소개
• 2-3 HTML 태그 속성
• 2-4 HTML 텍스트 태그
• 2-5 HTML 링크 태그
• 2-6 이미지 태그
• 2-7 테이블을 생성하는 기본 단계
• 2-8 테이블 행과 열 병합
• 2-9 실전 전투: 정보 관리 기능을 갖춘 형태
• 장3 3.19_목록과 형식 및 실제 전투
• 3-1 목록 태그 소개
• 3-2 목록 예시 데모
• 3-3 블록 요소 소개
• 3-4 양식에서 일반적으로 사용되는 컨트롤
• 3-5 실전 전투: 사용자 등록 양식
• 3-6 실제 전투: 컨트롤 그룹화를 사용하여 로그인 양식 구현
• 장4 3.20_인라인 프레임과 실습
• 4-1 아이프레임
• 4-2 실용적인 백엔드 웹사이트 관리(1부)
• 4-3 1실용적인 백엔드 웹사이트 관리(2부)
• 4-4 실용적인 백엔드 웹사이트 관리(2부)
• 장5 3.21_CSS 기본 용어
• 5-1 CSS 기본 용어
• 5-2 CSS 도입 방법
• 5-3 기본 선택기
• 5-4 속성 선택기
• 5-5 의사 클래스 선택자
• 장6 3.22_CSS 박스 모델과 테이블
• 6-1 박스모델_기본구조
• 6-2 박스모델_테두리 디테일
• 6-3 박스모델_둥근 모서리에 대한 상세정보
• 6-4 박스모델_그림자 상세
• 6-5 실전 전투: 멋진 테이블 만들기
• 장7 3_23 요소 중심_배경_목록 및 링크
• 7-1 한 줄의 텍스트를 중앙에 배치
• 7-2 여러 줄의 텍스트를 중앙에 배치
• 7-3 3. 블록 요소가 중앙에 위치함
• 7-4 4. 가변 폭 블록 요소의 센터링
• 7-5 배경 설정
• 7-6 목록 및 링크 설정
• 장8 3_26 위치 지정 및 플로팅
• 8-1 Emmet 플러그인을 사용하는 방법
• 8-2 상대적 위치지정의 원리와 사례
• 8-3 절대위치결정의 원리와 사례
• 8-4 고정 레이아웃의 원리와 사례
• 8-5 플로팅의 원리
• 8-6 형제 요소의 플로트 지우기
• 8-7 계층적 요소의 플로트 지우기
• 8-8 그림과 글의 혼합배열 플로팅 연습
• 장9 3_27 클래식 레이아웃 방식의 원리 분석
• 9-1 절대 위치 지정으로 3열 레이아웃 구현
• 9-2 클래식 이중 비행 날개 3열 레이아웃
• 9-3 클래식 성배 3열 레이아웃
• 장10 3_28 실전 전투_기업 현장 배치
• 10-1 기업 홈페이지 레이아웃_1
• 10-2 기업 홈페이지 레이아웃_2
• 10-3 기업 홈페이지 레이아웃_3
• 10-4 기업 웹사이트 레이아웃_4
• 장11 3_29Javascript 시작하기 및 실제 전투
• 11-1 자바스크립트 기본 구문
• 11-2 실전_연예인사진첩
• 11-3 실용적인 전투_미니 계산기
• 장12 3_30자바스크립트 연습 2
• 12-1 PHP 중국어 웹사이트를 모방한 탭을 빠르게 생성
• 12-2 실전전투_온라인 고객응대 자동응답 로봇 모방
• 장13 4_2 jquery 빠른 소개
• 13-1 Jquery의 기본 작동 원리
• 13-2 jquery를 다운로드하고 소개하는 방법
• 13-3 쿼리 팩토리 기능
• 13-4 JQuery의 기본 구문
• 13-5 Jquery가 실행되는 방법
• 장14 4_3jQuery 선택기
• 14-1 일반적으로 사용되는 기본 선택기