The learning-resources from newswim

learning-resources's Introduction

How Do I Web Develop?

There are some fantastic resources online which can answer pretty much all of your questions. One of the first things to practice is using Google effectively. It's important that we consider Time as a finite resource and spending a lot of time looking and not finding good quality information can be a problem.

You can start by just asking Google, how do i google effectively?

For web-development-specific questions, it's good to include notable websites in the query, here are a few popular ones:

MDN - ie, mdn on click handler
CSS-Tricks - ie, css tricks flexbox
Stack Overflow - ie, stackoverflow hover state hidden

These are good ways to make sure you're getting the best information, quickly. Also, for sites like Stack Overflow, you can see how certain answers are rated by other users, and read their comments to figure out what's the best solution to the problem you're trying to solve.

Online tools, general web-dev learning apps

Enki is a fairly new, cross-platform (iOS, Android) application that provides a gamefied, work-out style of learning.
Free Code Camp has been around for a few years now and has become one of the best resources for self-paced learning. The topics scale from very-beginner to quite advanced (eventually building full-scale applications).
Frontend Dev Bookmarks

HTML / CSS

InternetingIsHard.com -- Great, great website for learning about Front-End web development.
LearnLayout.com teaching fundemental CSS properties like display, position, table.
Learn Web Development is another in-depth, multi-part tutorial from MDN.
Codrops is a FANTASTIC resource with neat examples and one of the best CSS references on the web.

CSS-only

CSSReference.io
Learn CSS -- Great new (as of 2021) resource from Google.

Version control

Oh-my-git is a gamified tutorial on using git.

How to Save Things and create Free Websites

Learn Git to let you use Source Control -- never lose anything, create sophisticated commit trees, win.
Github Pages will publish and host and static webpage, for free.
Jekyll is their recommended site generator, but there are literally dozens to choose from.
Learn git in 15 minutes - In-browser tutorial with octopi.

JavaScript

With JavaScript, or any other programming language, it's often better to read a book, rather than try to assemble knowledge from various blogs and tweets. Stick close to primary sources and dig deep. The better you understand the language, the more better your life will be, I guarantee it 💫.

JavaScript For Cats - Great, brief beginner book
Speaking JavaScript - Very thorough book from a great author
Eloquent JavaScript - A good mid++ level book, easier to read but the material can be dense

Blogs and other resources

learning-resources's People

Contributors

Stargazers

Watchers

learning-resources's Issues

Node

Core concepts

How do `modules` work?

This article explains that pretty well - https://www.sitepoint.com/understanding-module-exports-exports-node-js

basically, exports is an object which you can attach properties/methods to, just like any other object.. but the require function will parse a file and bind a matching keyword to a variable.

// lib.js

function sayHi () { return 'Hi' }

exports.sayHi = sayHi

// or..

exports.sayHi = function () { return 'Hi' }

// main.js
const sayHi = require('./lib').sayHi

You're simply accessing that property on the global object, module.exports (or exports, which its aliased to.)

NPM / Using Community Modules and Publishing To NPM

CLI

Processes

Asynchronous functions

Promises
Callbacks
Async/Await
Generators
Fibers/Coroutines

newswim / learning-resources Goto Github PK