网易微专业之《前端工程师》学习笔记(99)-笔记资源汇总

本文会常常更新。。。么哒就酱

01.课程体系介绍

  • 《网易微专业之《前端开发工程师》学习笔记(1)》

02.PS切图

  • 《网易微专业之《前端开发工程师》学习笔记(2)》

  • 《PhotoShop-网页PSD切图、测量、取色以及图片优化合并技巧汇总》

  • 《切图标注快速完成分享》

  • 《前端开发之ps切图》

03.调试及Sublime编辑器

  • 《网易微专业之《前端开发工程师》学习笔记(3)》

  • 《Sublime安装和插件安装》

  • 《“一键”生成HTML——Emmet插件常用语法》

04.html部分

  • 《网易微专业之《前端开发工程师》学习笔记(4)》

  • 《我的HTML会说话——从实用出发,谈谈HTML的语义化》

  • 《前端开发之HTML》

05.CSS部分

  • 《css选择器》

  • 《CSS3文字阴影——text-shadow》

  • 《网易微专业之《前端开发工程师》学习笔记(5)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(6)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(7)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(8)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(9)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(10)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(11)-CSS》

  • 《网易微专业之《前端开发工程师》学习笔记(12)-CSS》

  • 《谈谈如何用CSS处理文本格式》

  • 《巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)》

  • 《【CSS深入】设置不同块级流方向时的属性百分比计算》

  • 《网易微专业之《前端工程师》学习笔记(1)-CSS文本格式》

  • 《网易微专业之《前端工程师》学习笔记(2)-CSS的简写和分开写》

  • 《网易微专业之《前端工程师》学习笔记(3)-CSS盒模型》

  • 《网易微专业之《前端工程师》学习笔记(4)-CSS不常用选择器》

  • 《网易微专业之《前端工程师》学习笔记(5)-CSS布局属性》

  • 《网易微专业之《前端工程师》学习笔记(6)-CSS变形》

  • 《网易微专业之《前端工程师》学习笔记(7)-CSS动画》

  • 《前端开发之CSS弹性布局flex》

  • 《前端开发之CSS动画》

  • 《前端开发之CSS变形》

  • 《前端开发之CSS布局》

  • 《前端开发之CSS背景》

06.JavaScript部分

  • 《网易微专业之《前端工程师》学习笔记(9)-JS基础》

  • 《localstorage 必知必会》
    对应DOM课程的“数据存储”那一节

  • 《html5系列:form 2.0 新结构》

  • 《html5系列:form 2.0 新数据类型》

  • 《html5系列:form 2.0 新表单属性》

  • 《理清javascript中的面向对象(一)——原型继承》

  • 《谈谈javascript的Function中那些隐藏的属性/方法:caller/callee/apply/call/bind》
    对应 JS课程里的“函数进阶”

  • 《【JS趣味】数组求和的方法收集》

  • 《【JS趣味】去除一个字符串的首字符的方式收集》

  • 《【JS学习笔记】关于如何克隆一个独立但属性和方法都相同的对象》

  • 《【JS学习笔记】函数表达式中this指针的意外改变》

  • 《【JS学习笔记】ES5数组对象的5个迭代方法是如何像它们调用的函数传参的呢?》

  • 《【JS学习笔记】ECMAScript中一些最值的考虑》

  • 《【JS学习笔记】关于this指针的理解》

  • 《网易微专业之《前端工程师》学习笔记(12)-JS正则》

  • 《网易微专业之《前端开发工程师》学习笔记(13)-JS介绍》

  • 《网易微专业之《前端开发工程师》学习笔记(14)-JS基本语法》

  • 《网易微专业之《前端开发工程师》学习笔记(15)-JS基本类型》

  • 《网易微专业之《前端开发工程师》学习笔记(16)-JS操作符与表达式》

07.页面架构

  • 《水平、垂直居中布局方案整理》

  • 《两列自适应布局方案整理》

  • 《网易微专业之《前端工程师》学习笔记(27)-水平垂直居中布局》

  • 《网易微专业之《前端工程师》学习笔记(26)-幻灯布局》

08.前端架构部分

待续

09.其他

  • 《利用DataURL技术在网页上显示图片》

  • Chrome Dev Editor(devaloper preview)
    这是chrome的应用,编辑器,直接在chrome上跑,很多css样式可以直接通过手动点设置,而不是敲代码。polymer框架出的应用。

10.作业部分

  • 《网易微专业之《前端工程师》学习笔记(8)-CSS作业(1)》

  • 《网易微专业之《前端工程师》学习笔记(8)-CSS作业(2)》

  • 《【前端微专业错题集】页面制作》

  • 《【前端微专业错题集】JavaScript》

  • 《网易微专业之《前端工程师》学习笔记(17)-JS单元测试题》

  • 《网易微专业之《前端工程师》学习笔记(18)-JS单元作业题》

  • 《网易微专业之《前端工程师》学习笔记(19)-JS进阶单元测验客观题》

  • 《网易微专业之《前端工程师》学习笔记(20)-JS进阶单元作业主观题》

  • 《网易微专业之《前端工程师》学习笔记(22)-JS期末测试主观题》

  • 《网易微专业之《前端工程师》学习笔记(23)-DOM单元测试客观题》

  • 《网易微专业之《前端工程师》学习笔记(24)-DOM单元测试主观题》

  • 《网易微专业之《前端工程师》学习笔记(25)-DOM期末主观题》

11.推荐书单

  • 《图解CSS3:核心技术与案例实战》
  • 《Head First jQuery(中文版)》
  • 《CSS设计指南(第三版)》-人民邮电出版社
  • 《Head First Ajax》
  • 《Head First Html5 programming》
  • 《JavaScript高级程序设计(第三版)》
  • 《单页Web应用:JavaScript从前端到后端》
  • 《JavaScript语言精粹》
  • 《JavaScriptDOM编程艺术(第2版)》
  • 《编写可维护的JavaScript》
  • 《Web全栈工程师的自我修养》
  • 《深入浅出Node.js》
  • 《响应式Web设计》
  • 《精通CSS》
  • 《高性能JavaScript》
  • 《You-Dont-Know-JS》
999.安全
  • 《安全之路:Web渗透技术及实战案例解析(第2版)》by陈小兵

  • 《图灵程序设计丛书·Web渗透测试:使用KaliLinux》byJoseph Muniz/Aamir Lakhani

  • 《Web渗透技术及实战案例解析》by陈小兵、范渊、孙立伟

12.推荐资源文章

  • 《玩转CSS选择器(一) 之 使用方法介绍》

  • 《玩转CSS选择器(二) 之 浏览器支持,常见Bug,性能优化》

  • 《IE你够了!CSS选择器》

  • 《【CSS学习笔记】对于IE6、IE7下display: inline-block; 的兼容问题的探讨》

  • 《使用 CSS3 Flexible Boxes 布局》

  • 《Front-end-Interview-questions》

  • 《CSS 学习指南》

  • 《移动前端开发之viewport的深入理解》

  • 《语种名称代码》
    想知道html的头文件中lang="en"的更深层的含义么,看这篇。

  • 《移动端高清、多屏适配方案》

  • 《用 highlight.js 为文章中的代码添加语法高亮》

  • 问题与对策:CSS的margin塌陷(collapse)

  • 《CSS之BFC详解》

  • 《详说 Block Formatting Contexts (块级格式化上下文)》
    BFC布局详细的一篇文章

  • 《了解服务器的相关知识》

  • 《不只是平面:css三维变换的应用》

  • 《3d transform的坐标空间及位置》

  • 《运算符优先级》

  • SegmentFault 2015 Top Rank 系列之《JavaScript 相关优秀文章》

  • SegmentFault 2015 Top Rank 系列之《前端优秀文章》

  • 《Javascript中valueOf与toString区别》

由于运算时都要隐式的调用这两种方法,那么这两种方法的区别又是什么,如果同时存在这两个方法的时候,会优先调用哪个方法呢,就可以看看这篇文章,一般来说,字符串运算时会调用toString()方法,而数值运算时会调用valueOf()方法。

  • 《JS中的prototype》

这篇比较清楚的介绍了prototype的使用。不过栗子有点简单。

  • 《CSS Grid布局:浏览器开启CSS Grid Layout》

  • 《CSS Grid布局:什么是网格布局》

  • 《CSS Grid布局:网格单元格布局》

  • 《CSS Grid布局:合并单元格布局》

  • 《CSS Grid布局:显式和隐式网格线》

  • 《CSS Grid布局:网格区域》

  • 《CSS Grid布局:独立源与网格的层叠顺序》

  • 《CSS Grid布局:网格的流动》

关于响应式的

  • 《移动前端开发之viewport的深入理解》

根据情况加载高清与否图像,解决图像响应式。

  • 《谷歌 Web 开发最佳实践手册(2.1.1):标签中的图像》

  • 《如何给函数取个合适的名字》

  • 《Cookie有毒?实测告诉你Cookie的真相》

这篇文章比较详细介绍了Cookie有什么用,有什么弊端,用户在浏览器上怎么禁用设置Cookie,怎么删除Cookie,顺便还介绍了禁用Cookie有什么危害等,从用户层面上了解什么是Cookie。

  • 《一个对前端模板技术的全面总结》
    这篇文章会对当今前端界的三种截然不同的模板方案做一个全面的对比。

接下来的两篇GitHub的文章是阳志平老师的文章。

  • 《如何高效利用GitHub》

  • 《Git与Github入门资料》

  • 《怎么使用GitHub-知乎》
    知乎上的这篇教材,尤其是后面Fadeoc Khaos的解答,会让你瞬间知道怎么理解GitHub的那么多流程。

  • 《Git之忽略文件(ignore file)》
    这篇介绍Git的.gitignore文件里怎么写,有语法,非常简单哈。

  • 《自定义 Git - Git属性》
    这篇里有讲Git的diff,.gitattribute文件。

  • 《Git官网讲的.gitattribute(英文)》

  • 《Node.js中的模块接口module.exports浅析》

这篇文章对应的是技术选型这章的模块系统这节课,其中讲到怎么注入和调用接口的方法,就用到export和require。

  • 《关于commonJs和nodeJs的关系》

这篇也是对应的模块系统这节课。CommonJS是一种规范,NodeJS是这种规范的实现。CommonJS是一 个不断发展的规范。填补了JS在非浏览器的应用开发方面的空白。

  • 《Javascript 异步加载详解》

  • 《JavaScript 依赖管理》

CommonJS vs AMD详解,如何处理依赖管理。

  • 《猴子都能懂的Git教程》

哈哈,真的猴子都能懂哈。

  • 《怎样有效学习nodejs》

  • 《搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门》

  • 《js的一道经典题》

  • 《一道常被人轻视的前端JS面试题》

12.国外前端博客--可找来翻译

  • 国外前端博客1:webdesignernews
  • 国外前端博客2:frontendfront
  • 国外前端博客3:frontendrescue

你可能感兴趣的:(网易微专业之《前端工程师》学习笔记(99)-笔记资源汇总)