前端入门及提高

 1.JavaScript 的闭包?
 2.H5 SVG绘制线条与三角形?
 3.想要学习一门ui框架,有什么easyui,bootstrap,Foundation等等。
 4.想要搞一个自己的静态博客,有什么wordpress,jekyll,hexo等等
 5.想要学构建工具,有什么grunt,gulp,webpack等等
 6.还有好多的库,jQuery,angular,vue,react等等
 7.所有的html标签都可以加上点击事件吗??
 8.html布局方式有多少种,如flex布局??
 9.网页布局(layout)是CSS的一个重点应用?

前端开发网站- http://louiszhai.github.io
个人的中小型项目前端架构浅谈- http://blog.csdn.net/qq20004604/article/details/70480932
Web前端体系的脉络结构(html篇)- http://geek.csdn.net/news/detail/248978
前端学习- http://www.cnblogs.com/GerryOfZhong
阮一峰的网络日志- http://www.ruanyifeng.com/blog/archives.html
前端开发知识结构 https://github.com/JacksonTian/fks
国内前端行业的技术博客- http://www.w3cplus.com/
关于web前端的学习路线- http://www.cnblogs.com/luoguixin/p/6082527.html
web前端入坑第二篇:web前端到底怎么学?干货资料-  http://blog.csdn.net/xllily_11/article/details/52145172
前端开发入门提升经验整理- http://blog.csdn.net/qq_37810594/article/details/64124469
说说我的web前端之路,分享些前端的好书- http://blog.csdn.net/qq_37810594/article/details/66968047
自己总结的web前端知识体系大全【欢迎补充】- https://my.oschina.net/u/3531365/blog/995033
前端,我为什么不要你- http://blog.csdn.net/yisuowushinian/article/details/50662406
写给想成为前端工程师的同学们- http://blog.csdn.net/yisuowushinian/article/details/51412705
推荐几篇前端汇总文章- https://zhuanlan.zhihu.com/p/28402333
html5和css3项目案例- www.qietu.com
前端知识问答- https://www.zhihu.com/people/feclass/answers?page=1

> 写写HTML代码,然后加入CSS样式和JS动画效果,其他逻辑;
 1.如slide-up-down是一个前端项目,
 2.XAMPP 部署前端代码,项目部署到 */htdocs/slide-up-down目录下,
 3.外部访问则输入地址 http://ip/slide-up-down(项目名)/*.html;
 4.Subline text前端代码编写。

 概念:主要学习CSS样式和JS。jquery其实只是个类库,jquery只是一个js写的类库,都是一些简单的api调用。先写html代码 然后在加入JS和CSS样式的。
先学 html和css,可以拿一个psd图来学者将图写成页面然后在学js写一些简单的效果,是实践,最好能动手做点东西,比如你学习html和css,了解了基本概念之后,你可以学着自己写一个页面。
 HTML定义了页面的内容,CSS来控制页面元素的样式,而JavaScript负责页面的交互逻辑。
 前端开发中的三个核心部分:包管理器、应用打包和语言规范。
 硬知识其实都包含在三个标准里面:http标准、W3C标准和ECMAScript标准;
 基本功、内功,例如数据结构、算法、设计模式、面向对象等等;HTML、CSS、JavaScript基本功,数学、算法、数据结构、操作系统、编译原理基本功。
从广义上来讲,所有用户终端产品与视觉和交互有关的部分,都是前端工程师的专业领域。

> 前端分阶
-- 前端初级:
 如果你是想学好JS:预解析、作用域、作用域链、|| &&、什么是原始类型、什么是引用类型、闭包、for循环运行机制、多重for循环、递归、原型链、继承、(数组、字符串、函数的各种内 置方法,不需要全部记住但你得知道它们能干嘛,在将来你用到的时候可以想到那去。看似没有用,但无数的经验告诉我,非常有用。)。好好把这些概念理解以及实践。

-- 前端高级:
 call,apply,bind,面向对象、函数式编程、搞懂异步、学习算法、设计模式。
 前端扩展能力:了解HTTP、linus、(nodejs、php、python、java、c)等、只需要了解即可,当然最好熟练使用其中一项。HTTP,设计模式,算法,非常建议你去学,对于互联网大部分编程都会用到,你会知道它们是多么的通用,不要仅仅局限在前端,不然很难学好的。

-- 优秀的前端工程师在即时面对普通的任务也会做的事情(这才是市场急需的前端):
 1、DNS 解析,使用 CDN,把资源请求分散到多个域名上去;
 2、理解 HTTP Headers (Expires、Cache-Control、If-Modified-Since)
 3、Steve Souders 的所有高性能网页优化规则(参考:High Performance Websites 一书)
 4、如何解决 PageSpeed、YSlow、Chrome Dev Tools Audit、Chrome Dev Tools Timeline 等工具列出的所有问题;
 5、何时把任务传到服务器,何时适合传到客户端;
 6、缓存,预取和延迟加载技术的使用;
 7、原生 JavaScript,知道何时从头开始做,何时参考别人的代码,同时可以评估这样做的优缺点;
 8、 最新的 MVC Javascript 库知识以及用法;
 9、CSS 标准的知识与用法;
 10、JavaScript的计算机科学部分的知识(内存管理,垃圾收集算法等等等等)
 如果说掌握(或者某些简历里自称的精通) HTML+CSS+JavaScript,了解后端知识,只是 60 分的合格前端;那么要想成为受追捧、拿高薪的 80 分优秀前端,要对业务需求和、架构设计有真正的运用;而 100 分的顶级前端,则必须要能够兼顾技术和设计,更接近「以前端开发为主的全栈工程师」了。

> W3C教程:http://www.w3school.com.cn/h.asp ,相当于字典API,供查询
   慕课网- http://www.imooc.com/ , 实战演练
   腾讯课堂- https://ke.qq.com/

-- W3C教程 http://www.w3school.com.cn/
 1. HTML
  HTML  XHTML  HTML 5  CSS  CSS3  TCP/IP
 2. JavaScript
  JavaScript HTML DOM jQuery  AJAX  JSON  DHTM  E4X  WMLScript
 3. Server side
  SQL  ASP  ADO  PHP  VBScript
 4. ASP.NET
  ASP.NET  Web Pages  Razor  MVC  Web Forms
 5. XML
  XML XSL  XSLT  XSL-FO  XPath  XQuery  XLink  XPointer  DTD  Schema  XML DOM  XForms  WAP
 6. Web Services
  Web Services WSDL  SOAP  RSS  RDF

> 前端工具集合:http://www.cnblogs.com/circulatttt/p/4926447.html  http://www.cnblogs.com/jikey/p/3607133.html
  IDE编辑工具:sublime

-- 前端构建工具
基于前端构建工具Webpack( Gulp、Grunt)实现的构建工具 Ykit- https://github.com/YMFE/ykit
 Web 动画,包含了三大类: 1.CSS3 动画; 2.javascript 动画(canvas); 3.html 动画(SVG)

> 五款资深高效的Web性能测试工具 -- http://geek.csdn.net/news/detail/95908
 1.HP Loadrunner;2.Apache JMeter;3.Load UI;4.Httperf;5.Siege

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值