preface

Here the main arrangement of some daily learning materials. Examples include computer science, JavaScript, TypeScript, Node.js, Haskell, Bash, literature, music, etc. Whenever I see valuable learning materials, I will sum them up in this series. You can quickly find the index of learning resources when you need to supplement a short board for learning or review.

Of course, I will also delete outdated, low quality learning resources.

In addition, it should be noted that although this list covers a wide range, the author is a Web front-end development engineer; Second, time is limited. So the list as a whole leans toward the Web front-end domain, and I’ve only learned a few of them so far.

All in all, this is a list of study that the author intends to maintain for a long time

This learning list comes from the Suri reference manual maintained by the author in Wordfinch, and major daily updates are also posted on wordfinch.

PS: Some materials are in English and paid materials. Excellent quality, recommended learning and repeated learning.

Computer science

Broadly speaking, computer science can be used as a long-term learning goal to continuously improve the breadth of knowledge and literacy level in this field.

  • 【 Computer Science 】 【 40 课 程 】 – Computer Science
  • computer-science | Github

And recommended reading In Depth understanding Computer Systems.

Data structures and algorithms

As you write applications over time, you will become more and more aware of their value.

Algs4.cs.princeton.edu Algorithms, 4th Edition (English/Chinese subtitles)

  • javascript-algorithms
  • Algorithm-Visualizer

MIT 6.006 Introduction to Algorithms, Fall 2011

Introduction to Data structures video series: Youtube | Data structures

TypeScript

Experience the elegance of genre language

JavaScript

Keep learning efficiently and accurately!

Frontendmaster and Egghead. IO are both front-end video learning sites that charge for subscriptions.

Frontendmaster focuses on the learning route from the beginning to the advanced level. I subscribed to study for nearly half a year and made significant progress. During this period, I also made many friends and colleagues.

Egghead. IO is filled with short instructional videos of popular technology. I also subscribed for a while, but I didn’t read much of it. It was a waste. Therefore, it is suggested that many teaching videos can also be searched on B station or YouTube.

And I recommend reading JavaScript Advanced Programming, JavaScript Object-oriented Essentials.

Recently found this great tutorial (2019/12/10)

  • Modern JavaScript Tutorial

Highly recommendNodeSchoolIt has real practice to help me learn, and it helps me a lot.

Dan Abramov’s Just JavaScript tutorial is not available yet, but you can subscribe by mail to read the draft tutorials in advance.

Geek time can also recommend Li Bing “Browser Working Principle and Practice” Winter “Relearn the front end”

Learn more about TypeofNaN JavaScript Quizzes with some fun JavaScript puzzles

And a variety of front-end knowledge system relatively complete blog series

  • The blog of God Three yuan
  • Wood and poplar front end advanced
  • The way to advance the front end

community

ES Discuss

tool

Learn some debugging skills, not urgent but very efficient problem solving.

Webpack must also be mastered (official documentation)

  • webpack concepts

Regular expression

Regular expressions are an amazing field, and people who don’t know them can never use them, nor recognize the value of learning regular expressions. Those who know regular and enjoy the advantages of it will continue to learn more.

Node.js

From understanding community tools, to development tools, to back-end service architecture, front-end engineers must master skills.

Node.js in Plain English

Recently found a blog about streaming, add (2019/12/10)

  • Everything you need to know about Node.js Streams

And learn NodeSchool’s Stream-Adventure

How do I get started with Node.js

Node.js is Under the Hood

Node.js TypeScript | Blog Series

Haskell

Haskell is a matter of opinion, but in short, it will deepen your understanding of functional programming.

Bash

Tools to continuously optimize workflow and write efficient scripts

There’s Also LearnYouBash for Learning NodeSchool

A collection of high quality bash scripts! bashoneliner

Github | awesome-bash

Tech community & Blogs

You can recommend Github, Medium, Zhihu, Ted, Youtube and so on.

Web Development In 2020 – A Practical Guide

It’s good to read more and take advantage of fragmentation time for absorption.

  • Dan Abramov
  • Eric Elliott
  • Strange dance weekly

And there’s a lot more to it. I’ll see you later.

Develop and learn tools

Mac

Dash Offline documentation tool iTerm2 Command line Bear Note software (cross-platform) Microsoft Todo Task Management tool (cross-platform)

iPhone

Tide White Noise software Medium blog

Drawing tool software

Draw drafts, sketches, flow charts, etc. Excalidraw draw.io

Code diagram Carbon

Design patterns

In theory, we can’t stop at simple programming implementation requirements, we need to understand the necessity of code design. Keeping the five SOLID principles in mind and using multi-paradigm programming (OOP/RP/FP) flexibly keeps your code robust and maintainable over long iterations.

Also keep in mind:

  1. Keep it simple
  2. Design first, implement later
  3. Avoid over-designing
  4. Design service requirements

Recommended reading: Graphic Design Patterns, Head First Design Patterns, UML Basics, Cases and Applications

The way to clean architecture 🙂 especially recommend this book

Programming paradigm

Learn about multiple programming paradigms!

OOP

Refer to the design Patterns section

RP

Learn about RxJS and apply this paradigm to programming in specific technical scenarios.

FP

Pure functions, higher orders, combinations, Functor and Monad in functional programming are some fascinating concepts that are worth learning.

Recommendable-adequate – Guide the JavaScript Functional Programming Guide

Test data

Common ones are unit testing and E2E testing. For example: Jest, Puppeteer, Cypress

Computer network

As a front-end engineer, familiarity with the HTTP protocol is a must.

Recommended reading

  1. The Definitive GUIDE to HTTP
  2. Illustrated HTTP
  3. Diagram of TCP/IP
  • | Web Foundamental HTTP2 profile

And related tools such as curl and HTTPie

  • Everything curl
  • Github | HTTPie

Standard document

All kinds of official API documents, when confused by all kinds of information on the Internet, should look for authoritative information to correct mistakes.

Self growth

Tools website

Practice platform

Some interesting websites, can be used to brush learning, training themselves.

Music information

Study more music in your spare time.

A JavaScript music utility class library

  • Tone.js

Recommended reading listening to Music

Literary works

Personal favorite literary works, pure do memo

A Journey in the White Night, A Tiger Sniffing roses in My Heart — A Collection of Essays by Yu Guangzhong, A Snow Falling Cedar tree, Zen and Motorcycle Maintenance Technology

The popular science works

As for the popular science book, I am reading it now, and I feel quite good

The little secret of intestines 🙂 scientifically introduces the function and mechanism of human intestines and stomach

Mathematics for programmers, Mathematics for Programmers — Probability statistics, Mathematics for programmers — Linear Algebra.

conclusion

Bonus: Github’s various awesome-list series also has plenty of learning resources

He who does not advance loses ground