欢迎光临
Merrier的个人博客

网罗天下好教程

总结了一下我看过的好的教程,多数为系列文章,鉴于如今信息鱼龙混杂,这篇文章可以省去很多找好教程的时间。

入门级

HTML

手把手教你使用Hexo + Github Pages搭建个人独立博客

很完整很详细的Hexo搭建个人博客教程

从0到1搭建和部署个人博客

此教程会教你从0到1搭建一个完整的博客,包括前端展示页、后台管理系统、后端接口及接口文档、服务端部署整个完整流程。技术栈是vue+express+mongodb

CSS

CSS布局说——可能是最全的

其实很多时候,我们都会在布局上花费很多时间,尤其是遇到一个比较“严格”的设计师的时候,而css虽然语法简单(css有语法?),但是真正用起来会有很多学问,而布局这种问题是老生常谈的问题了,这篇来自SegmentFault的文章对css中的布局的相关知识进行了总结,满满的干货。

CSS 中重要的层叠概念

作者参考了很多关于层叠概念的文章,对这一经常迷糊的概念进行了全面总结,讲解的非常清晰全面,是我看过的讲层叠概念最好的文章,十分值得一看!

JavaScript

JavaScript 标准参考教程(alpha)

阮一峰的JS教程,内容很多,而且讲解的很详细,很透彻,是一篇不错的JS入门教程。

如何定义一个高逼格的原生JS插件

作者通过很多实例介绍了如何定义自己的JS插件,包含了很多方面和技巧

框架

七天学会node.js

这是一篇比较详细的node.js入门教程,但是我确实没有七天就学会。。

node.js之fs模块

fs模块是node.js中一个很重要的模块,其提供了文件相关操作,包括打开、读取、写入和追加等等操作

Express 4 入门中文手册

最近在做node相关的项目,express之前接触过,但是基本上一点印象都没有留下。。然后express的英文文档从布局和样式上就给人一种不想看的感觉,同时我的英语水平也很差,所以就在网上找了很久的中文文档,最终追根溯源找到了上面这篇,无法评价好坏,因为有就不错了嘛~

Redux中文文档

在线gitbook,有很多实例,是一个很不过的redux入门文档(我就是通过看这个文档入门的~)

Redux从设计到源码

这也是一篇Redux入门教程,虽然比不上上面的教程,但是这篇文章里面的某些图片画的还是相当不错的,可以当做补充资料

react-starter-kit 入门(翻译)

starter-kit的教程实在太少了,只找到了这一篇中文的,就先凑合看吧,具体写的好不好可以先睹为快,因为篇幅比较短,而且starter-kit本来就是一个脚手架,还是需要了解其他技术栈才能真正看懂

React Router官方教程

官方给出的react-router入门文档,通过14个实例一步步进行讲解,由浅入深,由易到难,只需要一个多小时就可以跟着文档写完14个实例,同时在写的过程中还可以学习到express和webpack的相关知识。

Redux作者出的教学视频

Redux作者自己在egghead.io上面上传了教学视频,墙裂推荐,不过全程英文讲解,可能会有点费劲- -:

工具

入门Webpack,看这篇就够了

进度条说明了一切,作者通过对比gulp和webpack,详细的介绍了webpack的优缺点,同时还介绍了一些其他工具的用法,虽然篇幅较长,但是大部分都是代码,可以跟着作者自己敲一遍,相信敲完之后的你可以自信的说webpack我终(hai)于(shi)会(bu)了(hui)

webpack 2 打包实战

这是一篇对于webpack 2的讲解,作者通过追根溯源向我们阐述了为什么需要webpack,作为历史的产物,webpack具备哪些优势,文章篇幅较长,不过弥补了webpack官方文档写的很差的缺陷,是一篇比较不错的webpack入门文档

令人困惑的webpack之entry

鉴于webpack的文档实在太差,而webpack本身又比较复杂,各种loader,各种plugin,各种配置,所以刚接触webpack的童鞋会感到很头疼,而entry作为webpack中最基础的配置,可以作为入门webpack的关键点,这篇文章非常详细的介绍了entry配置项的作用以及参数含义

用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学、不用!

Sublime Text 2 - 性感无比的代码编辑器!程序员必备神器!

这是一篇比较全的sublime介绍文章,作者介绍了很多sublime的特性和优点,同时还推荐了一些插件和使用技巧。

浅入浅出webpack

webpack作为一个非常流行的构建工具,其文档和使用一直为人所诟病,而当我真正的自己对webpack进行了了解和实战之后,发现其实webpack并不是那么难理解,而很多童鞋其实是因为webpack的功能太强大而对其产生了畏惧,这篇文章对这部分童鞋来说是一篇很好的教程,从基本使用的角度对webpack进行了介绍和讲解,除此之外还介绍一些高阶应用,如TreeShaking、构建PWA应用等

理论

同构(Isomorphic) web 是什么鬼?

同构这个概念最近比较火,相比SPA,同构会有其独特的优势,作者用非常简短的语言介绍了同构产生的背景和如何将自己的网站改造为同构web。

再不懂区块链,你就OUT了!

区块链从15年到17年,但是你却任对区块链一知半解,百度经验联合火币网打造讲解区块链的系列小动画《区块链100问》 ,将抽象的区块链概念转化为100集轻松易懂的1分钟小动画,每集学懂一个知识点~

快乐的Linux命名行

The Linux Command Line 的中文版,一个文科生说他看完这个都会Linux了

HTTPS 的故事

作者缘于在 Twitter 上看到的 HTTPS explained with carrier pigeons,原作者用很简单的故事就把 HTTP / HTTPS 的传输过程讲解的很清楚。

借原文的意思,该作者重新写了这个故事,加上了一些配图和补充,很形象的解释了为什么要有https以及如何实现。

JS 函数式编程指南

这是mostly-adequate-guide的中文版,可以说是最好的函数式编程书籍,作者还非常有心的提供了EPUB和MOBI格式的下载。

其他

npm scripts 使用指南

阮一峰讲解的npm script入门知识,关于npm script首推这篇文章

Linux大棚版Thrift入门教程

thrift作为一种RPC框架,其诞生以来就受到了广泛关注,虽然RPC框架有很多种,但是thrift还是有其独特优势的,这篇入门教程篇幅较长,作者介绍了thrift的基础概念,同时通过实例介绍了如何应用thrift,比其他教程要详细很多。

Shell脚本编程30分钟入门

前端工程师和shell打交道会比较少,但是知道一些往往会节省自己很多时间,比如定时备份、定时提交修改神马的,这篇文章虽然看上去有点“标题党”的意思,但是作者介绍的还算详细,同时作者还有一些其他类型的“30分钟教程”,也可以看一看(作者是多么喜欢30分钟这个时间段啊。。)

Docker 入门

Docker 是一个非常有趣的项目。它最大的作用就是隔绝了操作系统环境,类似于虚拟机,但是相对于虚拟机,他又拥有绝对的高效率、和通用性。相信看完这篇文章之后,你会对docker有一个直观的认识= =

图说设计模式

通过画图的方式理解设计模式,以一种轻松的姿势理解高深的学问。

Go 指南

该指南介绍了Go的大部分重要特性,同时有一些练习进行巩固。

centos 6.7 安装 最新版 git

阿里云上的ECS很多人都会选择CentOS系统,而作为前端,可能需要安装nvm,但是CentOS 6.7默认安装的git版本是比较低的1.7.1版本,所以需要重新安装最新版git,这篇教程讲的很详细,我按照他的步骤很顺利的就安装成功了。

Jenkins +nginx 搭建前端构建环境

废话很少,直接上代码的方式我很喜欢,Jenkins解决了很令人头疼的构建问题,所以如果想成为一名称职的前端工程师,这是一篇值得参考和手巧的教程,赶快跟着作者的手速敲起来吧!

进阶级

深入理解JSON

作者将JSON和JS中的JSON都梳理了一遍,也对里面的细节和注意点进行了一次遍历,从中我们能够知道JSON是一种语法上衍生于JS语言的一种轻量级的数据交换格式,也会明白JSON相对于一般的JS数据结构(尤其是对象)的差别;除此之外,作者更进一步地仔细讨论了JS中关于JSON处理的3个函数和细节。

通用 CSS 笔记、建议与指导

作者总结了CSS的相关规范,但是建议下面腾讯AlloyTeam总结的那篇。。

前端规范总结-AlloyTeam

腾讯AlloyTeam通过分析github代码库总结出来的工程师代码书写习惯,内容很全很详细,值得一看!

CSS进阶系列

通过作者的github,可以看出来这是一位腾讯的大牛,作者通过CSS实现了很多复杂的效果,其中有些例子是《CSS揭秘》这本书里面的,这本书也是我之前强烈推荐大家看的一本CSS进阶书籍。

简书-前端基础进阶系列

作者叫“波同学”,我之前是从来没有听说过作者大名的,但是读过作者这一系列的文章之后对作者的前端能力很是钦佩,同时作者的讲解能力也很强,将一些别人讲的晦涩难懂的原理讲的很透彻,十分推荐大家认真阅读一下作者这一系列的文章,我相信你看完之后你的前端水平会有很大的提升

更新于2017-1-26:波同学将自己在简书上的文章都迁移到了自己的Gitbook

深入理解JavaScript系列

汤姆大叔写的文章,文章内容实在是多。。而且感觉难度有点大,推荐大家先看一下上面简书的前端基础进阶系列,再来看汤姆大叔这一系列的文章,可能理解起来会更容易一些。

webshell原理

webshell,顾名思义:web指的是在web服务器上,而shell是用脚本语言编写的脚本程序,webshell就是就是web的一个管理工具,可以对web服务器进行操作的权限,也叫webadmin。接触过集群的童鞋对这个概念肯定不会感到陌生,虽然一般人不会接触到webshell,但是多了解一些总是没错的~

全自动科学上网方案分享

有些童鞋并不了解如何通过VPS实现科学上网,这篇文章介绍了如何利用VPS进行代理配置,以及实现自动切换,讲解的很详细。

转载请注明来自:Merrier说 » 网罗天下好教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

Merrier一直在努力

QQ联系邮件联系