The Curious Coder

JavaScript Getting Creative with the Console API! - supercharge your console.log()'s and make monitoring and debugging your app more pleasant. Use $ & $$ Instead of document.querySelector/All in JavaScript without jQuery - for those of you who are Breaking Up With jQuery ... ES6 features in JavaScript - familiarize yourself with some of the most popular ES6 goodies Generating PDFs in Javascript for fun and profit! - Sometimes you want to generate PDFs on the fly, and now you can do so in JavaScript. Making the Move from jQuery to Vue - No, you don't have to give up jQuery, but if you want to transfer everything you've learned using it to Vue, check out this article. Node Next Genpm - A look at some npm alternatives Git A hacker is wiping Git repositories and asking for a ransom - Make sure you're protected! Machine Learning What is Machine Learning? - a primer on what ML is and how it works. Development The 3 Lies Stopp

CSS How to Align Things in CSS - A great article showing how to do all the things you wish you knew how to do when it comes to aligning stuff with CSS 50+ Best Free Bootstrap Templates to Create Modern Websites 2019 - You know, using Bootstrap doesn't mean it has to look like you're using Bootstrap... CSS Houdini Could Change the Way We Write and Manage CSS - a new way to manage CSS? Yes, I'm curious! React Beyond Create React App: React Router, Redux Saga, and More - Okay, you've got a good handle on the basics of React, what comes next? This article has some ideas for you. VS Code Write beautiful and consistent JavaScript code using ESLint, Prettier and VSCode - How to bring consistency to your team's code -- but just as useful for creating consistent, well-formatted code for yourself. UI/UX Perfect object-oriented UX - A designer discusses how the principles of object oriented programming can carry over to design. Development

JavaScript Why SvelteJS may be the best freamework for new web devs - A simple, component based non-framework framework. I'm curious... Understanding Event Emitters - in depth look at what they are and how to use them. CSS Blurred Borders in CSS - An interesting effect for creating an attention getting border for your images. The 10 Most Popular Open Source Front-End Web UI Kits - Yes, there's more than just Bootstrap out there. Check out these amazing UI Kits to jump-start your front-end design. WebAssembly lys-lang/lys: ⚜︎ A language that compiles to WebAssembly - I'm telling you, WebAssembly is something you should know about, if not just outright know. VS Code Flutter -- Visual STudio Code Shortcuts for Fast and Efficient Development - for those of you playing around with Flutter, here's a nice VS Code extension for you! Windows How to add 'Move to' and 'Copy to' to the context menu in Windows 10 - I can see where

JavaScript The JavaScript Developer's Reading List - Actually, a repo on GitGub with a list of recommended books and articles.  HTML A JavaScript Free Frontend - One developer's approach to speed up web sites by leaving off the JavaScript entirely and rendering everything on the server. WebAssembly How WebAssembly will change the way you build web apps - Not too soon to start checking out this revolutionary technology to create web apps that run 10-800% faster than JavaScript. VS Code console.log() Faster with Turbo Console Log - an extension that helps you quickly throw a console.log() into your JavaScript code for debugging. Git Git, GitHub & Workflow Fundamentals - A great review of source control fundamentals for using Git with a team. Machine Learning Why machine learning engineer is the best job in America, not developer or data scientist - And so SkyNet begins... .NET Navigating in Blazor - A navigation strategy for Mic

CSS Styling Based on Scroll Position - for those of you curious on the state of the art CSS for One Page layouts. Designing An Aspect Ratio Unit for CSS - Very interesting look at how designers deal with maintaining aspect ratios and how an addition to the CSS specification would help. JavaScript Why You Should Know Latest JavaScript - "Any application that can be written in JavaScript, will eventually be written in JavaScript"--Jeff Atwood (Co-Founder of Stack Overflow)  That quote punctuates this article on why when it comes to JavaScript, you need to stay curious! Prevent Object Retrieval TypeError with && - A nice explanation of how to use the Guard Operator, &&, in JavaScript. Guard Operator? I thought && was a logical AND. Yep, read up on how to up your JavaScript skills and avoid a lot of unnecessary if statements. Development 7 Must-Have Chrome Extensions for Web Designers - These extensions cover everything from inspecti

One of the first things any new developer should learn is how to use a version control system, and the most popular of these today is Git and the most popular home for Git is GitHub. Using GitHub requires the installation of Git on the computer where you're doing your development. That's easy enough. You can readily find the download page for Windows or Mac and install it as you would any other piece of software. So far, so good. And then, you are introduced to the command line. Most new developers are unfamiliar with the command line (check out my series on The Command Line and You) and are baffled by its inconsistent command names, abbreviated option parameters. Throw in SSH or sudo and you quickly discover why GUIs (Graphic User Interfaces) were invented. It seems strange that our operating systems are collections of icons, window and menus, but we still have to use the command line, with virtually the same set of instructions it was born with, to use something that

.NET Announcing ML.NET 0.11 – Machine Learning for .NET. This, along with Blazor, is at the top of my Curiosity ToDo List. I work a lot in C#, and it's nice to see the tools and libraries for machine learning that were almost exclusive to Python making their way to the .NET world. JavaScript WebGazer - an interesting project that attempts to use your webcam to do eye tracking with JavaScript. I, of course, was curious, but on the one laptop I've tried so far, I didn't have much luck. between 20 and 50% accuracy. But, I'll keep an eye on it... Introduction to Hoisting in JavaScript - And explanation of one of the most confusing aspects of JavaScript for new programmers. Building Angular and React Applications Together With Nx - Dogs and cats sleeping together! You Can Do That? Use Chrome  (the browser) as an IDE - I was aware of most of these features, but I never was curious enough to use my browser as an Integrated Development Environment. Super c

An Absurd Illustration from https://absurd.design/ World Wide Web World Wide Web Turns 30 JavaScript Get JavaScript Grammar for Free  - New book with some interesting JavaScript Visualizations. You can secure a free copy if you act quickly! How to use the apply(), call() and bind() methods in JavaScript  - A nice introduction into those mysterious methods in JavaScript that let you do things with JavaScript that you weren't sure you could do. React Dynamic Document Head with React Helmet - We all know how to make the body of our React Web Apps change with the state, but what about the information in the head? Could me useful! Gadgets Motorola Razr Foldable Phone Software Features Leaked - I had a Razr phone, and then later a Droid Razr (which even with the higher battery capacity version was very thin for its time). Now, in the age of foldable displays, the Razr is (hopefully) making a comeback in the form of an Adroid Flip Phone. This one may tempt me away f

Learning The Value of Inconvenient Design - A very interesting article about how making things easier has unintended consequences. What I found curious was the portion that describes an experiment were 2 groups of people were asked to assign a value to a storage box from Ikea. One group was just given the box, assembled, while the other had to put it together themselves. Turns out the DIYer gave it a higher value because there was a greater sense of ownership. I see a parallel in writing code. Watching videos and cutting and pasting code makes it easier, but you get more value out of following along with that video or retyping the code instead of just pasting it. Something to think about. WASM Blazor 0.9.0 Released - Being a .NET guy, I'm really curious about Blazor, a tool that allows you to write your client-side code using C#. Just wish I had more time to play with it... Exploring Blazor with Visual Studio 2019 - Okay, I just won't sleep this weekend. WASP -

The Power to Create and Destroy So, in Part One we learned how to get around the file system using the command line using  cd  to move from one folder to another, and pwd  to find out where we were. This in itself is very useful, but the real power comes from creating new files and folders, then copying, moving and deleting them. Let's start by creating a new folder to play around in. First, change directory to your Desktop folder with the following command: cd ~/ Desktop   note : the screenschots are using Git Bash on a Windows PC, but the same commands will work on a Mac Terminal.

An Absurd Illustration from https://absurd.design/ Learning Learning to Learn - Fantastic article about learning with some great tips and strategies. Not only applies to coding, but just about anything you might want to learn. History The World Wide Web at 30 feels a lot like the early days -  Interesting article touching on some of the history of the World Wide Web. CSS CSS Triangles, Multiple Way - Everyone knows that a web page is made up of rectangles. Sometimes you can round the corners and even make a circle, but triangles? Check it out! Building Robust Layouts With Container Units - An alternative to CSS Grid systems.  DOTNET Creating the simplest possible ASP.NET Core form with a POST method - Interesting look into how Razor Pages work. HTML Periodic Table of HTML Infographic - Yep, that's just what it sounds like. That chart hanging in every high school chemistry lab is back, this time with useful classifications of HTML tags rather

I'm teaching a group of students in a Coding Bootcamp, and one of the first things we're learning about his how to get around a Command Line Interface -- in this class, we have a mix of Mac and PC users, so the former is using Terminal, while the latter is using Git Bash. I'm "seasoned" enough to have worked on DOS computers, where the first thing you saw when you turned on the computer was the blinking cursor next to the C:\> Prompt, very much like what you see in the Windows Command Line (cmd.exe) today. From there, you issued commands to navigate your file structure and launch programs. We didn't know anything else. You had to know your way around the command line to get anything done, like copying files to a floppy disk or launching WordPerfect. Then along came Windows (okay, MacIntosh, then Windows) and for a while there, the Command Line was relegated to an "It's there in case you need it" role. Hidden away, as the computer operat

Smart Stuff How to Use Alexa to Prep for a Job Interview - Alexa is full of cool skills. This one seems pretty interesting! Just Fun Be a fake hacker - just like in the movies! CSS Button Interfaces - What is a button? And when should you use it? The 5 Critical Elements That can Make or Break Your One-Page Website’s Design  - In-depth examination of how to make that one page design work. Debugging 10 Chrome Developer Tool Features You Might Have Missed - Yep, there are a few in here that I was not aware of. Pays to be curious! Frameworks Sliding In and Out of Vue - Getting the most out of the coolest JavaScript library on the block. You can do that? Hosting a Blazor Application on Firebase - I like Firebase, and am extremely curious about Blazor, so naturally I want to share this cool mashup with all of you.

Visual Studio Code for the New Developer Introducing Visual Studio Code Extensions open in browser Live Server Live Share Emmet Themes