프론트엔드 개발자 [HTML,CSS,JS,React,Redux]
- 강의구성
- (13강) 전체 : 5시간 45분|평균 : 26분32초
- 이용기간 / 강사
- 2개월 / 알지오 R&D [IT]
- 수강료
- 370,000원
- 185,000원
수강 전 자주 묻는 질문
교재 없이? 초보자도 가능 한가요?
교재 없이도 동영상과 실습 자료만으로 학습할 수 있으며, 초보자도 이해하고 따라올 수 있도록 설계된 강의입니다.
알지오의 강의특징은 무엇인가요?
알지오 강의는 단순 촬영본이 아니라, 전문 편집으로 핵심만 담아 학습 효율을 높인 강의입니다.
프로그램은 어떻게 구하나요?
알지오 는 원격평생교육원 으로, 프로그램에 대한 정보는 알수 없습니다.
수강생 여러분께 감사드리며, 납부하신 수강료 일부는 매월 사회 환원 활동에 사용됩니다. 특히 소외된 이웃들에게 라면을 기부하며 작은 나눔을 이어가고 있습니다. 자세한 내용은 아래 링크에서 확인하실 수 있습니다. 알지오 사회환원 활동
-
01.20분
초보자도 쉽게! 써먹을 수 있는 학습으로
이론이 아닌 실제 반영된 페이지로 실습합니다.
React 로 바로 실습해도 되는 이유 /반영된 페이지 HTML,CSS 설명 /JS 와 React 클릭 /ReactDOM반영
- HTML 기본부터 핵심
-
[00:00] 문서의 기본 구조 /브라우저에게 먼저 알려주는 것 들 /DOCTYPE부터 body /텍스트 요소 /li목록에 무조건 ::marker /멀티미디어 /이미지 와 종류별 요소
-
파비콘과 하이퍼링크 /이미지, 테이블 /순서가 있고 없는 목록 /style 의 class와 id /iframe, script, meta /레이아웃 심층구조 및 정석 제작실습
-
04.25분
HTML 3
풍부한 소스로 기기별 반응형 레이아웃 을 실습합니다.
반응형 레이아웃 실습 /반응형 레이아웃 실습 2 /반응형 레이아웃 실습 3 /w3css 자동화 실습 4 /Bootstrap 자동화 실습 5 /article 로 만든 페이지 /aside, figure 등의 seo반영기능 /Symbols과 Emojis 아이콘 작성
-
인코딩(문자 집합) /여러종류의 선언 Favicon /URLs JavaScript URL 분석 /HTML5 Versus XHTML /로그인, 설문 조사, 피드백 Form /Form결과 blank, GET, POST /autocomplete, novalidate /Form Elements, Input Attributes /Canvas Graphics 선, 사각, 원, 텍스트 /SVG Graphics
-
유튜브 HTML 쿼리 파라미터 /사용자의 위치 정보를 가져오기 /Drag and Drop API 이미지 드래그 /Web Storage API /사용자의 방문 횟수를 브라우저에 저장
- CSS 의 함축된 모든것
-
선택자, CSS 적용 방법 /주석, 색상, 배경, 테두리 /마진, 패딩 /Height, Width and Max-width /Box Model, Outline /Text, Fonts, Icons
-
08.29분
CSS 2
실무 제작관리 및 검수 를 해보지 않고는 알수 없는 사항입니다.
모든기기 반영되는 아이콘 /Bootstrap icon /oogleapis icon /CSS Links 종류별 반영 /CSS Lists 종류별 목록 변경 /CSS Tables
-
Responsive Table 반응형웹 /Table Style /Table Alignment /Layout - The display Property /Layout - width and max-width /Layout - The position Property /Layout - The z-index Property /Layout - Overflow
-
float and clear and clearfix /display: inline-block /Horizontal & Vertical Align /Combinators /Pseudo-classes /Pseudo-elements /Opacity / Transparency /Navigation Bar /Dropdowns
-
Image Gallery /Image Sprites /Attribute Selectors /Forms /Counters /Website Layout /Units /Specificity /!important /Math Functions
- JS (JavaScript)
-
12.24분
자바스크립트 쉬운 기초실습 1
연산, 할당, 변수, 상수, 산술, 데이터 타입, 문자열, 넘버, bigInt, Boolean, Undefined, null, 객체 속성의 식별자, 객체, new Date
Introduction /Where To /Output /Statements /Syntax /Comments /Variables /Let /Const /Operators /Arithmetic /Assignment /Datatypes /Object Datatype
-
13.33분
자바스크립트 쉬운 기초실습 2
함수 와 객체 생성및 정의, 함수와 method 실습, 실제 반영될수 있는 함수정의 및 매소드 설명, Number 객체의 속성
Functions /Objects /Object Properties /Object Methods /Display Objects /Object Constructors /Events /Strings /String Methods /String Search /Template Strings /Numbers /BigInt /Number Methods /Number Properties
![프론트엔드 개발자 [HTML,CSS,JS,React,Redux]](/img_file/builder/Date/202405011960%C7%C1%B7%D0%C6%AE%BF%A3%B5%E5%B0%B3%B9%DF.png)
![프론트엔드 개발자 [HTML,CSS,JS,React,Redux]](/expert/img/skin_sample_play_PM_05.png)