#learnjavascript — Public Fediverse posts

𝗟𝗲𝗮𝗿𝗻 𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁:

#JS #Course #LearnJavaScript

https://thewhale.cc/posts/learn-javascript

Learn in an interactive environment. Study short lessons and practice in an intuitive environment based on Tests. Written in French.

Où apprendre le JavaScript ?

https://videos.apprendre-delphi.fr/w/q6p5kbwUnpoSQikdUgEQzJ

The "everything" Javascript cheat sheet

https://syntaxsimplified.com/cheatsheet/Javascript/javascript.html

Discussions: https://discu.eu/q/https://syntaxsimplified.com/cheatsheet/Javascript/javascript.html

#javascript #learnjavascript #programming #webdev

The "everything" Javascript cheat sheet

https://syntaxsimplified.com/cheatsheet/Javascript/javascript.html

Discussions: https://discu.eu/q/https://syntaxsimplified.com/cheatsheet/Javascript/javascript.html

#javascript #learnjavascript #programming #webdev

Looking to learn javascript , have some python experience but need some guidance on where to start. Not sure what to google for this specific project I'm trying to learn with!

https://github.com/wonderunit/storyboarder

Discussions: https://discu.eu/q/https://github.com/wonderunit/storyboarder

#javascript #learnjavascript #programming #python #webdev

Looking to learn javascript , have some python experience but need some guidance on where to start. Not sure what to google for this specific project I'm trying to learn with!

https://github.com/wonderunit/storyboarder

Discussions: https://discu.eu/q/https://github.com/wonderunit/storyboarder

#javascript #learnjavascript #programming #python #webdev

While the world builds AI Agents, I'm just building calculators.

https://www.calcverse.live/

Discussions: https://discu.eu/q/https://www.calcverse.live/

#javascript #learnjavascript #programming #reactjs #webdev

While the world builds AI Agents, I'm just building calculators.

https://www.calcverse.live/

Discussions: https://discu.eu/q/https://www.calcverse.live/

#javascript #learnjavascript #programming #reactjs #webdev

Built a npm package to run Python code in JavaScript

https://www.npmjs.com/package/python-js-executor

Discussions: https://discu.eu/q/https://www.npmjs.com/package/python-js-executor

#javascript #learnjavascript #programming #python #webdev

Built a npm package to run Python code in JavaScript

https://www.npmjs.com/package/python-js-executor

Discussions: https://discu.eu/q/https://www.npmjs.com/package/python-js-executor

#javascript #learnjavascript #programming #python #webdev

Understanding JavaScript Closures: Finally Got It After Struggling for Months!

https://medium.com/@shanmugarajak92/understanding-closures-in-javascript-a-friendly-guide-6fe1aef27210

Discussions: https://discu.eu/q/https://medium.com/%40shanmugarajak92/understanding-closures-in-javascript-a-friendly-guide-6fe1aef27210

#javascript #learnjavascript #programming #webdev

Understanding JavaScript Closures: Finally Got It After Struggling for Months!

https://medium.com/@shanmugarajak92/understanding-closures-in-javascript-a-friendly-guide-6fe1aef27210

Discussions: https://discu.eu/q/https://medium.com/%40shanmugarajak92/understanding-closures-in-javascript-a-friendly-guide-6fe1aef27210

#javascript #learnjavascript #programming #webdev

JavaScript Calculator

https://wildaxewappears.github.io/calculator/

Discussions: https://discu.eu/q/https://wildaxewappears.github.io/calculator/

#javascript #learnjavascript #programming #webdev

JavaScript Calculator

https://wildaxewappears.github.io/calculator/

Discussions: https://discu.eu/q/https://wildaxewappears.github.io/calculator/

#javascript #learnjavascript #programming #webdev

Best practise for security in python flask

https://github.com/FaceOnLive/OpenKYC

Discussions: https://discu.eu/q/https://github.com/FaceOnLive/OpenKYC

#flask #javascript #learnjavascript #learnprogramming #learnpython #programming #python #webdev

Best practise for security in python flask

https://github.com/FaceOnLive/OpenKYC

Discussions: https://discu.eu/q/https://github.com/FaceOnLive/OpenKYC

#flask #javascript #learnjavascript #learnprogramming #learnpython #programming #python #webdev

Man I thought I was okay in Javascript but holy shit practicing on bfe.dev really really made me question it..

https://bfe.dev

Discussions: https://discu.eu/q/https://bfe.dev

#frontend #javascript #learnjavascript #programming #webdev

Man I thought I was okay in Javascript but holy shit practicing on bfe.dev really really made me question it..

https://bfe.dev

Discussions: https://discu.eu/q/https://bfe.dev

#frontend #javascript #learnjavascript #programming #webdev

#100DaysOfCode

#Day52 : building a Todo with @sveltejs #Svelte and @vite #vite

- using bind: to handle user input and dispath the event
- using props to activate function and change states of the component
- conditionnaly style with a CSS class activated only when a prop is true

Source Code : https://github.com/teotimepacreau/Svelte-Vite-Todo

#WebDev
#Frontend
#LearnWebDev
#Javascript
#LearnToCode
#LearnJavascript
#JS
#HTML
#CSS
#UI
#VanillaJS

#100DaysOfCode

#Day52 : building a Todo with @sveltejs #Svelte and @vite #vite

- using bind: to handle user input and dispath the event
- using props to activate function and change states of the component
- conditionnaly style with a CSS class activated only when a prop is true

Source Code : https://github.com/teotimepacreau/Svelte-Vite-Todo

#WebDev
#Frontend
#LearnWebDev
#Javascript
#LearnToCode
#LearnJavascript
#JS
#HTML
#CSS
#UI
#VanillaJS

#100DaysOfCode

#Day51 : learning #Svelte @sveltejs
- dispatching events
- working with components
- reactivity
- props

Source Code : https://github.com/teotimepacreau/Learn-Svelte

#WebDev
#Frontend
#LearnWebDev
#Javascript
#LearnToCode
#LearnJavascript
#JS
#HTML
#CSS
#UI
#VanillaJS

#100DaysOfCode

#Day51 : learning #Svelte @sveltejs
- dispatching events
- working with components
- reactivity
- props

Source Code : https://github.com/teotimepacreau/Learn-Svelte

#WebDev
#Frontend
#LearnWebDev
#Javascript
#LearnToCode
#LearnJavascript
#JS
#HTML
#CSS
#UI
#VanillaJS

#100DaysOfCode

#Day50 : continue Bookshelf project
- implemented reservation function, clicking on a book card button "reserve", adds the book to the reservation modal `<dialog>`
- deployed #Fastify #SQLite backend to fly.io @flydotio
- deployed #Vite frontend @vercel

https://bookshelf.teotimepacreau.fr/

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #UI #VanillaJS

#100DaysOfCode

#Day50 : continue Bookshelf project
- implemented reservation function, clicking on a book card button "reserve", adds the book to the reservation modal `<dialog>`
- deployed #Fastify #SQLite backend to fly.io @flydotio
- deployed #Vite frontend @vercel

https://bookshelf.teotimepacreau.fr/

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #UI #VanillaJS

#100DaysOfCode

#Day49 : continue Bookshelf project
- implemented View Transitions API fade animation when changing page
- implemented Scroll-Progress-Timeline to animate with CSS only the elements entry on scroll using `animation: book-entry linear forwards; animation-timeline: view(); animation-range: entry 0% 35%;`

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify
#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

#100DaysOfCode

#Day49 : continue Bookshelf project
- implemented View Transitions API fade animation when changing page
- implemented Scroll-Progress-Timeline to animate with CSS only the elements entry on scroll using `animation: book-entry linear forwards; animation-timeline: view(); animation-range: entry 0% 35%;`

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify
#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

Thoughts on Learning JavaScript

https://stackoverflow.com

Discussions: https://discu.eu/q/https://stackoverflow.com

#javascript #learnjavascript #programming #rustlang #webdev

Thoughts on Learning JavaScript

https://stackoverflow.com

Discussions: https://discu.eu/q/https://stackoverflow.com

#javascript #learnjavascript #programming #rustlang #webdev

#100DaysOfCode

#Day48 : continue Bookshelf project
- Authorization : only authenticated user that have a session-cookie can add a book to the collection and the SQL DB
- Adding book to the collection : when addBookForm is received it visually adds, and adds to the DB
- At reload : it combines "goodreads" & "bookviaform" table

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

#100DaysOfCode

#Day48 : continue Bookshelf project
- Authorization : only authenticated user that have a session-cookie can add a book to the collection and the SQL DB
- Adding book to the collection : when addBookForm is received it visually adds, and adds to the DB
- At reload : it combines "goodreads" & "bookviaform" table

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #Frontend #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

JavaScript Interview Q&A - Most common JS concepts you should know by heart

https://youtu.be/_zUZa2vMQSU?si=Jngodtlzr-7BzRFm

Discussions: https://discu.eu/q/https://youtu.be/_zUZa2vMQSU?si=Jngodtlzr-7BzRFm

#javascript #learnjavascript #programming #webdev

JavaScript Interview Q&A - Most common JS concepts you should know by heart

https://youtu.be/_zUZa2vMQSU?si=Jngodtlzr-7BzRFm

Discussions: https://discu.eu/q/https://youtu.be/_zUZa2vMQSU?si=Jngodtlzr-7BzRFm

#javascript #learnjavascript #programming #webdev

I have built an interactive javascript cheatsheet

https://cheatsheetjs.xyz/

Discussions: https://discu.eu/q/https://cheatsheetjs.xyz/

#javascript #learnjavascript #programming #webdev

I have built an interactive javascript cheatsheet

https://cheatsheetjs.xyz/

Discussions: https://discu.eu/q/https://cheatsheetjs.xyz/

#javascript #learnjavascript #programming #webdev

#100DaysOfCode

#Day47 : continuing Bookshelf project
- Login function : <dialog> element contains the connexion form. username and password are passed to the backend endpoint "/login"
- Authentification : Retrieving username and password. Hashing it through bcrypt. Fastify-secure-session plugin adds a session cookie.

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #frontend #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

#100DaysOfCode

#Day47 : continuing Bookshelf project
- Login function : <dialog> element contains the connexion form. username and password are passed to the backend endpoint "/login"
- Authentification : Retrieving username and password. Hashing it through bcrypt. Fastify-secure-session plugin adds a session cookie.

Source Code : https://github.com/teotimepacreau/bookshelf

@fastify

#WebDev #frontend #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #HTML #CSS #Vite #Fastify #UI #VanillaJS

#100DaysOfCode

#Day46 : Bookshelf project

- backend with #Fastify, querying with #SQL a database of books from my Goodreads account and scrapping books covers
- frontend with #Vite
- implemented search and filter function
- working on an authentification to allow admin to add books to the collection

Source Code : https://github.com/teotimepacreau/bookshelf

#WebDev #Frontend #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #IndieWeb #PersonalWeb #Homemade #UI #UserInterface #VanillaJS

#100DaysOfCode

#Day46 : Bookshelf project

- backend with #Fastify, querying with #SQL a database of books from my Goodreads account and scrapping books covers
- frontend with #Vite
- implemented search and filter function
- working on an authentification to allow admin to add books to the collection

Source Code : https://github.com/teotimepacreau/bookshelf

#WebDev #Frontend #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #IndieWeb #PersonalWeb #Homemade #UI #UserInterface #VanillaJS

The best way to learn Javascript

https://zerotomastery.io

Discussions: https://discu.eu/q/https://zerotomastery.io

#javascript #learnjavascript #programming #webdev

The best way to learn Javascript

https://zerotomastery.io

Discussions: https://discu.eu/q/https://zerotomastery.io

#javascript #learnjavascript #programming #webdev

I made a terrible baby name generator in JavaScript as a practice project based on articles and lists of bad baby names

https://perfectseowebsites.com/terrible-baby-name-generator/

Discussions: https://discu.eu/q/https://perfectseowebsites.com/terrible-baby-name-generator/

#javascript #learnjavascript #programming #webdev

I made a terrible baby name generator in JavaScript as a practice project based on articles and lists of bad baby names

https://perfectseowebsites.com/terrible-baby-name-generator/

Discussions: https://discu.eu/q/https://perfectseowebsites.com/terrible-baby-name-generator/

#javascript #learnjavascript #programming #webdev

#100DaysOfCode

#Day45 : V2 of my personal website https://www.teotimepacreau.fr/

Built only with #HTML #CSS , 40 lines of #JS and with the magical Eleventy https://www.11ty.dev/
@eleventy
@zachleat
Source Code : https://github.com/teotimepacreau/Personal-website

#WebDev #Frontend #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #IndieWeb #PersonalWeb #Homemade #UI #UserInterface #VanillaJS #IndieWeb #SmallWeb

#100DaysOfCode

#Day45 : V2 of my personal website https://www.teotimepacreau.fr/

Built only with #HTML #CSS , 40 lines of #JS and with the magical Eleventy https://www.11ty.dev/
@eleventy
@zachleat
Source Code : https://github.com/teotimepacreau/Personal-website

#WebDev #Frontend #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #IndieWeb #PersonalWeb #Homemade #UI #UserInterface #VanillaJS #IndieWeb #SmallWeb

#100DaysOfCode : #NodeJS #Express #SQLite #VanillaJS

#Day44 : V2 of my personal website https://www.teotimepacreau.fr/

Source Code : https://github.com/teotimepacreau/Personal-website

Changes :
- semantic HTML
- added mobile hamburger navigation
- title fonts
- desktop nav style

Learned :
- building hamburger menu
- CSS position:fixed
- transitioning on translateX
- aria-expanded

#WebDev #Frontend #CSS #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #IndieWeb #PersonalWeb #Homemade #UI #UserInterface

#100DaysOfCode : #NodeJS #Express #SQLite #VanillaJS

#Day43 : continuing Newsletter Express project

Source Code : https://github.com/teotimepacreau/Express-Newsletter

Changes :
- implemented a functionality to allow the client to render the email in a new tab

Learned :
- handling query parameters in Express

#WebDev #Frontend #CSS #WebDesign #LearnWebDev
#Javascript #LearnToCode
#LearnJavascript #JS #emailgeeks #bentos #UI #UserInterface

#100DaysOfCode : #NodeJS #Express #SQLite #VanillaJS

#Day42 : Newsletter Express project

Source Code : https://github.com/teotimepacreau/Express-Newsletter

Changes :
- reworked completely all styling to get a handcrafter #Bento UI
- when unsub, if checks if email is already in the DB, if not it sends an error notif

Learned :
-focus-visible
-SQL conditions
- adding a js parameter that is added to the SQL selection

#WebDev #Frontend #CSS #WebDesign #LearnWebDev #Javascript #LearnToCode #LearnJavascript #JS #emailgeeks

Resources for learning to implement JavaScript

https://v8.dev/docs

Discussions: https://discu.eu/q/https://v8.dev/docs

#javascript #learnjavascript #programming #webdev

IoC in "vanilla" JavaScript (ES6+)

https://flancer32.com/1b2e701f331d

Discussions: https://discu.eu/q/https://flancer32.com/1b2e701f331d

#javascript #learnjavascript #programming #webdev

I've finished the syntax cheatsheet for Javascript vs. Python

https://www.theyurig.com/blog/javascript-python-syntax

Discussions: https://discu.eu/q/https://www.theyurig.com/blog/javascript-python-syntax

#javascript #learnjavascript #learnpython #programming #python #webdev

Message Passing in Javascript

https://softwareengineering.stackexchange.com/questions/46592/so-what-did-alan-kay-really-mean-by-the-term-object-oriented

Discussions: https://discu.eu/q/https://softwareengineering.stackexchange.com/questions/46592/so-what-did-alan-kay-really-mean-by-the-term-object-oriented

#javascript #learnjavascript #programming #webdev

Learned Javascript from zero and created my first full-stack application!

https://workfromhut.com

Discussions: https://discu.eu/q/https://workfromhut.com

#internetisbeautiful #javascript #learnjavascript #programming #reactjs #startups #webdev

Invitation to Contribute: Join the Circle of JavaScript Developers in Building a Repository of One-Line Javascript Codes

https://github.com/mkazemiraz/one-line-javascript-utility-codes

Discussions: https://discu.eu/q/https://github.com/mkazemiraz/one-line-javascript-utility-codes

#javascript #learnjavascript #programming #webdev

Looking for other #CodeNewbie (s) learning #javascript.

I'm on Day 50 of doing an unofficial #100DaysOfCode and could use some community.

Still intimidated by GitHub and Stack Overflow. 😜

#learnjavascript