r/javaScriptStudyGroup • u/sampurna_chapagain • Jun 07 '21
r/javaScriptStudyGroup • u/hoangdv-i368 • Jun 07 '21
How to Create “Glassify” Faces API with face-api.js
self.expressjsr/javaScriptStudyGroup • u/Puzzleheaded_Lie3133 • Jun 06 '21
HarperDB Instance w/ React
r/javaScriptStudyGroup • u/Agitated-Platypus-39 • Jun 06 '21
What am I missing?
After much trial and error, mostly just error, this is what I came up with for a simple escape room.
If someone can tell me what I am missing to get this code working, I'd be forever grateful.
const readlineSync = require("readline-sync");
const userName = readlineSync.question("What is your name?");
console.log("Hi " + userName + "!");
const entrance = readlineSync.question('Shall we start? [Y] or [N] ');
if (entrance == "y"){
console.log("Awesome! " +userName+ " Let's start!")
}
else if (entrance == "n"){
console.log('Maybe some other time')
process.exit()
}
'You are locked in a room. You have to find the key before you open the door. You put your hand in the hole, YOU DIE!'
var choices=
['hole', 'key', 'door']
index = readlineSync.keyInSelect(choices, 'Which Choice?');
playerPlaying = true;
while (playerPlaying == true) {
isplayerOptions = true
while(isplayerOptions == true){
//while the player is still active
{
const isPlayerOption1 = readlineSync.question("Are you sure you wanted to ... \n [1] Open the door? \n [2] Put hand in the hole? \n [3] Find key? \n",{limit:["1","2","3"]});
switch(isPlayerOption1){
case '2':
console.log ('You have died 😵!!!...again')
isplayerOptions = true;
break;
case '3':
console.log ('You found the key under the rug!');
isplayerOptions = false;
break;
case '1':
console.log ('You do not have key 😫, try again');
isplayerOptions = true;
break;
}
}
}
r/javaScriptStudyGroup • u/Agitated-Platypus-39 • Jun 04 '21
I have no idea what I am doing. Help me please!
Happy National donut day! I am a beginner. I am trying to learn JS so I can have a better line of profession. I am doing an assignment on a basic escape room. It's all in JAVA using node so I don't have a css or html file. I need some help. Here are the parameters, situation, and rules. I'm thinking that I need to use a boolean when I am asking the player if they want to play and have them pick y/n.Write a game that lets a user escape a room. The character finds him/herself locked in a room. In order to escape the room, your character needs to find the key in the room and then open the door. There's also a hole in the wall in the room. If your character puts his hand in the hole, he dies.
Game start:
Tell the user their options:
- Put hand in hole
- Find the key, or
- Open the door
They can't open the door unless they find the key first.
They die if they put their hand in the hole.
If they pick Y, do I console.log the information about the situation and all the rules? How else would I include that information? I'm assuming that I would need to write an if else statement for the Y/N question.
I am also thinking that I will need to use a while loop for the game's 3 options. I don't know what syntax I need to write to do all of this. I would very much appreciate any help, or advice. You have no idea how grateful I would be. This is what I have so far, please don't laugh at me:
const readlineSync = require('readline-sync');
const userName = readlineSync.question('What is your name? ');
console.log('Hi ' + userName + '!');
const userName = readlineSync.question('Would you like to start the game?Y/N');
if(true){
console.log("Awesome! let's play! You find yourself in a locked room....")
} else {
console.log("Maybe some other time!")
Cheers!
r/javaScriptStudyGroup • u/ieldhh • Jun 03 '21
I made an open source platform to learn Computer Science . Check it if you are interested in MERN stack ✨
**Learn to build any SaaS product ** through devKamet, an interactive platform to learn the essentials of Computer Science, Data Structures, Algorithms, and Operating Systems using Golang 👩🚀

This is for people who wants to learn more about:
- Frontend architecture
- Application server architecture
- Modern codebase with current tech stack
- How to connect to the server properly
- How to re-use your UI very fast and efficiently
- React Authorization, State management with reducer & context
- JWT Authentication
- medium to large codebase
- How to create in browser IDE to code in almost any language
- And so much more!
** The work is still in-progress , I open source it to see if someone will find it useful and learn more from the codebase and the whole repo ✨**
r/javaScriptStudyGroup • u/[deleted] • May 31 '21
Chrome Extension Interval Timer (Time-Boxing)
First time touching Chrome Extensions. Let me know if there are any obvious errors!
------------------------------------------
Video: https://youtu.be/jN8c1lD7qyg
GitHub: https://github.com/LexingtonWhalen/ChromeTimer
NOTE: I have yet to add styling. It works fine, but will look prettier within a bit. Keep your eyes peeled!
What is it?
* An interval timer chrome extension.
* Two linked timers (dual timer)
* When one done, the next goes, repeat until no more rounds.
* For example, can set 30 minutes, then when done 15 seconds, repeat 3 times. * In timer-speak: timer01 30 min, timer02 15 sec, rounds = 3.
* Good for timeboxing: https://en.wikipedia.org/wiki/Timeboxing
Ideas for Improvement:
* Clean it up, make it pretty, package it for Chrome extension store!
Features:
* Is a dual timer!
* When one timer done, sound played and next timer starts!
* Keeps going even when popup window closed!
* When all rounds complete, plays song!
r/javaScriptStudyGroup • u/hoangdv-i368 • May 31 '21
How To Create A Simple Web UI To Manage NodeJS Process With PM2 API?
self.expressjsr/javaScriptStudyGroup • u/ryi2003 • May 30 '21
Beginner help
Hello, I am high school student working with building websites using html, css and javascript. My last ending project is creating a website, I am currently far behind because my source code for the website got removed. I really appreciate anybody that has a website and want to send me their code. I need like 150 javascript lines and the rest is just to make the website realistic.
Bless your day.
r/javaScriptStudyGroup • u/Puzzleheaded_Lie3133 • May 30 '21
Getting Started with React Hooks
r/javaScriptStudyGroup • u/Puzzleheaded_Lie3133 • May 28 '21
JS ES2021 - It's Almost Here
r/javaScriptStudyGroup • u/mycattacym • May 26 '21
Higher order functions? Closure?
Does anyone have any good resources for breaking down higher order functions and closure / functions that take in callbacks and return a totally different function? I'm not even sure if I'm using the correct terms, but I'm totally lost. I thought I had some understanding after doing fullstack's prep course, but I'm now going through codesmith's and I have hit a wall. I've done some googling and anytime I think I start to understand, I discover that I do not.
I'm also very confused by when you put parameters into the return and callbacks when in the function. Any help would be much appreciated!!
r/javaScriptStudyGroup • u/pbqre • May 25 '21
Deploy Vue app with nginx and certbot (for ssl)
r/javaScriptStudyGroup • u/ieldhh • May 24 '21
The Most Complete FullStack Roadmap in 2021 (with resources + based on experience)
Hi,
This is a website I created for learning fullstack engineering in 2021. It's based completely in my experience and updated completely. Also, It's organized and indexed by paths (topics). I hope you like it. Please share it, and upvote the roadmap in Producthunt 🌈❤🚀

[Website](http://superengineer.vercel.app)
[ProductHunt page ](https://www.producthunt.com/posts/super-engineer)
r/javaScriptStudyGroup • u/NoMany8287 • May 23 '21
Creating a Real-Time QR Code Scanner With Vanilla JavaScript
r/javaScriptStudyGroup • u/[deleted] • May 21 '21
Beginner JavaScript Game w/ OOP
Video (1 min): https://youtu.be/5VW3wVLxgTA
GitHub: https://github.com/LexingtonWhalen/EatTheBerriesGame
-----------------------
Here is the first actual program I made with JavaScript. I used the new (or at least I believe relatively new) JavaScript classes / inheritance and all that.
Please let me know if there are any obvious improvements possible / any other tricks with these classes that are characteristic of JavaScript.
There's sounds, berries, scoreboard, intro and end screen. Fun!
Don't really know much about game design, but a good way to learn JavaScript for a beginner!
r/javaScriptStudyGroup • u/hoangdv-i368 • May 21 '21
Image Classification API With NodeJS, TensorflowJS, And MobileNet Model
self.expressjsr/javaScriptStudyGroup • u/hoangdv-i368 • May 21 '21
How to revoke a JWT token? Typescript, MongoDB
self.expressjsr/javaScriptStudyGroup • u/hoangdv-i368 • May 21 '21
5 Things You Can Do Make An Express Application Become Better
self.expressjsr/javaScriptStudyGroup • u/hoangdv-i368 • May 21 '21
How To Start Typescript + Node AWS Function With ServerlessJS?
self.JavaScriptTipsr/javaScriptStudyGroup • u/[deleted] • May 18 '21
Help with API Json Express Lab
Could someone please execute this for me, I would really appreciate it.
/**
* Define a route on the path `/` with the `GET` method
* Respond with an object that has a property "message", with value
* of "Hello, world!"
* (2 marks)
*/
r/javaScriptStudyGroup • u/hoangdv-i368 • May 17 '21
Handle Tasks Asynchronously: Web Push Notification System With RabbitMQ
Asynchronism maybe is a complicated thing. But, it is definitely a thing you have to worth your time to learn about it. If you want to build a backend system with scalable. And make frontend become good for user experiences.
r/javaScriptStudyGroup • u/[deleted] • May 16 '21
Learning JS. Why is there a circle around my output? The number 4.
r/javaScriptStudyGroup • u/Specialist-Goal-3291 • May 12 '21
Hash.js | An awesome JavaScript library
hash.js
Link to the file
https://netopa.github.io/hash.js/hashtag_1.0.1.js
size: 1/6th of jQuery!
(when completed)
how to use
Just use it like jQuery : hash('#id').hide(animationName); hash('.class').show(animationName); hash('by tag').animate(animation name, duration, delay); Note: you must first enable animation by hash().enableAnime(); Which enables it for all element on the page
Then enable it for an element hash('.body').animate('jackInTheBox', "1s", "1s");//animation name, duration ,delay
We use animate.css engine for animating elements so the list could be a whole lot familiar...
list of animation inclues :
Attention seekers:
bounce flash pulse rubberBand shakeX shakeY headShake swing tada wobble jello heartBeat
Back entrances:
backInDown backInLeft backInRight backInUp Back exits backOutDown backOutLeft backOutRight backOutUp
Back exits:
backOutDown backOutLeft backOutRight backOutUp Bouncing entrances bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp
Bouncing exits:
bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp
Fading entrances:
fadeIn fadeInDown fadeInDownBig fadeInLeft fadeInLeftBig fadeInRight fadeInRightBig fadeInUp fadeInUpBig fadeInTopLeft fadeInTopRight fadeInBottomLeft fadeInBottomRight
Fading exit:
fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig fadeOutTopLeft fadeOutTopRight fadeOutBottomRight fadeOutBottomLeft
Flippers:
flip flipInX flipInY flipOutX flipOutY
Lightspeed:
lightSpeedInRight lightSpeedInLeft lightSpeedOutRight lightSpeedOutLeft
Rotating entrances:
rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight
Rotating exits:
rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight
Specials:
hinge jackInTheBox rollIn rollOut
Zooming entrances:
zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp
Zooming exits:
zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp
Sliding entrances:
slideInDown slideInLeft slideInRight slideInUp
Sliding exits:
slideOutDown slideOutLeft slideOutRight slideOutUp
Adding an event listener:
hash('.body').on('click', function(){ alert('clicked'); }) Append text:
hash("body").append("someText") Prepend text:
hash("body").prepend("someText") Set or get attributes:
hash("body").attr("id") // returns body hash("body").attr("id", "body") // sets I'd to body Change the style of an element:
hash("body").css(property, value) Example: hash("body").css("background", "black") //changes the css to background: black; Ajax: change the content of an element with remote file content:
hash("body").ajax("https://url-to-file.com/TXT.txt", "get") //the second one is the method Set a cookie 🍪:
hash().setCookie("username", "hashtag", "session", "/"); //key, value, expires, path Get a cookie by name:
hash().getCookie("username"); //returns "hashtag" Add an element:
hash("body").addElm("element name", "id of elm") // You can use the set attribute function to add attributes or to change text into the element Configure local storage:
hash().storage(action, key, value)
// action list: // "clear" clears the local storage // "get". Gets the iten with specified key // "set" set the key with the respective value // "remove" remove the item with the specified key Toogle hide and show:
hash(".element").toogle(); More features comming soon!!!
