JavaScript är ett underbart språk. Du kan skapa nästan vad som helst med JavaScript; från en enkel webbplats, stationär applikation till mobilapplikation och så vidare.
I den här omgången av serien kommer vi att utforska några användbara resurser relaterade till JavaScript. Inlägget innehåller en lista över allmänna verktyg, verktyg och resurser byggda med JavaScript. Till exempel har vi ett komplett ramverk för att utveckla och distribuera en applikation, ett JavaScript-paket och en handfull VSCode-tillägg. Låt oss titta på hela listan.
Stråle
Stråle är en liten webbapplikation som låter dig generera kodavsnitt i en vacker bild. Du kan välja tema för språk, anpassa bakgrund, utfyllnad, text och spara och dela på sociala medier eller ditt blogginlägg.
Avsmalnande stil
En samling av CSS-exempel conic-gradient(); en ny CSS-funktion för att generera två eller flera färger roterade runt en mittpunkt. Med den koniska gradienten kan du enkelt skapa presentationer som cirkeldiagram eller färghjul bara genom att använda CSS.
navigatorosaurus
En applikation som låter dig välja vilken webbläsare du vill öppna en länk i. Den är designad speciellt för macOS med ett mörkt och ljust tema som ändras automatiskt baserat på systeminställningar. Det finns ingen anledning att manuellt kopiera och klistra in länken i olika webbläsare längre.
Loripsum
Ett verktyg för att generera “lorem ipsum”. Inte bara innehållet, utan du kan också lägga till ytterligare formatering som rubrik, fetstil, kursiv stil, blockcitattecken och länkar. Det här verktyget tillhandahåller också en API-slutpunkt som du kan använda för att generera innehåll programmatiskt. Ett mycket användbart verktyg för att generera dummy-innehåll för testning eller prototyp.
WindiCSS
Det första CSS-ramverket från WindiCSS-verktyget. Designad som ett alternativ till TailwindCSS som ger snabbare laddningstider. Den genererar bara den CSS som används och är redan integrerad med olika verktyg som t.ex VSCode förlängning, CLI, Rulla uppoch ramar som Vue.js, Nuxt.jsoch Smal.
VSCode Vite
en förlängning för vite, en modern frontend-utveckling med ett förkonfigurerat byggverktyg. Om du använder VSCode kan det här tillägget hjälpa dig att optimera dina arbetsflöden. Du kan starta utvecklingsservern, felsöka byggnaden och förhandsgranska den direkt från redigeringsfönstret.
VueUse
En samling viktiga nyheter. Vue Composition API vilket hjälper till att göra Vue.js-applikationer mer underhållbara och flexibla. Ger en funktion att utföra animationerkommunicera med webbläsare, hantera tillstånd och andra användbara funktioner.
Bläddra Lite
En av mina favorit VSCode-tillägg. Detta tillägg lägger till en webbläsare direkt till VSCode så att du kan arbeta och förhandsgranska utan att lämna redigeraren. Den går snabbt med en ren design som smälter in perfekt med redigeraren. Det har också helt utvecklingsverktyg i drift precis som Chrome och Firefox.
min.
Min är en väldigt minimalistisk webbläsare som syftar till prestanda och integritetsskydd. Min Browser erbjuder möjligheten att stoppa annonser, spårare, skript och bilder så att du kan surfa snabbare och använda mindre data.
flyga
En VSCode-tillägg skapad specifikt för Visa 3. Den tillhandahåller en språkserver för Vue.js och har fullt stöd för typkontroll med TypeScript. Denna tillägg är fortfarande i aktiv utveckling och fler funktioner kommer snart.
Saruni
Ett komplett ramverk för webbapplikationer med JavaScript. Den tillhandahåller grundläggande funktioner som autentiseringar, e-postmeddelanden, bilduppladdningar och verktyg (React, TypeScript, GraphQL, etc.) för att utveckla applikationen och distribuera den med moderna arbetsflöden.
med fig
Fig är en macOS-app som lägger till autoslutförande och genvägar till Terminal liknande kodredigeraren. Hjälper utvecklare att spara tid och bli mer produktiva. När den här artikeln skrevs är den här appen fortfarande i ett tidigt utvecklingsstadium. Om du vill lägga vantarna på materialet så kan du registrera dig som beta-användare.
uvajs
GrapesJS är en webbdesignbyggare som syftar till att hjälpa dig skapa en HTML-mall utan kodning. Den kommer med fördesignade komponenter som knappar, kolumner, bilder, kartor etc. där användare helt enkelt kan dra och släppa för att skapa den layout de vill ha. Du kan också anpassa stilarna som storlek och färger. Och du kan också skapa dina egna anpassade komponenter.
Rainbow CSV
En VSCode-tillägg som ger syntaxmarkering för CSV, vilket hjälper dig att enkelt skanna och smälta CSV-innehåll. Det är ett slags litet verktyg med stora fördelar. Jag tror att detta bör läggas till standardfunktionen i VSCode.
text elverktyg
En VSCode-tillägg som ger allt-i-ett-textmanipulation. Du kan omvandla text mellan versaler och gemener, filtrera linjer och strängar med RegEx, ta bort dubbletter, infoga radnummer, tidsstämpel, sökväg och mycket mer.
VSCode REST-klient
En VSCode-tillägg som låter dig skicka en begäran till en URL och se redaktörens svar. Detta tillägg ger ganska kompletta funktioner; du kan till exempel avbryta förfrågningar, skicka GraphQL-förfrågningar, SOAP, autentiserings- och proxystöd och mycket mer.
Horisont
Ett trevligt litet Github-verktyg för att generera en 3D-modell baserat på dina Github-bidrag på ett år. Du kan dela den här 3D-modellen på sociala medier, skriva ut den eller se den i virtuell verklighet. Mycket bra, eller hur?
snötäcke
Ett JavaScript-paket designat för moderna webbapplikationer och tänkt att vara ett alternativ till tyngre paket som Webpack. Snowpack erbjuder en bättre byggprocess, färre konfigurationer, mer optimerade resultat och stöder vissa ramverk som React och Preact out of the box.
lysa upp
Ett granskningsverktyg som undersöker prestanda och potentiella säkerhetsproblem för din Laravel-applikation. Det finns över hundra inbyggda revisioner, från grundläggande till avancerade säkerhetskontroller, kontroller av bästa praxis och tillförlitlighetskontroller. Du kan köra det på en enda kommandorad eller köra en automatisk kontroll av ditt förråd med Githubbot.
platsinspektör
Ett granskningsverktyg som undersöker din webbplats för stavfel, grammatik, trasiga länkar och andra stavfel. Den är byggd med Ruby/Rails, Vue.js, PostgreSQL och är helt öppen källkod. Du kan vara värd för den på din egen server.
