ASMR Pong Programming in the Park

[@TinyMaths]

This definitely works; I'm actually watching this while doing my first refactor of the first apps that I've built over the past few months. Very therapeutic scenery and natural sounds (and the typing too). Great film making by the way!

[@semirsinani1342]

when i saw the video format i thought of Takuya immediately. I am glad that you gave credit in the video.

[@Coding_Asmr_PraDev]

Need more these brother, it motivates me to not quit what I have been doing.

[@MudassirKhan-sx9jy]

👍Dev as life . 👍Chris courses .

[@DisneyToons_007]

Brilliant teacher ❤❤

[@gaganrastogi9624]

Wow, you are also a fan of "devaslife". I love your videos too. Thanks for making these.

[@ChrisCourses]

Big fan, thanks for watching!

[@trashinGame]

man the scenery and the typing sounds make this an absolute banger of an ASMR video + u get to learn too!

[@Nodsaibot]

but no socks with them sandals -100 points!

[@neunmalelf]

I really enjoy this format. 😊👍

[@jinyoung-ch]

Would you mind sharing how you managed to modify the opacity of the Sublime Text background? Looks awesome :)

[@fullcourseyellow5940]

How did u make ur code window be transpalent to the bg video?

[@vaaaaaaaaan8678]

This literally helps. I started to understand some parts that I cant understand before

[@jonathanzhu6917]

devaslife is amazing and I love his style of videos, honestly wouldn't mind seeing more people pick up on it!

[@ChrisCourses]

Love his style, very peaceful and fun to make, can't wait to see more from him

[@KaueO.Castro]

@@ChrisCourses os night

[@KaueO.Castro]

Pode night

[@KaueO.Castro]

Pode night

[@andreaspetersen2662]

When i go on pension after being a corporate dev most of my life, this is the type of stuff i want to do 😂

[@drelaxconexion3657]

Moshi

[@george7343]

@@drelaxconexion3657😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢😢wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww😂 mw

[@sylens_]

Nice style, I see you’re a fan of devaslife programming videos

[@ChrisCourses]

Big fan, love his work 🙌

[@senseiAree]

Hey Chris, just a quick and real question... How did you kept ur laptop charged?

[@ChrisCourses]

The newest MacBooks have great battery life, think mine can go about 6-8 hours of basic use without a charge

[@QkysenQ]

damn@@ChrisCourses

[@rupertodiaz8673]

Great tutorial Chris, kuddos++

[@biirdman89]

really damn cool. as someone who has been self-taught for a while now, I'm happy I was able to keep up and understand what you were doing.

[@ChrisCourses]

Awesome, glad you have the hang of it, takes some time for sure, but eventually you'll be able to code all of this stuff from your head as the knowledge continues to build

[@comoyun]

quality content 👌

[@notSoAnonyymus]

I'm not sure what tutorial you plan on doing next but what about rogue like or dungeon crawler?

[@rummanmiazi3022]

What is the code editor you use

[@apartbrain]

Hi, can you tell which editor it is and how did you achieve transparent background?

[@DwikiIkhwan]

What a fresh idea, great tutorial overall. Salute!

[@mounir101]

So glad to see you with this tutorial. Thanks so much, bro.

[@shinodesigns247]

This would be a dope series, great ASMR btw!

[@Turbo_Waitress]

This is awesome. What type of laptop do you use for development?

[@grivelator]

Probably a MacBook with MacOS...

[@peterweyland117]

Thank you!)) Great tutorials!))

[@xcliber]

Forgot to swap one of the 'width' to 'height' when you copy/pasted the ball physics for bouncing off the bottom. That's why the ball's not going all the way down. I need to get back into programming.

[@ChrisCourses]

This is true, noticed after the fact and was like: welp, too late now 😅 Fixed in the source and for the end screen preview

[@xcliber]

May wanna mute the part of the video where you can hear Free Fallin' in the background. This style of video is pretty cool and I wouldn't want to see it taken down.

[@briankgarland]

Didn't even look up as the girls walked by. True programmer. 😂

[@ChrisCourses]

🤣🤣🤣

[@dustintrombly]

I assume this is an Apple silicon MacBook? Looks like one. The battery life, screen quality + brightness, and ability to actually use it on your lap without heating your legs is such a treat. I did something similar to this recently and was blown away at the realization that up until owning my M1, I wasn’t able to truly have an enjoyable extended experience taking my laptop outdoors.

[@marcelo.victor]

Chris, hi, your subscriber from Brazil! Amazing simple Pong tutorial! Can you make a javascript tutorial on how to display a div on a button click, the div being always attached to the button by the ID (inserted dinamically via JS with "after" and show above/bottom or left/right of the button when this button is positioned at top, bottom, left, right of the window? Without this div created by JS being cut off screen? I have tried a lot but I'm bangging my head against the wall trying to do this!

[@ChrisCourses]

Hey Marcelo, if you have a CodePen of your current work, shoot it over through this comment. I can make some quick edits w comments to point you in the right direction, should be relatively quick I believe 🙏

[@marcelo.victor]

@@ChrisCourses thank you so much for being able to help me! I tried more, studied more and finally i did it! Please continue the AWESOME work on this channel!

[@KylerTull-m5s]

Hey @marcelo.victor, i looked into the comment and i think i found a way to do it: Dynamic Div #dynamicDiv { display: none; position: absolute; border: 1px solid #ccc; padding: 10px; background-color: #fff; z-index: 1; } Click me document.getElementById('myButton').addEventListener('click', function() { // Create a dynamic div var dynamicDiv = document.createElement('div'); dynamicDiv.id = 'dynamicDiv'; dynamicDiv.innerHTML = 'This is the dynamically created div!'; // Attach the dynamic div after the button this.after(dynamicDiv); // Position the dynamic div relative to the button positionDynamicDiv(dynamicDiv, this); // Display the dynamic div dynamicDiv.style.display = 'block'; // Remove the dynamic div after a certain time (for demo purposes) setTimeout(function() { dynamicDiv.remove(); }, 5000); }); // Function to position the dynamic div based on the button's position function positionDynamicDiv(div, button) { var rect = button.getBoundingClientRect(); var viewportWidth = window.innerWidth; var viewportHeight = window.innerHeight; // Check the position of the button relative to the viewport if (rect.top < viewportHeight / 2) { // Button is in the top half of the viewport div.style.top = rect.bottom + 'px'; } else { // Button is in the bottom half of the viewport div.style.bottom = (viewportHeight - rect.top) + 'px'; } if (rect.left < viewportWidth / 2) { // Button is in the left half of the viewport div.style.left = rect.right + 'px'; } else { // Button is in the right half of the viewport div.style.right = (viewportWidth - rect.left) + 'px'; } }

[@armandsalle8447]

Really nice !! How did you do the video editing with you code editor?

[@yugimaniaca8043]

Hello Chris, your video looks great!!! Can you do a video tutorial on how to apply the chroma key?

[@ChrisCourses]

I could, but probably shouldn't since I know devaslife mentioned in one of his videos that he isn't ready to reveal that info just yet. Wouldn't want to disrespect him by revealing his channel's special ingredient, but to give you some direction, I did it all in post, meaning that there was no special setting I added to sublime to change the background or anything like that. Used Davinci Resolve and was able to get something going after 3ish hours of learning their color panel and chroma key tool. Hope that helps a bit!

[@emanuelvidalrm]

nice homage to @devaslife

[@Alb0z32]

These javascript game tutorials are very helpful man, they helped me learn more about OOP in javascript and the game logic. Keep up the good work man :)

[@comoyun]

how long have u been coding?

[@Alb0z32]

@@comoyun 3 years, mainly full stack(front end and nodejs with express and react). I also recently learned basics of java in a bootcamp

[@comoyun]

@@Alb0z32 oh, that's awesome!

[@rummanmiazi3022]

Good good good good

[@gnet888]

good idea

[@martinthomas8955]

How did you record this? its beautiful

[@Nodsaibot]

You should declare or include a mini lib with shorthand names for common operations and methods? like OneLoneCoder does for example const select = el => document.querySelector(el); so you just do on the next line and ALL future DOM selects const canvas = select('canvas'); then include the lib in the comments? :D

[@omenworks]

@devaslife fan here ;)

[@trashinGame]

congrats on 100k subs man! *Programming Elden Ring in the Park* when?

[@simon-hb7wf]

I love the concept !! keep up the great work !

[@rummanmiazi3022]

How to install unity

[@tojuju]

this is so cool. hope you have more of these

[@bohardw1884]

This video is familiar with Takuya's video! Its great

[@souvikbiswas9169]

Miss you!

[@Skylla54]

coded along with you, that was fun 😄👍 To keep up with you and doesnt loose track to often, i used `vi{zf` to fold the folders.

[@05.aishiqmishra4]

I woke up and i saw this

[@souvikbiswas9169]

Where you have been!

[@rakasin]

This is hot shit! Love it 😍

[@Geloooooooooo]

Nice content

[@Vim_Tim]

Nice but needs more Neovim

[@MudassirKhan-sx9jy]

Cool♥️

[@shuaidong7995]

不错不错!!!我也很喜欢 @devaslife 视频风格, 从此我也开始关注你. 希望你的视频越来越好 (Great, great!!! I also really like @devaslife's video style, and now I'm following you too. I hope your videos will get better and better.)

[@blakevollbrecht9026]

14:50 NOOOOOOO

[@lakehighland]

I’m on the train to 100k subs!!!

[@calcio437]

nice

[@sidekick3rida]

Central Park!

[@ChrisCourses]

Nailed it 👍

[@cecece775]

I thaought takya dropped a new vidéo hahahha

[@7aidas7]

PLEASE can you make object fall game with images changing with score? I searched in youtube and didn't find anything like that. Can you make that game? Pls like this comment guys

[@rummanmiazi3022]

So so so so so so so so so so so so

[@brafesta]

i'm a c# programmer and somehow i just realize that c# and js are really really similar ... bruh

[@TheMonkeyworkshop]

🤣

[@K1TTy1386]

b cUñ'ñ

[@Paranoiarts]

Do you know the Movie "Pong". Thriller! 8 Oskars.