Problem #1 — Too Many Script Tags
Originally, frontend Javascript did not have a module system so every Javascript file you use had to be included with a script tag, and they had to be in the right order… this was tedious. So developers figured keeping all your code in one file with one script tag to be the simplest thing to do but the files became massive and hard to work with.
Solution #1 — Bundlers
The solution was Javascript Bundlers like Browserify that would take several javascript files and “bundle” them into one file that you can include with a script tag.
Problem #2 — More Complex Build Process
As build processes became more complex it…
Functions are one of the most important concepts in programming, and Javascript gives functions first-class support meaning there is a lot to learn but a lot of great ways to use functions in javascript. This article is a reference on functions in javascript. Enjoy.
What is Function?
Think of functions like a wizard has spells. Whenever a wizard wants to conjure some creature he looks in his book of spells and casts a spell. Another analogy is a Chef with their book of recipes.
Whether you are a chef or a wizard you must commit write down your spell/recipe before you can use…
React is by far the biggest frontend Javascript framework in modern web development. Although, Svelte has been growing steadily in popularity over the last few years. What makes Svelte so special.
- Very easy to learn syntax
- Instead of shipping the framework to the browser the code is compiled to standard js, resulting in MUCH smaller bundle size and blazing fast code.
People already love or are at least pretty familiar with the React Syntax, but the latter benefit of compiling to standard JS could be a nice addition to React, enter SolidJS.
SolidJS is a frontend UI framework whose syntax…
Virtual environments have always been one of those areas of constant discovery as I’ve learned python. I’ve been writing on articles what, how, and why of Virtual Environments and you can find those articles here:
While all of these work great for isolating dependencies and outputting dependencies to a requirements.txt allow use to track dependencies one piece is still missing, deterministic dependency resolution.
When working with NodeJS or Yarn you may notice a .lock file that gets generated when installing libraries, ever wondered what it did? The lock file…
If you’ve ever used Ruby on Rails it provides many awesome benefits with its command-line interface:
- The ability to quickly generate models, migrations and controllers
- Pretty easy plug’n’play database integration
- DB commands simplifying things like resetting and seeding the database
I really do enjoy these tools in rails, but I also really enjoy the flexibility and simplicity of Express when paired with a Mongo Database. So I took it upon myself to create an express-based framework that has a rails like feel and level of productivity. Enter, Merced-Express.
The best way to demonstrate is just to guide you in creating…
This is not a guide on how to use express and mongo, but a useful reference especially for those starting to learn these technologies. This guide will serve as documentation of the basics of all the main functions and patterns in these libraries.
Express
- Installation Command:
npm install express - Importing:
const express = require("express")
express()
The express function returns a new application object. The application object has several different functions.
- can register middleware and routes
- can initiate the http listener on a particular port
Typical use
// import express
const express = require("express")// create an application object
const app = express()…
My Original Article on Virtual Environments
In my previous article, I talked about two ways to create Python virtual environments using mkvirtualenv and pyenv. What I wasn’t aware of at the time is that in Python 3.3 and above a native ability to create a virtual environment was added to python.
REMINDER: The Reason we want to make virtual environments is to isolate our project dependency and manage dependency versions, kinda like what a package.json does for us in Javascript, a Gemfile in Ruby, cargo.toml in rust, composer.json in PHP, you get the idea.
How to Use the Native Venv Module
Create a New Virtual Environment
You may need to write python3…
Find tutorials for django at my website, devNursery.com
Often times when making a RESTFul API with Django it can seem like… “how would this work in?”
Django has a lot of great aspects to it:
- Modularity, creating chunks of your application as “apps” allows you to reuse and repurpose features you’ve already created. (example, build out an auth app then just reuse it in all future projects)
- A fairly robust built suite of authentication features
This is all great but when making a microservice or RESTFul API Django can seem a bit clunky (cause its design seems to really be…
Learn more Javascript with my Javascript Video Playlist => Javascript Playlist
Copying Arrays and Objects
One thing that you always have to be careful in programming is that collections (Arrays, Objects, Maps, Sets, etc.) aren’t primitive values so variables that hold them don’t hold the data but a reference to where the data is located in memory. This creates a syntactical annoyance.
const myArray = [1, 2, 3, 4]
// This line doesn't duplicate the array but creates another variable referring to the same array
const myArray2 = myArrayThe reason this is an issue is cause it means modifying the myArray2 modifies the…
