The latest articles on DEV Community by Jigz (@jigz). https://dev.to/jigz https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F98615%2Fb15bbd47-e6c2-436f-9b9e-d5c8e8948787.png https://dev.to/jigz en Jigz Sat, 20 Dec 2025 16:49:42 +0000 https://dev.to/zeroopensource/zeroopensourcezerocn-v001-is-live-3j97 https://dev.to/zeroopensource/zeroopensourcezerocn-v001-is-live-3j97 <p>Shadcn registry made by Zero.<br> <a href="https://github.com/zeroopensource/zero-zerocn" rel="noopener noreferrer">https://github.com/zeroopensource/zero-zerocn</a></p> <p>ZeroOpenSource™</p> typescript opensource npm javascript Jigz Mon, 02 Jun 2025 23:32:55 +0000 https://dev.to/zeroopensource/zeroopensourcezero-official-v002-is-live-4gid https://dev.to/zeroopensource/zeroopensourcezero-official-v002-is-live-4gid <p>Official resources for ZeroOpenSource<br> <a href="https://github.com/zeroopensource/zero-official" rel="noopener noreferrer">https://github.com/zeroopensource/zero-official</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools #zero #zeroopensource #zeroopensourcetm </h1> opensource typescript npm javascript Jigz Sun, 25 May 2025 19:24:00 +0000 https://dev.to/zeroopensource/zeroopensourcezero-official-v001-is-live-33a6 https://dev.to/zeroopensource/zeroopensourcezero-official-v001-is-live-33a6 <p>Official resources for ZeroOpenSource<br> <a href="https://github.com/zeroopensource/zero-official" rel="noopener noreferrer">https://github.com/zeroopensource/zero-official</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools </h1> <h1> zero #zeroopensource #zeroopensourcetm </h1> opensource npm javascript typescript Jigz Thu, 22 May 2025 00:57:30 +0000 https://dev.to/zeroopensource/zeroopensourcezero-id-v002-is-live-5dkn https://dev.to/zeroopensource/zeroopensourcezero-id-v002-is-live-5dkn <p>Utility for generating random hexadecimal IDs<br> <a href="https://github.com/zeroopensource/zero-id" rel="noopener noreferrer">https://github.com/zeroopensource/zero-id</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools </h1> <h1> zero #zeroopensource #zeroopensourcetm </h1> opensource npm javascript typescript Jigz Thu, 22 May 2025 00:56:39 +0000 https://dev.to/zeroopensource/zeroopensourcezero-id-v001-is-live-3h4g https://dev.to/zeroopensource/zeroopensourcezero-id-v001-is-live-3h4g <p>Utility for generating random hexadecimal IDs<br> <a href="https://github.com/zeroopensource/zero-id" rel="noopener noreferrer">https://github.com/zeroopensource/zero-id</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools </h1> <h1> zero #zeroopensource #zeroopensourcetm </h1> opensource npm typescript javascript Jigz Wed, 21 May 2025 00:27:12 +0000 https://dev.to/zeroopensource/zeroopensourcepack-packages-v002-is-live-5ff3 https://dev.to/zeroopensource/zeroopensourcepack-packages-v002-is-live-5ff3 <p>🚀@zeroopensource/pack-packages v0.0.2 is live!</p> <p>Install same-scope libs from the diff registries.<br> <a href="https://github.com/zeroopensource/pack-packages" rel="noopener noreferrer">https://github.com/zeroopensource/pack-packages</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools </h1> <h1> zero #zeroopensource #zeroopensourcetm </h1> opensource npm javascript typescript Jigz Wed, 21 May 2025 00:26:28 +0000 https://dev.to/zeroopensource/zeroopensourcepack-packages-v001-is-live-25o https://dev.to/zeroopensource/zeroopensourcepack-packages-v001-is-live-25o <p>Install same-scope libs from the diff registries.<br> <a href="https://github.com/zeroopensource/pack-packages" rel="noopener noreferrer">https://github.com/zeroopensource/pack-packages</a></p> <p>ZeroOpenSource™</p> <h1> opensource #npm #javascript #devtools </h1> <h1> zero #zeroopensource #zeroopensourcetm </h1> opensource npm typescript javascript Jigz Tue, 11 Aug 2020 05:34:11 +0000 https://dev.to/jigz/my-developer-path-32b5 https://dev.to/jigz/my-developer-path-32b5 <p>Just thought I’d share my learning path as a fullstack developer with some alterations, hopefully it’ll guide someone who wants to get into software development. Like myself 5 years ago.</p> <p>Now in no way is my stack perfect though I always do my research before deciding which to use, and I often mix it up several times a year. Always looking for tech to speed up development.</p> <p>If you need any help along the way, feel free to chat with me on <a href="https://discord.com/invite/EvNvnyQ" rel="noopener noreferrer">Discord</a></p> <h3> Resources </h3> <p>A lot of the things I taught myself how to use through reading docs, watching youtube videos and following articles just like this one. Before that I bought some courses to kickstart my career. I highly recommend <a href="https://wesbos.com/courses" rel="noopener noreferrer">wesbos</a>, <a href="https://www.leveluptutorials.com/tutorials" rel="noopener noreferrer">leveluptutorials</a>, <a href="https://www.youtube.com/user/DesignCourse" rel="noopener noreferrer">DesignCourse</a></p> <p>Something I couldn’t have learned myself are best practices from working with colleagues on team projects. As well as contributing to open source projects here and there. Don’t be afraid to ask for help.</p> <h3> HTML/CSS/Javascript </h3> <p>Luckily I’ve already learned the basics in school, I used to make websites using only this stack. Nowadays you can get away with skipping this part and absorbing them as you go along, it helps but not required, you’ll learn these things from most web development tutorials or courses.</p> <h3> React + Next </h3> <p>Every developer I know is using a frontend framework of some kind, they make our development lives so much easier. I brewed myself some coffee and completed this specific course in one sitting. Some courses may be outdated, read though react’s docs to keep yourself updated with new features.<br> <a href="https://reactforbeginners.com/" rel="noopener noreferrer">https://reactforbeginners.com/</a></p> <p>I’ve been sticking with Nextjs because it’s a great all in one solution no matter what project you’re working on, I’ve tried gatsby but I wouldn’t use it for large real time projects like your own twitter clone.<br> <a href="https://github.com/ghostventures/halfdone-next" rel="noopener noreferrer">https://github.com/ghostventures/halfdone-next</a></p> <h3> ES6, ES7 and Beyond </h3> <p>Familiarize yourself with newer javascript features and syntax, eventually every dev will be using them so why not start now.<br> <a href="https://es6.io/" rel="noopener noreferrer">https://es6.io/</a></p> <p>If you’re gonna buy a phone, may as well buy one from this year. If you’re writing a function, may as well use the new supported features.</p> <h3> NodeJS </h3> <p>Node is practically just javascript, I’m all for using just one language for frontend, backend, and even mobile platforms. I love being lazy, if you’re writing in Java, Swift, Python, and Javascript all for one cross-platform project, kudos to you. Just like in real life, I don’t see the point in speaking two different languages with different people in different scenarios.<br> <a href="https://learnnode.com/" rel="noopener noreferrer">https://learnnode.com/</a><br> <a href="https://advancedreact.com/" rel="noopener noreferrer">https://advancedreact.com/</a></p> <h3> FaunaDB + GraphQL </h3> <p>If you want a database without dealing with the complexities of setting one up, try out FaunaDB. Personally I’m no database expert and my use cases are pretty basic for now. I found FaunaDB to be very simple and easy to use with little to no abstractions. Lately I’ve made graphql the standard for my APIs, because I’m too lazy to write docs for a Rest API and having one endpoint for your frontend is pretty sweet.</p> <p>When your project needs more advanced options, then you should aim for the likes of DynamoDB or MongoDB.</p> <h3> Tailwind </h3> <p>I’m not a big fan of writing too much css, it’s redundant and prone to inconsistencies if not done carefully. So imagine my excitement when I heard of Tailwind, premade utility classes to satisfy most of my needs.<br> <iframe width="710" height="399" src="https://www.youtube.com/embed/8k165Y0qBN0"> </iframe> </p> <h3> Git </h3> <p>I still prefer using Git apps like Gitkraken, Github Desktop or VS Code’s source control over a command line unless I really need to. The difference is one button click vs 2 seconds to type a git command, my fingers are fatigued enough as it is. Though knowing how to use git commands does come in useful here and there.<br> <iframe width="710" height="399" src="https://www.youtube.com/embed/20PG7aehR1M"> </iframe> </p> <h3> Figma </h3> <p>I saved myself some time by using Figma to mock my designs before starting development, especially since I’m a bit of a perfectionist. I also discovered that my first drafts are always so bad, it takes like 5 redos before I find the perfect design. If I need more design features then I’d switch to using Illustrator.<br> <iframe width="710" height="399" src="https://www.youtube.com/embed/3q3FV65ZrUs"> </iframe> </p> <h3> Typescript </h3> <p>I’ve used flow for a while but I still ran into errors like using the wrong props, when I moved to using typescript across all my projects, things just went smoothly. Type Checking is more strict for my own benefit.<br> <a href="https://nextjs.org/learn/excel/typescript" rel="noopener noreferrer">https://nextjs.org/learn/excel/typescript</a></p> <h3> Serverless Framework </h3> <p>To be billed the same price for a Nodejs server running 24/7 regardless of whether it’s in use or not, just doesn’t make sense for applications with inconsistent usage. Serverless could save you a lot of money and time, creating backends in separate functions makes things much easier to maintain.<br> <iframe width="710" height="399" src="https://www.youtube.com/embed/D5_FHbdsjRc"> </iframe> </p> <h3> React Native </h3> <p>Write an application once and deploy it across multiple platforms, as a web app, a mobile app, or a desktop app, that’s the dream. A dream that’s closer than you think, tools are currently being developed just for that purpose, React Native + Electron, Ionic React. These are stable enough that they’re being used in some popular applications like VS Code.<br> <a href="https://www.leveluptutorials.com/tutorials" rel="noopener noreferrer">https://www.leveluptutorials.com/tutorials</a></p> <h3> Ghost Developers </h3> <p>My friends and I are teaming up to work on some open source projects.<br> Like this <a href="https://github.com/ghostventures/halfdone-next" rel="noopener noreferrer">NextJS Starter Template</a> we’re using on several websites.<br> </p> <div class="ltag-github-readme-tag"> <div class="readme-overview"> <h2> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fassets.dev.to%2Fassets%2Fgithub-logo-5a155e1f9a670af7944dd5e12375bc76ed542ea80224905ecaf878b9157cdefc.svg" alt="GitHub logo"> <a href="https://github.com/ghostventures" rel="noopener noreferrer"> ghostventures </a> / <a href="https://github.com/ghostventures/halfdone-next" rel="noopener noreferrer"> halfdone-next </a> </h2> <h3> </h3> </div> </div> <p>We don’t like to use emails, Join us in <a href="https://discord.com/invite/EvNvnyQ" rel="noopener noreferrer">Ghost Discord</a> if you wanna talk code, design, learning resources, etc.. </p> <p>You can support our open source group on <a href="https://www.patreon.com/ghostventures" rel="noopener noreferrer">Patreon</a>.</p> tutorial beginners javascript firstyearincode