Home
1/4

Learn modern front-end practice with vanilla JavaScript!

Beginner
9 chapters
English ยท Japanese ยท Korean|Audio Korean

Check out what classmates have to say!

Vanilla Javascript
5 Class Projects

It takes about 1 hour(s) to complete each project.

  • Learn the basics of Modern Vanilla JavaScript (ES6)

  • Making a puzzle game with vanilla JavaScript

  • Making a typewriter game with vanilla JavaScript

  • Create a Tudu app with pure JavaScript without a library

  • Create a weather search app using an open API

The position of front-end developers has grown?!

๐Ÿ“ Increased front-end demand

In the past, front-end developers were only responsible for a small portion of the client (user) screen. But now they're expanding to an increasingly important role in web development, and as a result, the demand for front-end developers is increasing.


JavaScript (JS) can be extended to many areas!

๐Ÿ“ Good expandability means good value for money.

If you learn JavaScript that extends not only to the web, but also to mobile applications and desktop applications, and learn the front-end, many opportunities will open up before you.

Javascript ES6 (JavaScript standard) At the time of the announcement, it was transformed into a very attractive language.

In the past, it went further from being just a web screen, to playing a very important role in web development, and can even act as a server.


Also, what you all know very well Instagram, Discord, Skype, Visual Studio Code Did you know that all of these are made with JavaScript? As such, JavaScript is expanding into various fields.

However, as it expands, the difficulty level inevitably increases. How should we conquer front-ends and JavaScript?



Learn with practice, not theory.

๐Ÿ“Let's learn easily by making puzzle games and typing practice games together.

I want to conduct classes using front-end knowledge and essential ES6 modern JavaScript. I'll help you learn as close to practice as possible and in a fun way.

Even if you want to forget the know-how developed through practice and practice, not just theory, you won't be able to forget it. If you take this class, you will naturally be able to move away from simple coding in HTML, CSS, and JS, and follow the latest development trends.



Front-end development, what exactly will you learn?

๐Ÿ“Chapter 1: A very simple summary of what HTML and CSS are

HTML5The basic skills of, CSS3Learn the basic skills of each, and influence productivity gridwith FLEXLet's take a look at.

thereafter Bootstrap, Material Design, CSS Frameworks To learn about, etc., and become a developer in line with current trends SASSYou will learn how to make a layout using.


๐Ÿ“ Chapter 2: Learn JavaScript (ES6) by doing exercises

The importance and vision of JavaScript todayI'll tell you about, and ES6, which is called the JavaScript standard.

After that, I will continue to practice. Let's learn about variables & data types, Object&Array, conditional statements & operations, method functions, object-oriented programming, and DOM handling in a hands-on manner.


๐Ÿ“ Chapter 3: Creating a Tudu app using pure JavaScript without a library

Publishing, DOM, and Storage in the following order A really pure app without a libraryI'm going to make one!


๐Ÿ“ Chapter 4: Creating a weather search app using an open API

I'm going to learn how to use axios and do a RESTful test using Postman. Afterwards, you'll practice publishing and programming.


๐Ÿ“ Chapter 5: Making a typing game

Learn about publishing using Bootstrap, Flex, and Grid, which I mentioned earlier. I'll also try creating a state management method and adding interval, DOM, and toast libraries. Let's apply the random word API to my friendliness as well.


๐Ÿ“ Chapter 6: Making a puzzle game

This time, let's publish using background attachments, transition advanced CSS, etc. You'll also learn how to use built-in objects and how to create your own drag events. Finally, we use refactoring to make the code cleaner and create a finishing program.



I'm Scalper, a developer who will teach you the first steps in the front-end.

๐Ÿ“ From full-stack developer to front-end developer.

Nice to meet you, I'm Scalper, the developer. After working as a full-stack developer, I became interested in front-end and moved to front-end developer.

Since then, we have carried out various projects such as Hanwha, Kongo Airlines, and the Eurostar travel platform.

  • Hanwha Solution Factory Safety System
  • KCCA floating population monitoring system
  • Eurostar Smart Tourism Platform: Swiss Business Consortium
  • Daegu Technopark Smart Factory Project
  • Damyang County Office portal site web standards, accessibility work
  • Gumi City Hall Integrated Site Management
  • Yonsei University Brain Cognitive Science Laboratory Experimental Solution
  • Yeoju University Nursing Performance Management System
  • Handong University Smart Mileage App

The recent lectures on JavaScript and front-end have been a meaningful experience for me, and I'm becoming a creator who conducts classes in earnest.



Not legacy code from the past,

Learning modern and clean ES6 JavaScript

๐Ÿ“ A class that lays the foundation for growing as a front-end developer

I understand the feeling that you don't know what you're saying even if you look at the information floating around on the internet. It will be the perfect class for those who are unsure of what to say or how to get started.

Each time you learn chapter by chapter, I'll help you learn how it's actually used and how it works through hands-on practice. Move away from simple coding and become a true modern developer.

The first step in learning front-end with modern vanilla JavaScript!

OK, I'll see you in class.



Class training environment guide

๐Ÿ“Basic programs

  • Chrome
  • Visual studio code

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ปInternship Program

  • Postman
  • node.js
  • Git
  • Soucetree
Class Kit ยท Coaching Session

๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป 1:1 front-end coaching directly from Scalper (2 sessions)

๐Ÿ“ 1:1 coaching to become a modern front-end developer!

  • You can ask a total of 2 questions per coaching ticket.
  • For each question, we will write an answer of around 250 characters and send it to you. (If you want a video meeting, it will last around 20 minutes.)
  • First, while following the vanilla JavaScript exercise, I will coach you in detail for any incomprehensible parts or additional questions.
  • Second, we will coach you on the parts that cannot be executed or that are blocked in configuring the training environment.
  • Third, we will provide coaching to solve difficult issues when developing content within the class, such as program application and library integration.
  • For questions related to other classes, we will wholeheartedly coach you within the limits of your answers.
  • Coaching is answered sequentially by the borrower based on the date the questions were received. This may take at least 7 to 10 days.
  • The coaching ticket can be used for 20 weeks from the date of purchase.
  • If not used within the period, no refund will be given.

๐Ÿ“ฉ The package is subject to some changes, and we will be fully informed if there are any changes.

Curriculum

Creator

Scalper

Scalper

I'm Scalper, a developer who will teach you the first steps in the front-end.

๐Ÿ“ From full-stack developer to front-end developer.

Nice to meet you, I'm Scalper, the developer. After working as a full-stack developer, I became interested in front-end and moved to front-end developer.

Since then, we have carried out various projects such as Hanwha, Kongo Airlines, and the Eurostar travel platform.

  • Hanwha Solution Factory Safety System
  • KCCA floating population monitoring system
  • Eurostar Smart Tourism Platform: Swiss Business Consortium
  • Daegu Technopark Smart Factory Project
  • Damyang County Office portal site web standards, accessibility work
  • Gumi City Hall Integrated Site Management
  • Yonsei University Brain Cognitive Science Laboratory Experimental Solution
  • Yeoju University Nursing Performance Management System
  • Handong University Smart Mileage App


Then I had the opportunity to conduct JavaScript and front-end classes, and I felt that sharing what I knew was rewarding, so I started the course in earnest.

Nowadays, it is recommended that developers dealing with any language know about JavaScript as a basic knowledge. We hope that all of you will have the opportunity to enter the fascinating world of JavaScript and grow together.

A class reborn as a modern developer,

We'll see you in the front-end introductory class with vanilla javascript!

View similar classes you might also like

Intermediate level from basic to practical Javascript/jQueryWeb ยท Front Endย ย |ย ย IT Encyclopedia

Notes on Copyright Protection

  • All videos and materials included in the class are protected intellectual property under relevant laws.
  • You may face legal action if you copy, distribute, transmit, modify or edit the videos or materials included in the class without permission.
CLASS 101, LLC.
1201 North Market St. Suite 111, Wilmington, DE, 19801
support@101.inc