Interactive Web Development Know-How in a Few Lines [Beginner's Edition]

Hello. This is Coding Eleven.

We were trying to do a partial renewal, but we ended up reproducing all the lecture videos again .

We've improved the picture quality, sound quality, code size, etc., and updated the site we used as an example.

We also produced additional videos to cover parts that were lacking in explanation in the existing lectures.

The main curriculum is the same, but you can see it as almost a new lecture ^^

Those who are currently watching the lecture may be surprised by the sudden change in the video, so we are notifying you in advance.

The entire video is scheduled to be replaced around midnight on Tuesday, March 21st .

thank you

Hello. This is Coding Eleven.

It's been two and a half years since the course was launched.

As this was my first lecture, I felt there were many shortcomings, such as poor recording quality, so I am renewing the lecture .

We are maintaining the current curriculum and organizing the design and script.

Additional content is also being planned.

I will come back with a better lecture. ^^

We are providing this notice in advance to avoid causing confusion to those who have recently registered for the course and are currently taking the lecture.

Have a warm spring day and study hard~

And this is a web game I made last year, so give it a try.

(You don't have to do it ^^ No ads)

https://fun.pickywicky.co.kr/

Hello, this is Coding Eleven.

It's been a while since I opened a lecture. This is a 3D interactive lecture that I've mentioned several times in previous lectures.
Three.js is increasingly being used in services, so learning it will be very useful.

I started from scratch, and if there had been a lecture like this, it would have been much easier.
I think I worked on the project. I created the lecture while thinking about that frustrating time.

It's not as difficult as you think, so take this opportunity to get a taste of three.js.
We're offering a 30% discount only when we open, so now's your chance : )

Go to lecture

hello.

After a long time, I updated the additional lectures and the completed source code.

Using the scroll event and transform property

I tried to create a three-dimensional page.

Since it has high visibility, I think it can be used in many places.

:)

I didn't include an explanation video, but I did a lot of commenting in the JS.

I tried to include an explanation in the video, but it was too late. (I gave up)

I should have included an explanation since it wasn't related to the previous lecture.

Using a few lines of JS and CSS3 properties, you can create an interactive experience like the one above.

I wanted to show you that it can be made easily.

You can download the files for the last lecture :)

hello.

There was a request through the Q&A board

I have additionally uploaded the completed 3D Text Motion.

You can download it from the lecture list.

I didn't prepare a separate lecture video, but

If you watch the lectures in order, you can follow along without difficulty ^^