인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
Programming

/

Web Publishing

Modern Web Interactive CSS3 Bootcamp [Full vers.]

For over 15 years, Young Codi Kim, a star coding instructor, has been dedicated to coding education for elementary school students, high school students in IT software departments, university students in computer science, and job seekers without a major in the field. Now, you can experience Kim's easy and fun coding lectures not only offline but also online. With Young Codi Kim, who has trained over 500 front-end, back-end, full-stack, and web developers, your dream of becoming a developer will soon become a reality!

(5.0) 2 reviews

11 students

HTML/CSS
Web Design
Clone Coding
Mobile App Design

This course is prepared for Beginners.

What you will learn!

  • If you're only interested in coding, foster your interest with web development, the easiest and most fun way to start.

  • CSS3 styles the HTML5 structure.

  • You can apply CSS styles, which are the flower of web page creation.

  • You can learn how to use Emmet and repeatedly practice to code quickly with shortcuts.

  • Create styles and animations for various practical pages yourself.

  • Let's create a webpage with a moving character using sprite animation.

  • Let's try implementing an interactive web using CSS3 without using JavaScript.

  • Understand the concept of Flex and learn responsive logic through various exercises.

  • Master everything from the basics of CSS to advanced interactive web applications, including animations, with this single course.

  • Let's excitedly jump over the second step towards becoming a web developer!

  • Learn about web hosting to let the world know about your site, and upload the website you've created!

HTML/CSS, web design, clone coding, mobile design, government-funded boot camp, interactive web, front-end, full stack

This is an easy and fun CSS3 coding lecture by Kim, a current star instructor who has been dedicated to coding education for over 15 years for elementary school coding education, high school students in IT software departments, college students in computer engineering departments, and non-major job seekers. Master the CSS language completely with [ an all-in-one package lecture that starts from the basic steps of CSS and includes advanced animation and interactive web production skills ] 🙂

📚 This is what you will learn in the [CSS3 Starter] bootcamp for non-majors !

Create a practical animation website with navigation using sprites techniques, sticky properties, etc.

Web production using parallax web production technique that gives a three-dimensional sense of space

Easily apply various animations to your site instantly using the animate.css library.

Tips for creating a shopping mall that are often used in shopping malls, such as showing descriptions of shopping mall products when the mouse hovers over them

Create a dynamic navigation that moves to the desired menu when clicked

Create a variety of fun animated elements when hovering or clicking the mouse.

Apply various corrections such as blending mode and filters with only coding without using Photoshop at all.

Create an interactive web that responds to the mouse using 2D and 3D transforms

Understanding the principles of creating responsive web using the latest Flex techniques and practicing various examples

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Full Stack, Java

Youngcodi Kim has been continuously producing over 500 frontend designers, backend developers, web designers, and fullstack developers through government-funded bootcamps, and is consistently ranked as the '#1 class that students want to recommend to their friends.'

Click here to check actual course reviews | https://greenart.co.kr/community/student_review

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Full Stack, Java

Even beginners can grow step by step through Youngcodi Kim's easy and fun explanations and unique memorization techniques, and can gradually learn practical web development through various clone coding.

You too can challenge your dream of becoming a developer through web design, front-end, back-end, and full-stack employment courses for non-majors starting from the very basics. HTML/CSS, front-end, web design, government-funded boot camp, clone coding

Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Full Stack, Java

👀 What do you learn in each course in the full-stack course for non-majors?

What do you learn in each course in the full-stack course for non-majors?

STEP01 | [HTML Starter] Bootcamp for Non-Majors [Click to move to the relevant course]

The meaning of html, how to write basic code, and how to create a layout

Doing web development is like creating an online store that anyone can visit. HTML is an abbreviation for Hyper Text Markup Language, and you learn how to create a basic framework with the information that becomes the main core content of a web page.


STEP02 | [Modern Web Interactive CSS3] Bootcamp for Non-Majors [Current Course]

From the meaning of CSS and how to write basic code to applying the desired style to HTML to design the web

CSS is an abbreviation for Cascading Style Sheet, and Cascading is a word that has a hierarchical, waterfall-like meaning. CSS literally selects the parent-child relationship of the HTML structure hierarchically and applies a sheet that allows you to design an interesting and beautiful web that is not boring to the user by applying the desired style color, shape, and animation to the desired element. In addition, until you become confident in CSS, you will gain experience in creating various web designs by repeatedly coding HTML/CSS for clone designs, mobile designs, and web designs of various practical sites.


STEP03 | [JS to React] Bootcamp for Non-Majors [Click to move to the relevant course]

Learn vanilla script and javascript es6 grammar and utilize React

Have you ever felt frustrated while studying React? In Teacher Kim's class, we will gradually learn JavaScript, the foundation of React, from vanilla script to JavaScript ES6 syntax, basic syntax such as jQuery, and various practical examples to solidify the basics of scripting. Then, through understanding and practicing various React syntax, we will implement bulletin board and member functions using components, state, and memoization, and learn TypeScript syntax to create a ToDoList practical example, opening the path to React without giving up.


STEP04 | [Responsive Web Production] Bootcamp for Non-Majors [Click to move to the relevant course]

Learn how to understand and use @media queries to create responsive web, and acquire and utilize Bootstrap, a framework that allows you to easily create responsive web.

We will appropriately distribute the theory and practice of how to use BOOTSTRAP to develop a responsive web page whose layout changes depending on the device, so that you can understand the components of BOOTSTRAP, check them out right away through practice, and implement and complete an actual responsive website.

Also, for those who want to create a responsive web with their own unique style instead of the set style of Bootstrap, we will master the practice of implementing various layouts for each device using only html/css/jQuery without using Bootstrap through Hansot Dosirak responsive web creation.


STEP05-1 | [JAVA Basics] Bootcamp for Non-Majors [Click to move to the relevant course]

Beginning with understanding and practicing the most basic grammar, learn Java basics and intermediate grammar.

You will learn Java, the most basic language for web development backend, from the most basic grammar to the intermediate level, and naturally acquire the ability to code your own desired programs through various example exercises.


STEP05-2 | [JAVA Basics to Advanced] Bootcamp for Non-Majors [Click to move to the relevant course]

Understanding and practicing Java basics to advanced grammar

Java's collection framework is an internal library that has its own built-in class for collecting, or storing, various types of data in one place. By learning various syntaxes that can be managed and stored, and practicing various examples from the basics to advanced Java, it creates a solid foundation for the backend of web development.


STEP05-3 | [Oracle SQL] Bootcamp for Non-Majors [Click to move to the relevant course]

Understanding and practicing databases

By learning and practicing SQL grammar through CRUD practice of creating database (DB) tables and reading, writing, modifying, and deleting from the DB, you will be prepared to utilize the DB when signing up for membership, logging in, or writing on a bulletin board.


STEP06 | [JSP to SpringBoot] Bootcamp for Non-Majors [To be Opened]

From JSP to Spring Boot

Have you ever experienced frustration while studying Spring Boot, which is most commonly used in recent practice?

In Teacher Kim's class, in order to fully understand Spring Boot, you will learn from the most basic grammar, JSP, and directly experience the evolution of backend grammar from the previous generation to the current generation, naturally acquire concepts and usage, and understand the principles of how Spring Boot, which automatically implements web development backend, works.

Based on the basic concepts and use of ORM, JPA, and entities, understanding Spring Security and implementing member functions using security, practicing JUnit tests, and using the h2 console, you will implement a practical website with member and bulletin board functions using Spring Boot, and completely master the basics for creating a portfolio, including collaboration with GitHub.
Spring Boot, JPA, TDD, JSP, Java, Spring, Spring Boot, React, Frontend, Backend, Full Stack, Java

Things to note before taking the class

Learning Materials

  • The total lecture length is 77, 25 hours and 4 minutes.

  • You can download images, completed files, and PDF textbooks used in class and use them for practice.
    (This file is for educational purposes only and may not be distributed without permission.)

Recommended for
these people!

Who is this course right for?

  • Anyone from elementary, middle, and high school students to college students and adults who are new to coding.

  • A job seeker who is a non-major but is studying web development and wants to get a job as a front-end, back-end, or full-stack developer.

  • No more short lectures that only cover a few examples! I want to master everything in one course, from basic, intermediate, and advanced CSS theory to a variety of practical exercises!

Need to know before starting?

  • Anyone can easily start if you only know the basics of HTML!

  • If you're new to coding, please take STEP01 [Kim ssam's HTML Starter Course] first.

  • The class is more fun if you have an interest in coding and your passion for it.

  • If you've ever tried to learn coding on your own and failed, we'll help you enjoy coding this time without giving up.

Hello
This is

246

Students

18

Reviews

14

Answers

5.0

Rating

16

Courses

👩 이 강의를 만든 사람

[ 비전공자도 쉽고 재미있게 배우는 코딩! ] 을 목표로 15년 넘게 풀스택(백엔드, 프론트엔드) 및 영상, 코딩, 디자인, 빅데이터, 머신러닝 등을 강의하며 개발자 인력양성에 진심인 현직 직업훈련교사


🎖 경력사항

[컴퓨터 1도 모르는 사람이 부업으로 월100만원 수입내보기 첫걸음] 의 저자

NCS 국가직무능력강의 고용노동부 평가 A등급 강사선정

그린컴퓨터아카데미수원 우수강사선정(2017, 2018, 2019 3년연속 최우수1등상 수상)

전) 삼성ODD 기획 개발팀 담당

가톨릭대학교 컴퓨터공학부 특강

용인송담대학 멀티미디어학부 특강 및 다수


🚵 자격사항

직업능력훈련교사[정보기술개발] 고용노동부

직업능력훈련교사[정보기술운영] 고용노동부

직업능력훈련교사[정보기술전략·계획] 고용노동부

직업능력훈련교사[인공지능] 고용노동부

직업능력훈련교사[실감형콘텐츠제작] 고용노동부

직업능력훈련교사[문화콘텐츠제작] 고용노동부

직업능력훈련교사[멀티미디어] 고용노동부

직업능력훈련교사[일반사무] 고용노동부

직업능력훈련교사[총무] 고용노동부

직업능력훈련교사[디자인] 고용노동부

직업능력훈련교사[영상제작 ] 고용노동부

직업능력훈련교사[인쇄] 고용노동부

직업능력훈련교사[출판] 고용노동부

빅데이터전문가1급 한국직업능력진흥원

정보처리기사 한국산업인력공단

사무자동화산업기사 한국산업인력공단

컴퓨터활용능력 2급 대한상공회의소

ITQ OA 마스터 한국생산성본부

워드프로세서 1급 대한상공회의소

멀티미디어콘텐츠제작전문가 한국콘텐츠진흥원

시각디자인산업기사 한국산업인력공단

컴퓨터그래픽스운용기능사 한국산업인력공단

웹디자인기능사 한국산업인력공단

GTO 포토샵 1급 글로벌공인자격검정원

GTO 일러 1급 글로벌공인자격검정원


👩‍🏫 현) 그린컴퓨터아카데미 직업능력훈련교사 재직중

담당과정) 정보기술개발/프론트엔드/백엔드/풀스택/자바 웹개발/UIUX엔지니어링/빅데이터플랫폼구축/빅데이터시스템개발/ 프로그래밍언어/파이썬/자바/빅데이터분석/ 빅데이터전문가/프로그래밍언어/콘텐츠기획


  인프런의 부트스트랩3(BOOTSTRAP)를 활용한 반응형 웹페이지 만들기 약 10만명 구독을 기념으로 그동안 추가 강의에 대한 많은 요청을 DM으로 받아 풀스택 강의를 최신버전으로 기획 제작 및 업로드 중입니다. 여러분의 많은 관심과 따뜻한 댓글은 영코디 킴쌤의 강의제작에 큰 원동력이 됩니다.

 

느리지만 차근차근 질좋은 강의로 한걸음씩 여러분과 함께하겠습니다.

 

Curriculum

All

78 lectures ∙ (25hr 42min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

Not enough reviews.
Become the author of a review that helps everyone!