Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Cover image for Node JS/TS Starter Repos
Manav Misra
Manav Misra

Posted on • Edited on

     

Node JS/TS Starter Repos

Update:Here's a modification for using TypeScript. Discusshere.

TLDR: Head on over tothisopinionated beginner-friendly NodeJS starter pack. The deets are listed there in that one.

Motivation

Over my years of teaching JavaScript at college and in bootcamps, students can get easily overwhelmed by how much there is to learn! I feel this myself in my own continual learning.

I have had pretty good success with alleviating some of this by providing my students with starter template repos.

The idea 💡 is to decrease some of the cognitive load by automatingsome of the possible issues related tocode quality.

This allows students to focus on actually 'coding' and implementingbusiness logic andalgorithms rather than wondering so much about 'best practices' and the 'right way' to do certain things.

How Does It Work?

Nothing much really...

Just includes somenpm run scripts and uses some standard 'linting' configurations with just a few minor adjustments.

The VS Code Extensions and Settings are based on recommendations fromSyntax.fm, and my own experiences/struggles 💪🏽.

Gocheck the README 📝 for more deets!


All of my students have really appreciated these types of starter templates that reduce their cognitive loads 🧠 and allow them to just jump in and code how they want while still 'auto-magically' adopting and developing 'best practices.'

There isn't much need to focus on all of this configuration 🔧 stuff when you are just getting started 🚀.

I have some other ones for 'vanilla front-end,' React, full-stack, etc.

If there is sufficient interest, I'll clean those up and post about them. 👋🏽

Top comments(3)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss
CollapseExpand
 
codefinity profile image
Manav Misra
I'm a JS Subject Matter Expert (SME) that has spent the past few years spearheading curricula and teaching initiatives at colleges and bootcamps, in person and virtually.
  • Location
    62236
  • Education
    BS - Mech. Eng. - Missouri S&T
  • Joined
• Edited on• Edited

Here's a 'vanilla 🍦 front-end' one that 🔥s upbrowser-sync. It's for simple HTML-CSS-JS stuff (no React).
And, if you're looking for a relatively simple 'Image Gallery' tutorial to try it out with,here's one 😉.

CollapseExpand
 
michaelcurrin profile image
Michael Currin
I'm a self-taught dev focused on websites and Python development.My friends call me the "Data Genie".When I get bored, I find tech to read about, write about and build things with.
  • Location
    Netherlands
  • Education
    Marketing honors + self-taught dev
  • Work
    Senior Software Engineer at ACT Commodities
  • Joined

Thanks for sharing. I made some PRs to improve it

I have a similar starter project here including a template for a docs and a base workflow for CI

github.com/MichaelCurrin/node-proj...

CollapseExpand
 
codefinity profile image
Manav Misra
I'm a JS Subject Matter Expert (SME) that has spent the past few years spearheading curricula and teaching initiatives at colleges and bootcamps, in person and virtually.
  • Location
    62236
  • Education
    BS - Mech. Eng. - Missouri S&T
  • Joined

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

I'm a JS Subject Matter Expert (SME) that has spent the past few years spearheading curricula and teaching initiatives at colleges and bootcamps, in person and virtually.
  • Location
    62236
  • Education
    BS - Mech. Eng. - Missouri S&T
  • Joined

More fromManav Misra

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp