Modern Web Interactive CSS3 [PART1/3]

모던 웹 인터렉티브 CSS3는 [기본 스타일부터 인터렉티브한 애니메이션까지의 개념을 배우며 바로바로 적용해봄으로써 실전스킬을 빠르게 향상시킬 수 있습니다.]

CSS는 Cascading Style Sheet 의 약자로 Cascading은 계층적인, 폭포수 같은 의미를 가지고 있는 단어입니다. css는 말 그대로 html 구조의 부모, 자식 관계를 계층적으로 선택하여 원하는 요소에 원하는 스타일의 색이나 모양, 애니메이션을 입히고 사용자의 마우스 움직임이나 클릭 이벤트에 반응하여 컨텐츠 요소들이 동작하여 작동하므로 사용자가 보기에 지루하지 않고 흥미롭고 재미있는 웹을 디자인 할 수 있는 요소들을 제작하여 적용합니다. 또한, 다양한 모바일 디자인, 웹 디자인, 애니메이션 디자인, 반응형 디자인 등 실무 사이트를 클론 코딩하며 다양한 구조와 스타일의 HTML/CSS를 반복적으로연습하여 다양한 실습경험을 쌓음으로써 css에 완벽한 자신감을 가지고 즐겁게 코딩하여 실력이 쑥쑥 향상되는 기쁨을 느끼게 됩니다.

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

✔STEP01 | [HTML Starter] Bootcamp for Non-Majors[Click to Go to Course]

The meaning of HTML and how to write basic code and create layouts

Web development is like creating an online store that anyone can visit. HTML stands for Hyper Text Markup Language, and you'll learn to create the basic framework by organizing the key core information that becomes the main content of web pages.

✔STEP02 | Bootcamp for Non-Majors [From CSS Styling to Animation] [Click to Go to This Course]

From the meaning of CSS and basic code writing methods to applying desired styles to HTML for web design

CSS stands for Cascading Style Sheet, where "Cascading" means hierarchical or waterfall-like. CSS literally allows you to hierarchically select parent and child relationships in HTML structure to apply desired styles, colors, shapes, and animations to desired elements, creating sheets that enable you to design interesting and beautiful webs that are not boring for users to view. Additionally, until you gain confidence in CSS, you build experience in creating various web designs by repeatedly coding HTML/CSS for clone designs of various practical sites, mobile designs, and web designs.

✔STEP03 | Bootcamp for Non-Majors [From JS to React][Click to Go to Course]

Learning Vanilla Script and JavaScript ES6 Syntax and Utilizing React

Have you ever felt frustrated while studying React? In Teacher Kim's class, to systematically learn JavaScript, which is the foundation of React, we start with vanilla script, JavaScript ES6 syntax, jQuery and other basic grammar, then solidify the fundamentals of scripting through various practical examples. After that, we help you understand and practice various React syntax to implement bulletin boards and member functions using components, state, and memoization, and learn TypeScript syntax to create ToDoList practice examples. We open the path to React without giving up.

✔STEP04 | [Responsive Web Development] Bootcamp for Non-Majors[Click to go to the course]

Learn to understand and use @media queries for creating responsive web designs, and master Bootstrap, a framework that makes it easy to build responsive layouts

Learn how to use Bootstrap for developing responsive web pages that adapt their layout according to different devices through an appropriate balance of theory and practice. Understand Bootstrap's components and immediately verify your learning through hands-on exercises, ultimately implementing and completing an actual responsive website.

Additionally, for those who want to create responsive websites with their own unique style instead of Bootstrap's predefined styles, we will master the practice of implementing various layouts for different devices using purely HTML/CSS/jQuery without Bootstrap through creating a Hansot Dosirak responsive website.

✔STEP05-1 | [JAVA Basics] Bootcamp for Non-Majors [Click to go to this course]

Starting with understanding and practicing the most basic grammar, then learning Java fundamentals and intermediate grammar

You will learn Java, the most fundamental language for web development backend, starting from the most basic grammar and gradually progressing to intermediate level. Through various practical examples, you will naturally acquire the ability to code the programs you want on your own.

✔STEP05-2 | Bootcamp for Non-Majors [JAVA from Basics to Advanced][Click to Go to This Course]

Understanding and Practice of Java from Basics to Advanced Grammar

Java's Collection Framework is a built-in internal library that literally means collection - gathering and storing classes. It allows you to bundle and manage various data types in one place, and by learning various syntax for storage and practicing diverse examples from Java basics to advanced concepts, you build a solid foundation that serves as the cornerstone for web development backend.

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

Understanding and Practicing Databases

Learn SQL syntax and practice through CRUD operations that involve creating database (DB) tables and reading, writing, modifying, and deleting data in the database, preparing you to utilize databases for user registration, login, and bulletin board creation.

✔STEP06 | Bootcamp for Non-Majors [From JSP to SpringBoot] [Click to go to the course]

From JSP to Spring Boot

Have you ever experienced frustration while studying Spring Boot, which is currently the most widely used framework in the industry?

In Kim's class, to perfectly understand Spring Boot, we start learning from the most basic syntax of JSP, directly experiencing the evolution of backend syntax from the previous generation to the current generation, naturally acquiring concepts and usage methods, and understanding the principles of how Spring Boot, which automatically implements web development backend, operates.

Master the fundamentals for portfolio creation by learning basic concepts and applications of ORM, JPA, and entities, understanding Spring Security and implementing member functionality using security, practicing JUnit tests and H2 console usage, and ultimately implementing a practical website with member and bulletin board features using Spring Boot and collaborating through GitHub.

✔STEP07 | Building Web Services for Real-World Deployment [From Hosting to AWS]

[Click to go to the course]

Complete Web Service with Hosting and AWS Deployment

Have you ever had the frustrating experience of developing a project that only runs on your computer and not being able to deploy it as an actual service?

In Kim's class, we don't just stop at writing code, but learn step by step through the entire process from web hosting using Dothome to deploying projects on GIT and AWS EC2.

You can master the deployment processes essential in real-world work, including domain connection, FTP upload, deployment through GitHub, jar packaging, server configuration, image upload path specification, and continuous execution using nohup.

Through this process, you'll gain experience actually launching your website to the world, building both confidence as a developer and real service operation capabilities at the same time.

Java, Object-Oriented, Government-Funded Bootcamp, Spring Boot, SJava, Object-Oriented, Government-Funded Bootcamp, Frontend, Full Stack, Backend, Java, Spring Boot, Spring, Object-Oriented, JSP, Java, Spring, Spring Boot, React, Spring Boot, Spring, Spring, Spring Boot, React, Backend, Frontend, Spring, Spring, Spring Boot, React, Backend, Frontend