인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
NEW
개발 · 프로그래밍

/

웹 개발

웹프로그래밍의 꽃! 자바스크립트 기초

javascript를 통해 HTML의 요소를 선택하고 다양한 이벤트에 따라 요소의 스타일을 변경하거나 애니메이션 효과를 구현합니다. javascript의 기분문법에서 스타일 변경, 이벤트 설정 및 웹페이지 구현시 자주 사용되는 효과를 구현합니다.

3명 이 수강하고 있어요.

HTML/CSSJavaScriptvanilla-javascriptcss-flexbox
Thumbnail

초급자를 위해 준비한
[웹 개발, 프론트엔드] 강의입니다.

이런 걸
배워요!

  • 자바스크립트 기본기

  • 자바스크립트를 이용하여 요소를 선택할 수 있다.

  • 요소의 스타일을 변경할 수 있다

  • 다양한 이벤트를 적용할 수 있다

  • UI/UX 효과를 구현할 수 있다

본 과정은 화려하고 복잡한 기능보다 프로그래밍의 기본과 핵심 개념에 집중해 탄탄한 기초를 다질 수 있도록 구성되었습니다.

변수와 연산자, 함수와 객체, 배열의 생성과 활용 등 기초 개념을 명확히 이해하고, 조건문과 반복문으로 논리적인 사고를 훈련합니다.

문자열 처리, HTML 요소 선택 및 스타일 변경, 이벤트 처리 등의 실습을 통해 실무에 바로 적용 가능한 기본기를 익힐 수 있습니다.

최신 ECMAScript 6 문법도 다루며, 'Back to top', '탭 메뉴', '아코디언' 같은 실전 예제를 통해 배운 내용을 실습으로 확인합니다. 프로그래밍을 처음 시작하는 학생들에게 꼭 필요한 핵심만 담은 과정입니다.

무빙 탭 구현하기

아코디언 구현하기

Back to Top Scroll Animation 구현하기

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • HTML 기초를 학습한 분

  • CSS 기초를 학습한 분

  • 웹페이지에 동적 효과를 구현하고 싶은 분

  • 웹퍼블리셔로 취업하고 싶은 분

  • 프론트엔드 개발자를 꿈꾸는 분

선수 지식,
필요할까요?

  • HTML

  • CSS

안녕하세요
이지웹입니다.

수강생 수

1,986

수강평 수

36

강의 평점

4.9

강의 수

3

■ [현재] 그린컴퓨터아트학원 웹퍼블리싱, 프론트엔드 강의
■ [현재] 웹 퍼블리싱 유튜브 채널 'Rock's Easyweb' 운영
■ 더조은 컴퓨터아카데미 웹 퍼블리싱 강사
■ 한빛 컴퓨터아카데미 웹 퍼블리싱 강사
■ 프론트엔드 퍼블리셔, 프론트엔드 퍼블리싱 전문강사
■ UI/UX 웹 디자인 포트폴리오 강의


[ 도서 ]
2021.07.19 출간 / 웹디자인 & 웹퍼블리싱을 위한 피그마 완벽 활용서 / 비제이퍼블릭

2022.08.25 출간  / 코딩을 처음이라 with 웹 퍼블리싱  / 영진출판사

2023.10 출간 /2024 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

2024.11 재판 /2025 SD에듀 유선배 웹디자인기능사 실기 과외노트 / 시대고시기획

 

[ 수상경력 ]
2022.08 그린컴퓨터 아트 학원 종로지점 - 우수강사 2021.06 그린컴퓨터 아트 학원 종로지점 - 우수강사 2018.06 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2017.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2016.05 그린 컴퓨터아카데미 신촌 지점 - 우수강사 2015.10 그린 컴퓨터아카데미 신촌 지점 - 우수강사 

 

 

 

커리큘럼

전체

11개 ∙ (4시간 37분)

수업 자료

가 제공되는 강의입니다.

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!