r/learnjavascript • u/Johnny_John_John_ • Sep 29 '21

This is my first javascript project, its a game but its a project nonetheless to me. It's 100% javascript can't describe how much i love this language. Kudos to the best experience I've had with coding in my life, and that love for coding where your imagination the limit.

257 Upvotes

97% Upvoted

43 comments sorted by

37

u/Nomikos Sep 29 '21

What other languages do you know? This is pretty advanced stuff for a first project in any language.

41

u/BedroomJazz Sep 30 '21

*cries in tutorial-assisted calculator web app*

8

u/ajfoucault Sep 30 '21

Lmaaooo. This.

2

u/Johnny_John_John_ Sep 30 '21

We all start somewhere, its the road ahead what we should look forward to :)

13

u/Johnny_John_John_ Sep 30 '21

Yeah quite a few, im still a 1st year in college, all this i had learnt from the internet here there picking things up and gluing them together.

Other languages i would know would be java c c++ c# python mainly, i have done worth with a few other languages but i wont say ive mastered them, c++ i can say i have come close.

Also this project was no joke, it wasnt a hehe look i made my first hello world website! It was more like i wanted to make a game to show others i have skill and passion in making something more than just a game, something social, something beautiful where you express yourself, be it via rickrolling everyone, shitposting meme videos, or just painting to your hearts content.

After i had the idea, i still knew no one download my game. Having a high budget of a 0$ didn't help much either. So i had to cater for the short attention span of the people on the internet who just want things right away on a single click. Hence i decided to learn webdev, i was blown away with how well it turned out to be, i dont think i can use other languages much anymore since js has so many quality of life stuff i constantly use.

6

u/zalogon119 Sep 30 '21

Well your last words sounds like the same every typescript user says after using TypeScript 😁 it's js but with interfaces and typing so, it could be helpful to check it out. In my experience it's been very nice to work with it. Helps me to remember methods of certain objects, make sure everything is passed where it should be, forces me to solve null value branches, all that good stuff 🤟

3

u/Johnny_John_John_ Sep 30 '21

Yess i look forward for using type script! This website was in p5js which follows more of a vanilla js, i wish to master babylonjs since that seemed to be very powerful and it supports ts! Webdev has been a treat so far cant wait to do more.

3

u/zalogon119 Oct 01 '21

Haha sounds great man, you look inspired. Great things coming soon I guess! 🤟🤟

4

u/mangadrawing123 Sep 30 '21

is that what type scirpt does? like a check grammar in document?! if so i definitely would start using it

4

u/zalogon119 Oct 01 '21

Sort of. You define the structure of an object (with interfaces mainly), then you declare that a certain object is of that type. And whenever you receive that object, even in a callback, and sometimes in situation where you are wondering what object you are receiving, the system knows because of the type you attached. But! At least to me it was hard at the beginning to build interfaces for everything, and when I got lazy just "putted things together" and that doesn't help. So you need to put the intention to write the interfaces too. But they totally pay off! 🤟

4

u/mangadrawing123 Oct 01 '21

Oh , sound complicated! I dont understand most thing like object ... cause i dont know how to use it yet. But thanks fro the details! I probably understand it along the way

9

u/cooladventureguy Sep 29 '21

Amazing work for your first JavaScript project

2

u/Johnny_John_John_ Sep 30 '21

Yeah cant wait for the next one (though that wont use javascript much :v)

5

u/Johnny_John_John_ Sep 29 '21

you can have a visit https://workingbuild.herokuapp.com/

Feel free to ask me literally anything.

7

u/BruceJi Sep 29 '21

How can we possibly believe it's not butter?

1

u/Johnny_John_John_ Sep 30 '21

Hmm, because butter is smooth and this surely isnt that? Idk what butter means in this context :v

4

u/[deleted] Sep 30 '21

[removed] — view removed comment

3

u/BruceJi Sep 30 '21

No matter how hard you try

6

u/GuitarGit Sep 29 '21

Is this done with canvas?

5

u/Johnny_John_John_ Sep 30 '21

Yeah :v

Look at the css and html from the console

This is almost 100% javascript, :vv

4

u/Etanoli Sep 29 '21

Where and how did you learn javascript? I just started. If you can guide me to some basic level resources from which I cam start, and then move onto advance levels. I’ll be very thankful.

6

u/Johnny_John_John_ Sep 30 '21

Yeah,

My story for learning i wont recommend, since i was skilled in programming before i even knew what javascript was, i was passionate as hell about it too.

Another thing i liked was to make my programs visual, something others see, even in my C days i used to make ASCII game. I shifted from data structures, algos etc to more of Artistic code (this all is during my hobby time or when im free only) and started using this beautiful language called Processing (a java based library) . I used to use turtle in python for my visual code before this so u can understand how good i felt.

The creators of processing made it for the web as p5.js. I got into it and just kept coding, js had everything i wished for in a language without the time waste or annoying boilerplate we have to write sometimes.

So yeah, coding is fun, coding can be art, i saw it like that and if you feel the same please go ahead and express yourself!

There is a YouTube channel called CodingTrain, super super nice guy! Following his tutorials is the best place to start for someone like me! (even for a absolute beginner)

3

u/Etanoli Sep 30 '21

Thank you for your detailed answer. I know a bit of programming, having programmed in C++. But new to javascript. I’ll follow codingtrain.

3

u/Johnny_John_John_ Sep 30 '21

You're in for a treat! I would recommend going through this processing tutorial, its java but is written almost exactly like c++ with quality of life stuffs like garbage collection.

After you enjoy processing, going into p5js is super nice, and for me i just started making things, googling whenever needed. Truth be told if you know one language you know them all, just need to spend a little time knowing what language is good for what. Hope u have a good time with it.

3

u/Etanoli Sep 30 '21

As I said I programmed a bit but not a good programmer. I will go through processing and see. Thank you once again 🙂

3

u/[deleted] Sep 30 '21

[removed] — view removed comment

2

u/Johnny_John_John_ Sep 30 '21

<3 your words are too kind!!

4

u/flowinglava17 Sep 29 '21

Wow. Could you please share the libraries/frameworks you used for this or even better if any tutorial that you followed?

4

u/Johnny_John_John_ Sep 30 '21

P5js, with socketio, Nodejs, youtube api but mostly vanilla js

Yes, tutorials would be all across the web so i cant link a certain one, but there is this youtube channel called codingTrain which i can't recommend more, hes amazing. For inspiration i would highly recommend open processing, truly a beautiful place!

3

u/mangadrawing123 Sep 30 '21

haha i love his energy too

3

u/johnlewisdesign Sep 29 '21

That's great! Love it. Need more players as never saw one, but was good fun (and will be back!)

2

u/Johnny_John_John_ Sep 30 '21

<33 i have no idea how to market this, i was learning how to get into social media but to no avail :(

Your words make me very happy, thank you so much for checking out! Look forward tk seeing you again

3

u/[deleted] Sep 29 '21

Very cool concept

3

u/IronDicideth Sep 30 '21

JS is amazing. Great work. Looks beautiful.

3

u/[deleted] Sep 30 '21

Woah which library? It's so cool

2

u/Johnny_John_John_ Sep 30 '21

P5.js! Its a library for artists!

3

u/skibideeboo Sep 30 '21

Great work. Really good stuff!

3

u/Medical-Lecture-9578 Sep 30 '21

Upvote for Arctic monkeys!

0

u/[deleted] Sep 30 '21

[deleted]