[From JavaScript to React] The Path to React Without Giving Up [Full vers.]

Did you give up while studying React? Even complete beginners new to coding and non-majors can find their way to React without giving up, from JavaScript all the way to React.

(5.0) 5 reviews

25 learners

Level Beginner

Course period Unlimited

JavaScript
JavaScript
React
React
jQuery
jQuery
TypeScript
TypeScript
ES6
ES6
JavaScript
JavaScript
React
React
jQuery
jQuery
TypeScript
TypeScript
ES6
ES6
날개 달린 동전

Recommend Course to grow and earn commission!

날개 달린 동전

Marketing Partners

Recommend Course to grow and earn commission!

What you will gain after the course

  • JavaScript

  • Vanilla Script

  • jQuery

  • es6

  • Modern Script

  • React

  • JSX notation

  • Component Usage

  • Understanding and Utilizing Props

  • Data Storage Using State and Utilizing useState

  • Re-rendering and the Use of useEffect

  • Styled JSX

  • Emotion

  • Tailwind CSS

  • Memoization

  • Global State

  • TypeScript

  • Optional Chaining

수강 전 확인해주세요!

  • 이 강의는 자바스크립트부터 리액트까지 포기없는 리액트로 가는 길 [통합편] 강의입니다. (Part 1 ~ Part 4) 파트를 분할 수강하고 싶으신 분들은 Part 1, Part 2, Part 3, Part 4 강의 소개를 참고해주세요! 

바닐라 js, 자바스크립트, 제이쿼리, 모던 스크립트, 타입 스크립트, 리액트,JavaScript, React, jQuery, vanilla-javascript, ES6,ES6,react-jsx, TailwindCSS, TypeScript

초등학교 코딩교육, IT소프트웨어학과의 고등학생, 컴공과 대학생, 비전공자 취준생을 대상으로 15년 넘게 코딩교육에 전념해온 현직 스타강사 영코디 킴쌤의 그동안의 노하우를 꾹꾹 눌러담은 쉽고 재미있는 JavaScript, vanilla-javascript, ES6, jQuery, TypeScript, React 코딩강의!

자바스크립트의 기초 걸음마부터 리액트까지 포기하지 않고 완주할 수 있도록 단계별 실습예제를 통하여 스크립트를 재미있게 익히는 올인원 스크립트 완벽 마스터 패키지 강의입니다! 디자인, 클론코딩, 모바일 디자인, 국비지원 부트캠프, 인터렉티브 웹, 프론트엔드, 풀스택, 백엔드

Java, 객체지향, 국비지원 부트캠프, Spring Boot, SJava, 객체지향, 국비지원 부트캠프, 프론트엔드, 풀스택, 백엔드,Java, Spring Boot, Spring, 객체지향, JSP, 자바,스프링,스프링부트,리액트

💻 찐~기초부터 시작하는 비전공자를 위한 프론트엔드, 백엔드, 풀스택 취업코스

바닐라 js, 자바스크립트, 제이쿼리, 모던 스크립트, 타입 스크립트, 리액트까지 기초부터 단계적으로 배우며 깨우치는 스크립트의 모든 것! 이제 포기하지 말고 재미있게 스크립트의 세계로 빠져봅시다!

바닐라 js, 자바스크립트, 제이쿼리, 모던 스크립트, 타입 스크립트, 리액트,JavaScript, React, jQuery, vanilla-javascript, ES6,ES6,react-jsx, TailwindCSS, TypeScript

📚비전공자를 위한 [자바스크립트부터 리액트까지] 부트캠프에서는 이런 것들을 배워요! 

스크롤시 스크롤 방향으로 이동하는 캐릭터 웹사이트 제작

플러그인을 이용한 캐로셀 제작

스크립트로 완성한 모달창 제작

버튼 클릭시 동영상 제어스킬

버튼 클릭시 파일 다운받기

ToDoList제작

바닐라 js, 자바스크립트, 제이쿼리, 모던 스크립트, 타입 스크립트, 리액트,JavaScript, React, jQuery, vanilla-javascript, ES6,ES6,react-jsx, TailwindCSS, TypeScript

영코디 킴쌤은 현재 국비지원 부트캠프에서 frontend 디자이너, backend 개발자, 웹디자이너, fullstack 개발자 등을 500여명 넘게 계속적으로 배출해오고 있으며 '수강생들이 뽑은 지인들에게 추천하고 싶은 수업 1위' 에 지속적으로 랭크업 되고 있습니다..HTML/CSS, 웹 디자인, 클론코딩, 모바일 디자인, 국비지원 부트캠프

실제 수강평 확인 바로가기 | https://greenart.co.kr/community/student_review

CSS, frontend, 웹 디자인, 국비지원 부트캠프, 클론코딩

영코디 킴쌤의 쉽고 재미있는 설명과 특유의 암기법을 통해 초보자도 단계별로 성장할 수 있으며 다양한 클론코딩을 통해 실무 웹개발을 점진적으로 익힐 수 있습니다.

여러분도 진짜 기초부터 시작하는 비전공자를 위한 웹디자인, 프론트엔드, 백엔드, 풀스택 취업코스를 통해 개발자로의 꿈에 도전해보세요.HTML/

풀스택 로드맵4

Spring Boot, JPA, TDD, JSP, Java, 스프링, 스프링부트, 리액트, 프론트엔드, 백엔드, 풀스택, 자바

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 the 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 [Modern Web Interactive CSS3] [Click to Go to 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" is a word that 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 webs that are not boring but interesting and beautiful 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][Current 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, then cover JavaScript ES6 syntax, jQuery, and other basic grammar. Through various practical examples, we solidify the fundamentals of scripting. After that, we understand and practice various React syntax to implement bulletin boards and member functions using components, state, and memoization. We also learn TypeScript syntax to create ToDoList practice examples, opening the path to React without giving up.


STEP04 | [Responsive Web Development] Bootcamp for Non-Majors[Click to Go to Course]

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

Learn how to use Bootstrap for developing responsive web pages that adapt their layout according to different devices. This course appropriately balances theory and practice to help you understand Bootstrap's components, immediately verify your learning through hands-on exercises, and complete the implementation of 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 ability to implement various layouts for different devices using only pure HTML/CSS/jQuery without Bootstrap through hands-on practice creating a Hansot Dosirak responsive website.


STEP05-1 | [JAVA Basics] Bootcamp for Non-Majors [Click to go to the 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, storing classes - which allows you to bundle and manage various data types in one place. 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 This Course]

Understanding and Practice of Database

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 uninterrupted execution using nohup.

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

#java #java #government-funded #bootcamp #springboot #springboot #frontend #backend #fullstack #fullstackdeveloper #jsp #react #react #frontend #backend #fullstack #html #css #css3 #coding-lecture #coding-class #coding-basics #coding-academy #coding-study #javascript #javascript #coding-online-course #coding-education #interactive #interactive-web #spring #spring #developer #developer-job #aws #db #database #jdbc #oracle #oracle #sql #jpa #thread #threads #thread #serialization #deserialization #inheritance #polymorphism #method #overloading #overriding #class #operation #eclipse #eclipse #domtree #jquery #plugin #object #object-practice #object-creation #object #object #modal-window #modal #modal #es6 #document-object-model #js #javascripttutorial #javascriptexamples #interactiveweb #interactive #navigation-creation #gnb #position #web-layout #layout #form #form-tag #emmet #emmet

Recommended for
these people

Who is this course right for?

  • Complete beginner who is encountering coding for the first time

  • Non-major

  • Someone who has given up while studying JavaScript and React

Hello
This is youngcodikimssam

429

Learners

30

Reviews

23

Answers

5.0

Rating

19

Courses

👩 The person who created this course

A current vocational training instructor who is sincere about nurturing developers, having taught full-stack (back-end, front-end), video, coding, design, big data, and machine learning for over 15 years with the goal of [Coding that even non-majors can learn easily and enjoyably!]


🎖 Career History

[The First Step for Someone Who Knows Nothing About Computers to Earn 1 Million Won a Month as a Side Hustle] Author of

Selected as a Grade A instructor in the Ministry of Employment and Labor evaluation for NCS (National Competency Standards) lectures

Selected as an Outstanding Instructor at Green Computer Academy Suwon (Awarded 1st Place Grand Prize for 3 consecutive years in 2017, 2018, and 2019)

Former) Samsung ODD Planning and Development Team Member

Catholic University of Korea Department of Computer Science and Engineering Special Lecture

Special lecture at Yongin Songdam College, Department of Multimedia and others


🚵 Qualifications

Vocational Education and Training Instructor [Information Technology Development] Ministry of Employment and Labor

Vocational Education and Training Instructor [Information Technology Operations] Ministry of Employment and Labor

Vocational Education and Training Instructor [IT Strategy & Planning] Ministry of Employment and Labor

Vocational Training Instructor [Artificial Intelligence] Ministry of Employment and Labor

Vocational Training Instructor [Immersive Content Production] Ministry of Employment and Labor

Vocational Education and Training Instructor [Cultural Content Production] Ministry of Employment and Labor

Vocational Training Instructor [Multimedia] Ministry of Employment and Labor

Vocational Training Instructor [General Office] Ministry of Employment and Labor

Vocational Education and Training Instructor [General Affairs] Ministry of Employment and Labor

Vocational Education and Training Instructor [Design] Ministry of Employment and Labor

Vocational Education and Training Instructor [Video Production] Ministry of Employment and Labor

Vocational Education and Training Instructor [Printing] Ministry of Employment and Labor

Vocational Education and Training Instructor [Publishing] Ministry of Employment and Labor

Big Data Specialist Level 1 Korea Institute for Vocational Education and Promotion

Engineer Information Processing Human Resources Development Service of Korea

Office Automation Industrial Engineer Human Resources Development Service of Korea

Computer Literacy Level 2 Korea Chamber of Commerce and Industry

ITQ OA Master Korea Productivity Center

Word Processor Level 1 Korea Chamber of Commerce and Industry

Multimedia Content Planning & Design Professional Korea Creative Content Agency

Industrial Engineer Visual Design Human Resources Development Service of Korea

Computer Graphics Operation Technician Human Resources Development Service of Korea

Web Design Technician Human Resources Development Service of Korea

GTQ Photoshop Level 1 Global Certified Qualification Testing Agency

GTQ Illustrator Level 1 Global IT Certification Authority


👩‍🏫 Currently serving as a Vocational Competency Training Instructor at Green Computer Academy

Assigned Courses) Information Technology Development / Frontend / Backend / Full Stack / Java Web Development / UIUX Engineering / Big Data Platform Construction / Big Data System Development / Programming Languages / Python / Java / Big Data Analysis / Big Data Expert / Programming Languages / Content Planning


  To celebrate reaching approximately 100,000 subscribers for the Inflearn course "Creating Responsive Web Pages Using Bootstrap 3," and in response to numerous DMs requesting additional lectures, I am currently planning, producing, and uploading a full-stack course in its latest version. Your interest and warm comments are a great driving force for YoungCody Kim's lecture production.

 

Though slow, I will walk with you step by step with high-quality lectures.

 

More

Curriculum

All

122 lectures ∙ (50hr 30min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

5 reviews

5.0

5 reviews

  • roseup2466님의 프로필 이미지
    roseup2466

    Reviews 1

    Average Rating 5.0

    5

    30% enrolled

    • a010263800942819님의 프로필 이미지
      a010263800942819

      Reviews 1

      Average Rating 5.0

      5

      30% enrolled

      • happyvirus77778679님의 프로필 이미지
        happyvirus77778679

        Reviews 32

        Average Rating 5.0

        5

        30% enrolled

        • pcdoomco8345님의 프로필 이미지
          pcdoomco8345

          Reviews 16

          Average Rating 5.0

          5

          6% enrolled

          It's a shame that the course period is only one year, but I will study hard and master it. I will follow the instructor's curriculum completely!

          • Thank you. You have completed more than 50% of the course, so we have extended your course period by one year as requested. Keep up the good work! :)

          • Due to popular demand, we have changed the course access period to unlimited. We hope you have a pleasant and enjoyable learning experience. Thank you :)

        • andyhur9849님의 프로필 이미지
          andyhur9849

          Reviews 8

          Average Rating 5.0

          5

          14% enrolled

          This is such a well-made course!! I'm determined to master JavaScript. I'm sad that the course access is only for one year. 😭😭 I should be able to master it within a year, right? 😊😊

          • Thank you. If you request an extension of the course period via comments after completing more than 50% of the course, we will extend it for another year. Keep up the good work for the remaining time! :)

          • Course access is now unlimited, by popular demand. We hope you enjoy the course. Thank you :)

        youngcodikimssam's other courses

        Check out other courses by the instructor!

        Similar courses

        Explore other courses in the same field!

        $158.40