① web前端怎么自学，有什么好的网站，或者资料推荐吗
随着Web前端的风行于世，有许多小伙伴加入了前端开发行业，但是有很多小伙伴想学Web前端很久了
首先，Web工程师要入门必须要了解前端、后端、后台的基本概念，同时要了解基本的html、css和javascript语法，最后根据设计师的设计图在不考虑兼容性的情况下把页面做出来。
其次，你可以把html、css和javascript分成三个阶段进行学习。
第一阶段：HTML的学习
Html是超文本标记语言，英文全称为HyperText Mark-up Language，这是一个网页的骨架。静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。
当然，学习html过程是比较枯燥乏味的，所以你需要更有效的学习策略。依w3cschool看来，你可以借助Dreamweaver的“拆分”视图辅助学习。在“设计”视图中看效果，在“代码”视图中学本质，将各种视图的优势发挥到极致，想必会比单纯记忆HTML标签和属性有趣、有用的多吧?
第二阶段：CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。
学习css建议可以看相关的一些书籍，如《CSS权威指南》(很详细、很经典!)、《CSS揭秘》 《精通CSS：高级Web标准解决方案》，博客和专栏等也可以浏览。
第三阶段：JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，进而实现客户端的特效、验证、交互等。
建议可以看《javascript语言精粹》，js是一门很混乱的语言，这本书能够帮助你区分哪些是语言的精华，哪些是糟粕。如果是精华部分，我们在后续进阶部分可以深入研究，而如果是糟粕部分，那么只要大概看懂别人写的渣代码就可以，自己还是不要尝试为妙。
通过这三个阶段的学习，我们就可以往更高级的web前端工程师进阶了!
这里给你推荐5个网站供你学习
博客园
一个面向开发者的知识分享社区，一个IT技术人员想为IT技术人员们提供一个纯净的技术交流空间，博客园很长时间只有一个不能再简单的博客，近四年，博客园仅靠一个人几年工作的积蓄在维持。
芯晴素材网-网页特效代码
是一个集各种网页素材以及网页源码为一体的面向开发人员的一个网页素材网站，如果你想要学习前端页面开发，这里，将是一个很好的起点。
jquery中文网
前端所能涉及领域的干货文章，包括：Jquery、脚本编程、数据库、服务器技术、操作系统、建站教程。
菜鸟教程
网站HTML、CSS、Javascript、PHP、C、Python等基础编程教程，同一个知识点有多篇不同角度的文章可供参考学习，资源免费，会实时更新站内文章。
jquery插件库
各种前端程序员能用到的插件，喜欢研究新东西的自学者可以在这个网站里挖掘各种小插件。
以上的回答希望对你有所帮助
② 新手学前端开发应该看哪些书
亲，新手学前端的话，这些书籍资料参考一下呗~
1、《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
2、《JavaScript权威指南(第6版)》 犀牛书，本书不仅适合初学者系统学习，也适合有经验的 JavaScript 开发者随手翻阅。
3、《JavaScript DOM编程艺术 (第2版)》，本书在简洁明快地讲述JavaScript和DOM的基本知识之后，通过几个实例演示了专业水准的网页开发技术，透彻阐述了平稳退化等一批至关重要的 JavaScript编程原则和最佳实践，并全面探讨了HTML5以及jQuery等JavaScript库。
4、《CSS权威指南(第三版)》，不管你是一个有经验的Web开发人员还是一个彻底的初学者，《CSS权威指南(第3版)》都是你的CSS学习源泉。
5、《JavaScript设计模式》，适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。
6、《你不知道的JavaScript(上中下卷) 》，本书既适合JavaScript语言初学者了解其精髓，又适合经验丰富的JavaScript开发人员深入学习。
7、《Vue.js权威指南》，该书内容全面，讲解细致，实例丰富，适用于各层次的开发者。
学习路线：
第1阶段：前端页面重构(4周)
内容包含了：(PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目)
第2阶段：JavaScript高级程序设计(5周)
内容包含：(原生JavaScript交互功能开发项目、面向对象进阶与ES5/ES6应用项目、JavaScript工具库自主研发项目)
第3阶段：PC端全栈项目开发(3周)
内容包含：(jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)
第4阶段：移动端项目开发(6周)
内容包含：(Touch端项目、微信场景项目、应用Angular+Ionic开发WebApp项目、应用Vue.js开发WebApp项目、应用React.js开发WebApp项目)
第5阶段：混合(Hybrid,ReactNative)开发(1周)
内容包含：(微信小程序开发、ReactNative、各类混合应用开发)
第6阶段：NodeJS全栈开发(1周)
内容包括：(WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库)
希望对你有用~望采纳~
③ 求推荐一些关于web前端的一些教程书籍，适合新手的
适合新手的话，最好看一些基础书籍，然后带有一些实战操作项目，可以边学边练。
这几本书比较适合你，可以看看：
《Head First HTML与CSS(第2版)》，入门真的是经典书籍，手把手教学，丰富的案例让你从 0 开始学前端。
《CSS权威指南(第三版)》，这本书作为 CSS 的经典着作，把原理讲得非常的通透，除了 w3c 标准，算最权威的一本了，毕竟权威指南。
《CSS揭秘》神书，47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了，css 进阶必备。
《javascript语言精粹》，这本书可以在入门之前了解一下基本语法，以及在学习之前可以了解下 JS 里面的精粹以及糟粕，虽然这本书很薄很薄，但是值得反复去读的一本书。
《JavaScript权威指南》：犀牛书是每个FE都绕不过的一本书，可以先大致通读几遍，也可以把其当作工具书，时时翻阅。
《JavaScript高级程序设计(第3版) 红皮书 》，适合有一定编程经验的Web应用开发人员阅读，也可作为高校及社会实用技术培训相关专业课程的教材。
除了书籍之外，视频教程也是很重要的，可以进一步地跟随老师进行知识学习和项目实训，帮助你更快更好地掌握所学内容。
④ 前端书籍推荐
初级读物
《JS高级程序设计》：一本非常完整的经典入门书籍，被誉为JS圣经之一，详解的非常详细，最新版第三版已经发布了，建议购买。
《JS王者归来》网络的一个Web开发项目经理写的，作为初学者准备的入门级教程也不错。
中级读物
《JS权威指南》：另外一本JS圣经，讲解的也非常详细，属于中级读物，建议观看。
《JS.The.Good.Parts》：Yahoo大牛，JS精神领袖Douglas Crockford的大作，虽然才100多页，但是字字珠玑啊!强烈建议阅读。
《高性能JS》：《JS高级程序设计》作者Nicholas C. Zakas的又一大作。
《Eloquent JS》：这本书才200多页，非常短小，通过几个非常经典的例子(艾米丽姨妈的猫、悲惨的隐士、模拟生态圈、推箱子游戏等等)来介绍JS方方面面的知识和应用方法。
高级读物
《JSPatterns 》：书中介绍到了各种经典的模式，如构造函数、单例、工厂等等，值得学习。
《Pro.JS.Design.Patterns》：Apress出版社讲解JS设计模式的书，非常不错。
《DevelopingJSWeb Applications》：构建富应用的好书，针对MVC模式有较为深入的讲解，同时也对一些流程的库进行了讲解。
《Developing Large Web Applications》：不仅有JS方面的介绍，还有CSS、HTML方面的介绍，但是介绍的内容却都非常不错，真正考虑到了一个大型的Web程序下，如何进行JS架构设计，值得一读。
结语
要做优秀的前端工程师，还需要继续努力：《高性能网站建设指南》、《Yahoo工程师的网站性能优化的建议》、“YSLOW”性能优化建议、《网站重构》、《Web开发敏捷之道》、“ jQuery 库”、“前端框架”、“HTML5”、“CSS3”。。。 这些都要深入研究!
万事开头难！如果你能到这个境界，剩下的路自己就可以走下去了。
⑤ 学习前端技术，有那些好的网站
个人常用前端学习网站：
B站HTML+CSS教程（更新中）：https://www.bilibili.com/video/BV15T4y1F7Hj
菜鸟教程：https://www.runoob.com/
思否：https://segmentfault.com/
腾讯课堂js教程：https://ke.qq.com/course/231577
B站 vue教程：https://www.bilibili.com/video/BV15741177Eh
移动端 Vue 组件库：https://youzan.github.io/vant/#/zh-CN/
在线工具：https://tool.lu/
CSDN：https://www.csdn.net/
前站导航：http://frontendjs.com/
后盾人：https://hounren.gitee.io/note/
MDN：https://developer.mozilla.org/zh-CN/
搜索引擎：https://goobe.io/
⑥ 国内学习前端最好的视频网站是那个
你可以按照前端学习路线图学习，分为8个阶段，
前端核心基础
前端核心高级
JS后台技术
前台交互
JavaScript高级
前端新型web框架
跨平台开发
底层原理实现
前端学习路线图
⑦ 前端与移动设备开发比较好的学习网站都有哪些
html视频教程盗雪html5入门基础视频教程下载汇总
css视频教程盗雪css视频教程_2013年
javascript视频教程 JavaScript视频教程
另外，学习网站你得找我，来个劲爆的，学习网站导航 一个专门收集高质量国内外学习网站的小众站点。上面公开课、web开发、移动开发、医疗、科研、外语、国外mooc等各类学习网站都有所收集
⑧ 前端有哪些好的学习网站
现在学习前端的平台有很多，B站或者是腾讯课堂都是可以的，我们在B站分享了很多经典的前端视频教程，都是开源的，你可以去看看。
⑨ Web前端开发比较好的技术类资源网站有哪些
github 程序员的天堂
W3CPlus | css3教程-css3实例-css3动画
W3CPLUS是一个前端爱好者的家园，W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创，以一起学习，一起进步，共同分享为原则。W3CPLUS站提供了有关于css,css3,html,html5,jQuery,手机移动端的技术文档、DEMO、资源，与前端爱好者一起共勉。
W3Help - W3help是由国内多家关注Web标准的公司、团体、标准组织，及科研单位等共同创立的Web标准推广网站。我们创办该网站的目的是为了促进Web标准技术在国内业界的应用和推广，提供跨浏览器开发资源，推动国内Web环境与国际标准的接轨，最终实现国内Web的标准化。我们真诚欢迎国内业界同仁一起加入到推广Web标准的事业中来。
Can I use... Support tables for HTML5, CSS3, etc 查看主流浏览器对css、css3等兼容性，很强大。
奇舞周刊 领略前端技术 阅读奇舞周刊。收集每周前端精华文章，集结成册，每周五发送给您
码农周刊 码农周刊是一份专为程序员打造的IT技术周刊。我们会为你精选一周IT技术干货，每周三发送，完全免费。
⑩ http://www.htmlfuns.cn/有类似这种前端新手学习的网站吗
新手推荐看视频教程，不想看视频教程的推荐去w3c、菜鸟教程网站上看前端教程