Posts tagged with :js:

@googol0
It’s almost midnight and for streaksss here’s the error message I’m getting trying to fetch data from the Scrapbook API with Next.js 😬
image.png
@JuanGonzalez0
practicing some js
image.png
@christina6950
Started this awesome thing....
screen_shot_2021-01-21_at_10.05.10_am.png
@ella7+
i made a website with html/css/js and submitted it to a hackathon :yay:
screen_shot_2021-01-18_at_2.57.05_pm.png
@christina6950
building more websites using simple js
screen_shot_2021-01-18_at_7.32.28_am.png
screen_shot_2021-01-18_at_7.30.48_am.png
screen_shot_2021-01-18_at_7.30.55_am.png
screen_shot_2021-01-18_at_7.30.37_am.png
@ella7+
i worked on a small project and deployed to vercel :yay: first time using Next.js
screen_shot_2021-01-17_at_12.50.12_pm.png
@christina6950
Applying querySelectors and eventListeners in javascript to a practice website so to change the color of a box--it worked!
screen_shot_2021-01-17_at_3.00.26_pm.png
screen_shot_2021-01-17_at_3.00.13_pm.png
@christina6950
I’ve done a bunch of projects and workshops and now I’m going back and reading up on javascript basics. Ive made it to arrow functions. It’s definitely starting to all come together (this is Zell Leik tutorials)
file.jpg
@swlittle70
Compiling GNU coreutils on kernel 2.x in a webbrowser emulated in JS
screenshot_from_2021-01-15_20-00-57.png
@christina6950
Really liking Zell's Liew's javascript "road map" and after reading his newsletter, I'm going to sign up for the tutorials
screen_shot_2021-01-11_at_8.47.40_am.png
@riley33chou7+
woohoo! next up: javascript
screen_shot_2021-01-09_at_11.37.26_am.png
@christina6950
finished the stopwatch workshop, ⏰ and am adding divs so I can practice document.querySelector in javascript
screen_shot_2021-01-07_at_11.28.26_pm.png
screen_shot_2021-01-07_at_11.29.12_pm.png
@christina6950
Reading up on strings and functions in javascript in the Flatiron's free introduction class
screen_shot_2021-01-06_at_8.22.51_am.png
@sampoder7+
continuing the theme of making things for innovation week: we’re making a QR code garden in the school staircase! it’s going to be full of qr codes to hopefully make people intrigued when you scan the qr code, you’ll either get a quiz (where you can win house points!), a link to an instagram filter, an emoji guessing game, a meme, a riddle or a riddle (forked from lachlan’s SoM ideas page)! here are some samples: quiz: qr.innovweek.co/recZjRgVX47M5YwVk meme: qr.innovweek.co/recztiUqFypN6kZAP idea: qr.innovweek.co/recnTiaNAdwD9Pjc7 i’m especially proud of the quiz one. it was my first time using cookies (which ngl are super cool) and basically it creates a cookie so you can only redeem the house points once! uses next.js + airtable (but you probs already guessed that!) also geopattern is really cool, each page has a unique bg! oh and one more thing: if you are super super lucky you win a free :github: t-shirt :flying_money_with_wings:
screenshot_2021-01-05_at_8.55.43_pm.png
screenshot_2021-01-05_at_8.56.21_pm.png
@christina6950
typed some javascript into the console to explore diff data types
screen_shot_2021-01-05_at_7.12.28_am.png
@christina6950
decided I’m going to spend a week going back over the js projects I’ve built (a stopwatch and a memory game) and just tinker w them until I finally understand what queryselector is ..... I didn’t code today but i did go sledding w a friend yesterday
image_from_ios.jpg
@BenjaminSmith0
Had to modify my masonry component to use client side JS because I couldn't find a cross platform CSS solution
image.png
@pranavnt0
Working on a building a minimalistic markdown blogging platform I made in Next.js!
screen_shot_2021-01-02_at_9.44.26_pm.png
@jasonaa1
This year I decided that I want to make a commit once every day ~to make my github look cool~ to develop my skills, so yesterday I started writing a script that would send me a text using Twilio if I haven't committed anything to GitHub on that day. It's kind of wacky since afaik i can only get my recent pushes, so if a given day has a push event, I assume there was a commit on that day too. This approach kinda works but there's always the possibility that a push can have commits that weren't made on that day, but I can't get the date of a commit. Or maybe I can and I just need to make more API requests. At this point it might be more efficient to use GitHub's GraphQL API so I can query for the exact data I need. here's the source if anyone's curious: jasonaa.me/g/api/tree/main/api/streaks/index.js
image.png
@ella7+
I went to Sam’s and Khushraj’s workshop demos today :kahoot:
screen_shot_2020-12-31_at_9.43.39_am.png
@pranavnt0
I just finished v1 of my personal website built in Next.js!
screen_shot_2020-12-31_at_12.40.48_am.png
@BenjaminSmith0
I finished getting typescript to work well with GraphQL, added separate pages for projects, a nice 404 page, and a loading screen while Next.js is loading the next page
image.png
@christina6950
Javascript: just reviewing variables and strings again, before I move onto function and eventlisteners
screen_shot_2020-12-28_at_9.23.06_am.png
@mathurahravi0
Currently going through the Wes Bos Gatsby JS Course!
screen_shot_2020-12-27_at_5.00.32_pm.png
@christina6950
worked on javascript and did some debugging w assistance from @fayd
screen_shot_2020-12-27_at_8.06.39_am.png
@sampoder7+
I’m really proud that I worked this out!! Published smth on :npm:
screenshot_2020-12-27_at_10.51.55_am.png
@sampoder7+
built a fun game! it’s called dance-x-factor :dancing-dino: you scan the qr code (this is intended for tv screens around my school), it then starts the dancing, a tensorflow.js model (made using teachable) will then monitor your performance, then the x-factor judges (or what ever you call it i feel like there are 10 of the same shows) will give you the golden buzzer or the big red buzzer based on what the model felt it’s not at all accurate but it’s fun! source: github.com/sampoder/dance-x-factor try: dance1.innovweek.co (note: this is designed to only be used by one client so if multiple people use it 💥 ) this was a fun thing to make, tho it contained me dancing in a public library very quietly to train an ml model… have fun!! and ignore my 1am dancing
@sampoder7+
I now have vercel on my fridge!
20201222_212523.jpg
@sampoder7+
I got some next.js stickers and vercel fridge magnets!
img_20201222_212122.jpg
@christina6950
screen_shot_2020-12-22_at_7.50.10_am.png
@sampoder7+
made a rick rolling thing! you fill out the form and it gives you a call with the rick roll + a little ad for the event (read on)…. i made it with next.js and nexmo the idea is that we’ll have these qr codes all over the school (we have permission, its going to be like cloudy with a chance of meatballs but qr codes instead of food) ignore the fact that the screen recorder doesnt pick up the call sound, trust me it does work
@ella7+
working on JavaScript exercises :wom:
screen_shot_2020-12-20_at_7.46.31_pm.png
@hemesh0
Created an auth system with passport js
image.png
@hemesh0
Passport js is amazing
img_20201215_215615.jpg
@sampoder7+
built a live drawing activity! it’s a live activity for events where attendees write basic commands to draw shapes on a large screen, it’s intended for absolute beginners (going to use at a school assembly in feb) The attendees enter a terminal-like interface where they write commands inspired by p5.js, these are then checked and sent to the webpage at /live using Socket.io which then runs them on the p5.js canvas. Try the attendee view: draw-innov-week.sampoder.com And the main screen view: draw-innov-week.sampoder.com/live source @ github.com/sampoder/live-draw enjoy!
68747470733a2f2f636c6f75642d356e68313371636e372e76657263656c2e6170702f30657a6769662d342d3533613538643030643332612e676966.gif
@uanirudhx1
learning next.js in prep for a ship 👀
image.png
@sampoder7+
i made a newsletter for the new school magazine launching tomorrow! i used next.js, mdx and deployed on vercel! been a bit stressful putting it all together but proud of the end result: vantage-point.online :yay:
screenshot_2020-12-07_at_11.55.29_pm.png
@roshan0
played around with javascript drawing and animation using paperjs - super fun!
screen_shot_2020-12-01_at_5.58.27_pm.png
paperjs.gif
@lachlanjc0
Taught my sister to use GitHub to update her website! catherinecampbell.me (uses Next.js/MDX/Theme UI/Vercel)
image_from_ios.png
@christina6950
added a feature to a website i'm building that changes color of the text. I copied this code from W3 and I'm confused about putting javascript in my html.index, but it does work
screen_shot_2020-11-30_at_10.18.30_am.png
@tetraoxygen0
refactoring terrible JavaScript
screen_shot_2020-11-29_at_14.07.09.png
@sarthak0
🚢 CHALLENGE SHIP 🚢 Aight I’m shipping a link shortener which is faster than @rishi’s if I remove the Airtable integration. Like @rishi’s, it supports additional parameters at the end of a link. It’s written in Next.js and just as easy to clone. Check it out at srtk.me/gh/srtk.me-v2! (that link is using the shortener) coming soon: ip address tracking with location and other information
image_from_ios.png
@horas0
I want start make a portofolio website for my self with next.js and I haven't decided the css grid framework. Also I have my own reddit avatar (he's so handsome, isn't he?), I wonder if I can use it for my own web. Anyway, can you recommend a good css grid framework to me?
image.png
@christina6950
Connected a form I made in HTML to my javascript file
screen_shot_2020-11-26_at_3.19.34_pm.png
@christina6950
worked w @tmb to download a json file he'd created from GitHub, and write some of my own javascript. (Separately, last night I made pumpkin manicotti from scratch to welcome friends who just moved to my town.)
screen_shot_2020-11-26_at_7.46.29_am.png
screen_shot_2020-11-26_at_7.49.14_am.png
screen_shot_2020-11-25_at_10.11.07_pm.png
@christina6950
Wrote some basic functions in JavaScript. Also, followed up on our AMA by writing a long email to Gwynne Shotwell about Hack Club
screen_shot_2020-11-25_at_8.02.43_am.png
@sampoder7+
i worked out how to gain access to the image feeds of major traffic cameras around the island and built a dashboard for snooping around looking at each one: sg-traffic.now.sh….. these images are cool to watch over time, I might make something tomorrow for generating time-lapses from them :D source @ github.com/sampoder/traffic-monitor …. I used next.js, who would have guessed?
screenshot_2020-11-22_at_11.28.47_pm.png
@philipstudentemail0
@blakedfreeman and I had our second meeting and many students made successful splatter paint apps today being there first JS project ever?
image_from_ios.png