HOME>디지털 실무>프론트 엔드>프론트엔드 개발자 [HTML,CSS,JS,React,Redux]
ONLINE CLASS

프론트엔드 개발자 [HTML,CSS,JS,React,Redux]

?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

◆
기업이 선택한 신뢰 강의

검증된 커리큘럼과 전문 강사진으로 높은 만족도를 제공합니다.

자세히 보기  >
♥
수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기  >
REAL REVIEW

수강생 리얼후기!

실제 수강생의 학습 경험을 확인해 보세요.

수강후기를 불러오는 중입니다.

프론트엔드 개발자 [HTML,CSS,JS,React,Redux]

  • 프론트엔드 개발자 [HTML,CSS,JS,React,Redux]

  • 강의구성
  • (13강) 전체 : 5시간 45분|평균 : 26분32초
  • 이용기간/강사
  • 2개월
    알지오 R&D [IT]
  • 증빙가능
  • 수료증, 수강증, 학습진도
  • 수강료
  • 370,000원할인185,000원
  • 알지오 패키지
    • "5개월" 혜택!
?

수강 전 꼭 확인하세요

수강 전 자주 묻는 내용을 간단히 안내드립니다.

Q 초보자도 교재 없이 수강 가능한가요? 프로그램 정보는?
A

네, 영상과 실습자료로 쉽게 학습할 수 있습니다. 알지오는 원격평생교육원으로 프로그램 관련 정보는 제공하지 않습니다.

수강료 일부는 사회환원에 사용됩니다.

작은 나눔이 더 나은 내일을 만듭니다.

자세히 보기 >
  • 01.20분 초보자도 쉽게! 써먹을 수 있는 학습으로
    이론이 아닌 실제 반영된 페이지로 실습합니다.
    React 로 바로 실습해도 되는 이유 /반영된 페이지 HTML,CSS 설명 /JS 와 React 클릭 /ReactDOM반영
  • HTML 기본부터 핵심
  • 02.29분 HTML 1
    [00:00] 문서의 기본 구조 /브라우저에게 먼저 알려주는 것 들 /DOCTYPE부터 body /텍스트 요소 /li목록에 무조건 ::marker /멀티미디어 /이미지 와 종류별 요소
  • 03.27분 HTML 2
    파비콘과 하이퍼링크 /이미지, 테이블 /순서가 있고 없는 목록 /style 의 class와 id /iframe, script, meta /레이아웃 심층구조 및 정석 제작실습
  • 04.25분 HTML 3
    풍부한 소스로 기기별 반응형 레이아웃 을 실습합니다.
    반응형 레이아웃 실습 /반응형 레이아웃 실습 2 /반응형 레이아웃 실습 3 /w3css 자동화 실습 4 /Bootstrap 자동화 실습 5 /article 로 만든 페이지 /aside, figure 등의 seo반영기능 /Symbols과 Emojis 아이콘 작성
  • 05.29분 HTML 4
    인코딩(문자 집합) /여러종류의 선언 Favicon /URLs JavaScript URL 분석 /HTML5 Versus XHTML /로그인, 설문 조사, 피드백 Form /Form결과 blank, GET, POST /autocomplete, novalidate /Form Elements, Input Attributes /Canvas Graphics 선, 사각, 원, 텍스트 /SVG Graphics
  • 06.18분 HTML 5
    유튜브 HTML 쿼리 파라미터 /사용자의 위치 정보를 가져오기 /Drag and Drop API 이미지 드래그 /Web Storage API /사용자의 방문 횟수를 브라우저에 저장
  • CSS 의 함축된 모든것
  • 07.31분 CSS 1
    선택자, 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
  • 09.31분 CSS 3
    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
  • 10.29분 CSS 4
    float and clear and clearfix /display: inline-block /Horizontal & Vertical Align /Combinators /Pseudo-classes /Pseudo-elements /Opacity / Transparency /Navigation Bar /Dropdowns
  • 11.20분 CSS 5
    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

강의목록 다운로드                        1:1 강의 질문&답변