I have the opportunity to do a redesign of a very large site that I built about 5 years ago and have maintained since. Looking to brush up on the newer #CSS / #JS that’s available to me for #frontend. The current site was built with #JQuery and #flexbox was not even an option at the time. Would love to move to #vanillaJS for most things and get the most out of flexbox that I can.
Looking for good resources, if anyone knows of any.
Couldn't find an existing multi-handle range slider built as a HTML Web Component, so I converted an existing regular multi-handle range slider to a Web Component and learned a lot about the process of building custom Web Components. Fun!
When actively scraping, the main starting function is
document.querySelectorAll()
This will return a NodeList, which typically one will use a for-loop to loop over each item.
On each item either the querySelector or querySelectorAll will be applied recursively until all specific data instances are extracted.
This data is then saved into various formats depending on future processing, either as on object in an array or as a string, which is then saved either to the localStorage, sessionStorage, IndexDB, or downloaded via a temporal link.
One option for future processing is opening a new tab as #HTML page.
This has the benefit that the header details stay constant meaning calling media like images aren’t being blocked by #CORS. Further one can highlight the details that one deems important compared to the original creator.
One builds the HTML page as a string, just as one typically would do. The only difference is that the file extension is *.js instead of *.html.
I have to say I've been actually enjoying working with #webcomponents in #vanillajs lately. I haven't attempted anything too complicated, but I love the idea of reusable components. Next up, I need to figure out how to best do reactive updates.
Dans les sujets dont je devrais logiquement pas mal parler par ici, il y'a le #développement#informatique. C'est une passion pour moi depuis l'enfance, et j'ai la chance de pouvoir enfin l'exercer professionnellement depuis un peu plus d'un an, dans le service public (à l'Insee pour être précis). Côté technos, je bosse en full stack sur une appli web avec #Java et #Spring côté back, #SCSS, #VanillaJS et #React côté front. Sur mes projets persos et dans les cours que je donne, c'est #Python 🤓
Shameless Plug: Cucumber Components is an ongoing #WebComponents project I'm working on for the past few months. It is built with #vanillaJS without TypeScript & any external dependencies so it’s super friendly to beginners to get involved. If you’re new to Web Components and also a fan of vanilla JavaScript like me, feel free to check out this project. Although, please note that there are probably a million things I did wrong on this project.
It's exciting to see how far one can get with #webcomponents (custom elements) and #vanillajs nowadays. If you want to follow what @_web_ is doing rewriting old #coffeescript and #jquery based JS into modern #es6 just keep an eye on latest PRs of the 7.1 milestone
What is a good hashtag to follow to hear about conversations from people who - like me - are sick of JavaScript frameworks, complexity merchants, and general praise for the spread of JS everywhere?
Not looking for vitriol, but rather critique on said topics and connection to the people who are fighting the nonsense