关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学习之路是比较好的。学习没有捷径,但学习是有技巧与方法。

1.  css入门篇:推荐书籍:css哪些事儿,精通css。

css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。

系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单,还有选项卡,相册,导航,新闻列表等其它大部分的实践。

精通css,这书已经出到第二版了,相比第一版,第二版的大部分目录结构保持不变,内容变得更丰满了。此书从一另一个视角介绍了css的博大精深。

2.  js入门篇:

建议阅读“javascript高级程序设计”第三版电子版。经过前辈们的总结或本人的实践经历,自学的同学建议是这样,找本js入门的书和妙味视频结合看。一个主攻面试,一个主攻实践。

建议欣赏,妙味及智能社视频资料。学习主要技巧是动手及主动思考,视频在欣赏的同时记得跟敲代码不低于三遍,直到隔一天隔一周能重复敲出代码或回忆起思路为止。而且边敲边做笔记,以做复习时快速的查阅之用。学习的技巧是动手,学习的灵魂是坚持,学习的快乐就是分享。只要坚持,其实每天都在成长,只是感觉不明显而已。但这个月与前几月相比,已经有量的变化,量变引起质变。敲出来的代码,思路不清晰时,可以在firebug,chrome里边打个断点跟一下。

3.  阅读其它js书籍建议:js dom编程艺术(2 version)->js高级程序设计 (3 version)-> js dom高级程序设计 -> js 语言精粹 -> 精通js -> 编写可维护的js -> 高性能js -> js面向对象编程指南  -> js模式 -> js权威指南(6 version) -> js语言精髓与编程实践

js dom编程艺术 : 他只是截取了js中的部分概念进行了介绍,并不完整或深入。

js高级程序设计 : 经典的js基础书,之所为经典是因为系统完善的介绍了js的历史,基础及预测了当下的流行趋势。与犀牛比更测重于实践结合

js dom高级程序设计 : 主要讲如何去写一个框架或库。

js 语言精粹:json作者,道格拉斯写的,主要解析js语言本质或内涵。

精通js:jquery作者写的,浅浅的解析了jquery一些方法的实现,注意是很浅。

编写可维护的js,高性能js:这两本是高程作者尼古拉斯的,出版日期在高程后,深度可想而知。

js面向对象编程指南:主要讲面向对象的一些东西。

js模式: -> js权威指南(6 version)

js模式,这两本是淘宝团队翻译的,模式主要一半讲模式一半讲基础。

js权威指南(6 version),经典犀牛,一半讲基础,一讲是参考。

4.   编辑器推荐:

a.新手: sublime-text, http://github.io/jikeytang/sublime-text,sublime text 是所有编辑器里边支持emmet比较好的的唯一一款。

b.熟手: webstorm: http://note.youdao.com/share/?id=2d7ff03aeca64808fdc0f394ffb520bf&type=notebook

webstorm(jetbrains系列产品,intellij idea, phpstorm, pycharm)是所有编辑器里边唯一内置emmet的一款,并且把emmet精神在往前推了一步的一款。

c. 其它:editplus, notepad++,vim.准备多款的原因在于,没有最好的编辑器,只有最合适的,每个下面都有一款特色功能终究会吸引你。

(转)web前端开发分享-css,js入门篇相关推荐

  1. 2. web前端开发分享-css,js进阶篇

    一,css进阶篇: 等css哪些事儿看了两三遍之后,需要对看过的知识综合应用,这时候需要大量的实践经验, 简单的想法:把qq首页全屏另存为jpg然后通过ps工具切图结合css转换成html,有无从下手 ...

  2. 3. web前端开发分享-css,js提高篇

    http://www.cnblogs.com/jikey/p/3604459.html 一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清posit ...

  3. 移动端canvas_web前端开发分享-css,js移动篇

    随着移动市场的逐步扩大及相关技术的日趋完善,对前端开发提出了新的岗位要求,在继承前人成果的基础上需要在新的历史条件下有新的创新.移动端的开发,虽然没有IE6众多问题的折磨,但是多平台,多设备的兼容,也 ...

  4. web前端开发-HTML+CSS基础入门 课程笔记

    https://www.bilibili.com/video/BV1yx411d7Rc?p=3&share_source=copy_web 目录 概述 术语 版本和兼容性 开发环境的准备 第一 ...

  5. 1+x证书Web前端开发HTML+CSS专项练习测试题(八)

    1+x证书Web前端开发HTML+CSS专项练习测试题(八) 官方QQ群 01.{HTML题目}HTML是什么意思? (B) A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 ...

  6. web前端开发七武器—ant入门指南(1)

    武器档案 名称:apache ant 最新版本:1.8.2 用途:文件构建工具 下载:labs.renren.com/apache-mirror//ant/binaries/apache-ant-1. ...

  7. 【web前端开发】CSS浮动

    文章目录 1.浮动 2.伪元素 3.标准流 4.行内块元素的问题 5.浮动的作用 6.浮动的特点 7.清除浮动 方法1:额外标签 方法2:单伪元素 方法3:双伪元素 方法4:overflow 1.浮动 ...

  8. 【web前端开发】CSS文字和文本样式

    文章目录 前言 字体大小 字体粗细 字体样式 字体 font复合属性 文本缩进 文本水平对齐方式 文本修饰线 行高 颜色 标签水平居中 ⭐思维导图 前言 本篇文章主要讲解CSS中的文字和文本样式及一些 ...

  9. Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

    前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...

最新文章

  1. matlab 二重积分
  2. 用.NET写“算命”程序
  3. Android之Dialog提示Unable to add window -- token is not valid; is your activity running?
  4. qt 添加依赖库lib_在QT中添加LIB的方法
  5. oracle11g中SQL优化(SQL TUNING)新特性之SQL Plan Management(SPM)
  6. java 杭州专卖店_杭州JAVA哪家有名气
  7. login控件authenticate_ASP:Login控件(登录控件)
  8. Android自定义事件总线,android事件总线EventBus3.0使用方法详解
  9. 未能加载文件或程序集 请移除注册表值 [HKLM/Software/Microsoft/Fusion!EnableLog] 解决方法
  10. 配置sysklogd 接收远程系統日志
  11. QT 中控件内坐标转换为父窗口坐标或屏幕坐标
  12. Java项目:SSM网上超市购物商城管理系统
  13. 当浏览器版本过低时提示升级浏览器
  14. 机器视觉笔记:RANSAC算法以及思想
  15. 【B-分子】2020上海高校程序设计竞赛暨第18届上海大学程序设计联赛夏季赛(同步赛)
  16. QQ红包金额分配算法
  17. openwrt定时任务 2021-10-08
  18. 移植MyEclipsenbsp;Web项目到Ecli…
  19. 【thinkphp5.1】htmlentities() expects parameter 1 to be string, array given
  20. 蓝牙耳机选什么好?5款主打高性价比的蓝牙耳机推荐

热门文章

  1. 汇编指令msr_arm汇编—mrs,msr
  2. (跟我一起来学区块链(1.3))之区块链的起源与发展
  3. underscore入门使用说明
  4. 酷站欣赏:33个优秀的淡黄色风格网站设计作品
  5. 零基础入门FPGA,如何学习?
  6. 已经发车的票还能取出来吗_已发车!网上订购的火车票还能取出来吗?
  7. 企业订单管理软件|移讯云订货宝系统功能介绍
  8. 内存映射和多功能LED控制器驱动芯片/带按键扫描的LED驱动芯片(IC)-VK16K33A/B/C,内置RC振荡器,最大16seg和8com
  9. 小岛上的蓝眼睛的人要几天才能全部离开
  10. 大数据面试--20210611