㈠ 自学web前端,需要看什么书
最基础的就是HTML语言,以及div+css的布局
下来就是学JavaScript完成一些页面效果,增强用户体验
之后学习一些前端的框架,缩短开发时间,减少代码书写量,减少不必要的js兼容问题
比如jQuery,bootstrap,angular另外学习一下ajax等等
㈡ 零基础学前端开发看什么书
对于之前没有接触过Web前端的人,或者是要从其他行业转行进入Web前端的,在起初入门学习时都会有些迷茫,不知道从何学起,在这种情况下可以选择先找一些Web前端入门的书籍学习。
初学者刚开始学习时应该选择一些简单、基础的书籍去看,以下是对于零基础入门比较适用的书籍,如果自身有想要学习的内容,也可以根据自己的方向去选择合适的书籍。
中公版·实用Web前端开发《零基础学Dreamweaver》
中公版·Web前端实用派《轻松学HTML5+CSS3+JavaScript》
Web前端开发技术——HTML5、CSS3、JavaScript(第3版)
Web前端开发技术(普通高等教育“十三五”规划教材)
Web前端开发与应用教程(HTML5+CSS3+JavaScript)
㈢ Web网站开发自学指南
你可能是对Web开发有某种兴趣,甚至你开始想去学习Web开发。本文则展示了一个成为一个Web开发者可以遵循的途径。作为一篇初学者指南,本文从学习什么出发到如何专攻。或许对打算进军Web开发的您有所帮助。
你可以同时掌握前端和后端,当然从一般情况来讲,Web开发者更倾向于其中的一个,对另一个只做了解。专攻于一个的也大有人在。虽然两者之间有一个分割线,但是对于哪一方应该做些什么是没有限制的。有时候前端仅用于可视化表示,所有的工作都在后端完成。而有些时候后端只服务于数据,所有的计算和函数都位于前端。这是一种设计和结构的关系,以此来定义哪一方做什么事情。
如果你是一个初学者,给自己一些时间去学习一个框架。框架是简化Web开发者工作的代码库。框架赋予Web应用一个结构,这帮助开发者更容易的处理一些任务并且效率上比什么都要自己编写来的快。如果你想要成为一个专业的Web开发者,那么就必须要学习至少一个框架,促进你的发展速度。
Web开发可以是巨大的,你可能想要专注于一种类型的应用。以Web网站的内容管理系统(CMS)为例,如果你选择了PHP,那么建议你继续使用WorldPress。WorldPress允许你创建网站、博客,同时它也能够通过默认插件或自定义插件和主题来扩展,以适应更加复杂的业务应用。
你将发现你选择的任何一种语言背后都有大量的框架,所以基于你选择的语言,你将和不同的框架打交道。
好了,望采纳
㈣ 求推荐一些关于web前端的一些教程书籍,适合新手的
适合新手的话,最好看一些基础书籍,然后带有一些实战操作项目,可以边学边练。
这几本书比较适合你,可以看看:
《Head First HTML与CSS(第2版)》,入门真的是经典书籍,手把手教学,丰富的案例让你从 0 开始学前端。
《CSS权威指南(第三版)》,这本书作为 CSS 的经典着作,把原理讲得非常的通透,除了 w3c 标准,算最权威的一本了,毕竟权威指南。
《CSS揭秘》神书,47 个 css 技巧让你在面对各种 css 问题的时候游刃有余。是 css 书籍中评分最高的了,css 进阶必备。
《javascript语言精粹》,这本书可以在入门之前了解一下基本语法,以及在学习之前可以了解下 JS 里面的精粹以及糟粕,虽然这本书很薄很薄,但是值得反复去读的一本书。
《JavaScript权威指南》:犀牛书是每个FE都绕不过的一本书,可以先大致通读几遍,也可以把其当作工具书,时时翻阅。
《JavaScript高级程序设计(第3版) 红皮书 》,适合有一定编程经验的Web应用开发人员阅读,也可作为高校及社会实用技术培训相关专业课程的教材。
除了书籍之外,视频教程也是很重要的,可以进一步地跟随老师进行知识学习和项目实训,帮助你更快更好地掌握所学内容。
㈤ 前端开发是怎样的
{“ web前端开发 ”是什么? }
{“ web前端开发 ”有前途吗?}
{“ web前端开发 ”到底怎么学?}
这3个对象,是你入【前端】这个坑的初恋,对!没错!同时和 3个对象谈恋爱(我知道你大学肯定干过额 )。
NO1:{“WEB前端开发”是什么?}
我们 web前端行业的一个工种状态:行家,自由,但要经历苦、累 才会有收获。其他行业,苦、累居多,而我们大前端那必须是自由,乐趣,随心所欲的一个工种。
本帅的感触:做任何一件事,如果是兴趣使然,那必定会坚守到老,从菜鸟变大神也是顺理成章的事儿。因为你的经验会随着你的颜值经历时间的洗刷,最后你回头会发现一件最有意义的事:
oh,my god,我加薪了! 【重要的事儿 要加大加粗】
废话了这么多,我们来步入正题:其实web前端这个职位,并没有一个有效的历史记录可以查询,更没有一个明确的定义,她不像java 攻城狮、c++开发这种一开始就有明确定位的工种一样,是有核心技能可以描述的。比如java开发,顾名思义就是利用java程序来开发功能,php开发:利用php做个商城等等。
你会发现:我们前端这个姑娘,她甚至没有一个logo 和拟人化的图形用来描述(是不是挺扯淡的?)不过不要紧,下面让帅的人 来为她正名。O(∩_∩)O~
1web前端的演变
Web前端开发工程师是一个很新的职业,在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。
2005年以后,互联网进入Web 2.0时代,各种类似桌面软件的Web应用大量涌现,网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片,各种丰富媒体让网页的内容更加生动,网页上软件化的交互形式为用户提供了更好的使用体验,这些都是基于前端技术实现的。
随着WEB2.0概念的普及和W3C组织的推广,网站重构的影响力正以惊人的速度增长。
上边一段标注解释,是某科的一些附录,(这么枯燥的东西,就让别人来总结吧对么?)大概阐述了,以前的web是怎么一种状态和Web2.0的重要性。
其实中国的“web前端开发攻城狮” 这个职位好多人并不知道是怎么叫出来的,那么我偷偷告诉你:其实是淘宝团队,发明出来的本土化的名称,因为历史原因,淘宝在2005以后迅速崛起,并且爆发式的访问量,让淘宝网的用户体验受到巨大考验和急需前进。
然后淘宝官方第一次有了【 web前端开发】这个字眼和招聘职位,或许其他网站也想到了这样一种描述,但是毕竟知名度巨高的淘宝,受关注度自然高,口碑相传,就把前端开发 这个叫法发扬光大了。
在早期点Web前端不叫前端,而是被亲切的叫做“网页设计师”,没错你没看错,就是这个名字,我记得那时候 【网页三剑客】的说法满天飞,你掌握了这3贱客,真的很贱,就可以被人叫做网页设计师了。
网页三剑客(Flash、Dreamweaver、Firewoks) 并称为Macromedia的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合 。后来Firewoks被Adobe这个变态的巨头收购以后,ps就基本取代Firewoks来做设计网页的工作了,虽然我知道现在还有人用,估计是一种怀念和某些好用的切图功能吧。
而那时候的网页设计师 如果要入此道,必须要掌握的就是Dreamweaver,并不是说只有他能写html 和 css ,而是它在当时的自动提示实在太好用、太强大了,简直不用费脑细胞,你就可以轻轻松松的完成你所想。在当时前端工具和编辑器贫乏的时代,这个绝对是神奇级别了(当然后来 写的多了都熟悉基本不用提示的)。当年还有很多基于Dreamweaver构建网站的教程,那时候真的是个基情满满的年代,这些工具类的历史产物,有兴趣的朋友可以去了解一下就好了,我们不在多舌。
1web前端开发入门,需要掌握哪些基础
语言基础:HTML、CSS、JavaScript
虽说这个问题很大,但是这个话题就很好回答了;因为现在前端如此眼花缭乱,技能多多,都是基于此三板斧:HTML、CSS、JavaScript
思想标准:W3C标准
W3C万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。到目前为止,W3C已发布了200多项影响深远的Web技术标准及实施指南,如广为业界采用的 【超文本标记语言】、【[标准通用标记语言】、【可扩展标记语言】等。
有效促进了Web技术的互相[兼容],对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
所以 我们现在运用的html 超文本标记语言,css 等所有基于web技术的范畴,基本都是w3c标准,并全世界统一执行的,所以符合w3c 也就是开启前段之门了。
HTML: 是构成网页展示的基础,是一种很简单可视化的标识语言,说白了就是 一是一,你写二就出二。网上所有的网页网站,不管多么牛鼻最后都会转化成html,被浏览器渲染出来,用作展示。
CSS: 又称作样式表,简单点说就是html的外衣,将html包装的明艳动人。
JavaScript:是一种直译式脚本语言,非常灵活,可以在任何浏览器上开发与调试的一种动态类型、弱类型、基于原型的语言。
NO2:{“WEB前端开发”到底有前途吗?}
如果你在2012年以前 这么问,或许很多人会思考一下,给你说不知道,应该没后端编程有前途吧,或者直接说,web前端有啥啊?不就写个网页、js吗?工资又低。。。。
㈥ 自学前端开发,看什么书比较好
自学前端建议打一个比较好的基础,HTML、CSS方面比较经典的书是《CSS禅意花园》,但是这本书出版比较早了(有点老)。当前比较推荐的是2017年6月新出版的一本叫做《HTML5布局之路》的书,书籍从PC端和移动端分别讲解了布局的整体思路和方法,和其它书不太一样的地方在于,它采用的是非字典式的讲述模式,是按照实战开发的流程进行知识的拆分和讲解。
HTML和CSS学完之后可以入手JavaScript,JavaScript比较经典书籍是犀牛书(封面是一只犀牛,网络搜“JS 犀牛”能收到),还有一本是《JavaScript高级程序设计》(行业里叫红皮书),两本书都比较经典,涵盖面比较广,学起来会比较难一些。JS入门书还可以选择 HeadFirst系列。
㈦ 前端入门应该如何规划自己的学习路径
给你几点建议和学习路线,参考一下:
1、作为一个初学者,你必须明确系统的学习方案,我建议一定有一个指导的人,全靠自己学,放弃的几率非常大,在你对于web前端还没有任何概念的时候,需要一个人领进门,之后就都靠自己钻研,第一步就是确定web前端都需要哪些内容,并且在多少时间内学完,建议时间6个月保底。
2、视频为主,书为辅。很多初学者在学习前端的时候非常喜欢去买书,但是最后的结果是什么?看来看去什么都不会写,所以在这里给大家提醒,书可以看,但是是在建立于你已经对于某个知识点有了具体操作的执行后,在用书去巩固概念,这样更加利于你对于知识的理解。
3、对于学习技术来讲,掌握一个学习方法是非常重要的,其实对于学习web前端来讲,学习方法确实很多都是相通的,一旦学习方法不对,可能就会造成“方法不对,努力白费”。其实关于这方面还是很多的,我就简单说个例子,有的人边听课边跟着敲代码,这样就不对,听课的时候就专心听,做题的时候就专心做题,这都是过来人的经验,一定要听。根据每个人的不同,可能学习方法也会有所出路,找到适合你自己的学习法方法是学习的前提。
4、不建议自己一个人瞎学,在我了解学习编程的这些人来看,从零基础开始学并且最后成功做这份工作的其实并没有几个,我觉得大部分原因就是因为他们都不了解web前端是干什么的,学什么的,就盲目的买书看,到处找视频看,最后看着看着就放弃了,所以我建议初学者在没有具体概念之前,还是找有经验的人请教一下,聊过之后你就会知道web前端具体是干什么的,该怎么学,这是我个人的小建议,可以不采纳。
《Vue.js权威指南》
Vue作为现在前端的主流框架,在国内应用最为广泛,所以了解Vue原理必须要啃一本Vue的书籍。我之所以推荐这本,是因为这本书对于引导初用Vue的开发者有着质的提升。从基础知识到主流打包以及源码解析,还有很多实践的案例,都是一本不错的实用性书籍。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和视图、vue-cli、测试开发和调试、源码解析及主流打包构建工具等。该书内容全面,讲解细致,示例丰富,适用于各层次的开发者。
《编程之美》
无论是什么岗位的程序员,必读的一本书籍,没有读过这本书的程序员几乎都是假程序员。这本书有60道算法和程序设计题目,这些题目大部分在近年的笔试,面试中出现过,或者是被微软员工热烈讨论过。作者试图从书中各种有趣的问题出发,引导读者发现问题,分析问题,解决问题,寻找更优的解法。可以大幅度提高自己的编程思维和对于这个行业的深入思考,最终变成技术大牛。
相关的视频教程需要的话,留言告诉我。
㈧ 初学Web前端推荐什么书籍学习
亲,新手学前端的话,这些书籍资料参考一下呗~
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数据库)
如果你对于学习前端有任何不懂的可以随时来问我,我给你提供一个非常不错的前端交流学习qun:前面是一一四,中间是一八八,后面是四九三一。有问题就在里面问我,这样你可以少走很多弯路,做起来有效率,记得多跟有经验的人交流,别闭门造车。如果没有比较好的教程,也可以管我要。
㈨ 初学前端有什么推荐的书籍
初学者入门书籍:
中文电子书
深入浅出html pdf中文版
魅丽的网页设计
Web程序设计(第5版)完整版
HTML & XHTML 权威指南(英文+中文版)
Web编程入门经典:HTML、XHTML和CSS (第2版)
CSS商业网站布局之道(朱印宏着)
HTML与CSS入门经典(第7版)
Eric Meyer 谈CSS (卷1)
Eric Meyer 谈CSS (卷2)
无懈可击的Web设计
XHTML实例精解
XHTML技术内幕
HTML简明教程 中文PDF版
Dynamic HTML权威指南 第3版
XML基础教程 入门、DOM、AJAX与FLASH(Sas Jacobs[美]着)
网页视觉设计案例教程
英文原文电子书
Dive Into HTML5
HTML5.and.CSS3:Develop with Tomorrow's Standards Today
HTML5 Step by Step
Beginning HTML with CSS and XHTML
Beginning CSS Web Development 从入门到精通
CSS Web Development从入门到精通
HTML,XHTML,and CSS - Visual Quickstart Guide 第六版
深入浅出HTML(英文版)
Transcending.CSS(英文版)
完美HTML设计 - 使用CSS不用Table (第二版)
HTML, XHTML, and CSS Bible, 5th Edition
CSS禅意花园 (高级CSS开发)
O'Reilly CSS: The Definitive Guide 第三版(CSS权威指南)
Sams Teach Yourself HTML5 in 10 Minutes (5th Edition)
HTML5 and CSS3: Develop with Tomorrow's Standards Today
Wrox Web Standards Programmer's Reference
Spring into HTML and CSS
The Essential Guide to CSS and HTML Web Design
HTML & XHTML - The Complete Reference第四版
XHTML Moving toward XML
Mastering Integrated HTML and CSS
Build your Own WebSite - The Right Way Using HTML and CSS
Head First HTML with CSS & XHTML
The Best Practice Guide to xHTML and CSS
The CSS Anthology (第三版)
The CSS Anthology (第二版)
Sams Teach Yourself HTML 4 in 10 Minutes
Teach Yourself HTML in 10 Minutes 第四版
Ultimate HTML Reference
高级进阶电子书:
中文电子书
HTML5高级程序设计(完整版)
css3_for_web_designers
CSS精粹(第3版)
CSS Web设计高级教程 第2版
大巧不工-WEB前端设计修炼之道
博客园精华集 Web标准之道
编写高质量代码-Web前端开发修炼之道(完整版)
变幻之美——Div+CSS网页布局揭秘(案例实战篇)
Web导航设计
Web表单设计:点石成金的艺术
精通XHTML程序设计高级编程
彻底设计研究CSS
CSS时尚编程百例
英文原文电子书
Don't Make Me Think!
Apress Pro CSS and HTML Design Patterns
Professional CSS: Cascading Style Sheets for Web Design 第二版
The Book of CSS3: A Developer’s Guide to the Future of Web Design
Accessible XHTML and CSS Web Sites: Problem - Design - Solution
How to Do Everything With HTML
O'Reilly CSS Cookbook
A Book Apart CSS3 For Web Designers
Speed Up Your Site: Web Site Optimization
O'Reilly Designing Web Navigation
Beginning CSS: Cascading Style Sheets for Web Design
The Ultimate CSS Reference
Wrox CSS Instant Results
CSS Mastery: Advanced Web Standards Solutions
Creating Cool Web Sites with HTML, XHTML, and CSS
Beginning HTML with CSS and XHTML: Modern Guide and Reference
Accessible XHTML and CSS Web Sites
O'Reilly CSS The Missing Manual
Wiley Creating Web Sites Bible
Pro CSS for High Traffic Websites
HTML Manual of Style 4th
O'Reilly HTML5: Up and Running
Stunning CSS3: A project-based guide to the latest in CSS
The Definitive Guide to HTML5 Video
Canvas Pocket Reference: Scripted Graphics for HTML5
Apress.Pro.HTML5.Programming.Sep.2010
Pro CSS Techniques
W3C官方手册:
CSS完全参考手册3.0
xHTML完全参考手册 5合1 W3C官方权威手册
HTML 4.01 规范 - W3C官方HTML权威指南
HTML 4.0 参考手册 CHM
W3C HTML 3.2 规范
CSS 2 权威W3C官方参考手册 CHM
css手册2.0 3.0
㈩ 关于前端开发的20篇文档与指南
英文原文:Another
20
Docs
and
Guides
for
Front-End
Developers
相信在
2015
年很多这个行业的人都会有这样的两种感受:
真的不知所措,这个行业到底有多少东西需要去学习;
渴望更多,并迫不及待的为接下来的学习寻求一些思想方向。
第一个来自于我们的个人感受,而第二个则是纯粹的必要性了。所以本文整理一些有用的信息,希望可以帮助相关领域的前端开发人员。
1.
I
want
to
use
基于
Can
I
use
的数据和功能,这款应用给予你选择一组前端开发特性的能力,并会读取出一个全球性用户能够使用它的百分比。
2.
Regulex
JavaScript
正则表达式的可视化工具,在线输入表达式后,动态生成表达式图片。非常不错的一个可视化
Web
在线正则表达式设计工具。
3.
Mastering
the
:nth-child
一个单页网站,帮助你理解如何去使用各种有用但又复杂的基于选择器组合的
nth-child。
4.
HTML
5
视频事件和
API
这个页面展示了新的
HTML
5
视频元素、媒体
API
和媒体事件。播放、暂停、搜索整个视频、改变音量、静音、改变播放速度(包括进入负值),查看视频和潜在事件与属性上的效果。
5.
Excess
XSS
这可能是所有开发者都应该熟悉的一个话题,并且这可能是一个很好的着手点。它是一个跨站点脚本编制综合教程。
6.
RSCSS
意思为Reasonable
Standard
for
CSS
Stylesheet
Structure(CSS
样式表结构合理的标准),记录一些针对大项目的
Sass/CSS
编写技巧和技术。
7.
CodeFightClub
一个由
Andrew
Hathaway
建立的项目,目的是帮助其他开发者学习如何用最好、最有效以及首选的方法编写代码。
8.
Sass
Guidelines
Hugo
Giraudel
写的
Sass
Guidelines
目前已经被翻译成其他六种语言。
9.
Flexbugs
如果你的目的是使用
flexbox
构建一个网站,而事情却并没有像你所期望的那样进行,你可以在这里找到解决方案。
10.
A
Front
End
Engineers
Manifesto(一个前端工程师的宣言)
没什么深入的东西,只是一些简单的事情提示,所有的前端开发者应该考虑将其结合到开发过程和工作流中。
11.
ES5
中的
ECMAScript
6
等价物
ES6
特性转换到
ES5-compatible
代码的一个很好的参考。
12.
Flexbox
Adventures
来自开发者
Chris
Wright
对
Flexbox
深入、实际看法。
13.
BEM
一个全面推广和培养
BEM
CSS
使用方法的网站。
14.
Sass
Compatibility
记录不同
Sass
引擎之间的不兼容性问题。
15.
HTMLelement.info
一个整洁、逻辑、易使用的指南规范,在不同的
HTML
元素上获得信息。
16.
JSLint
Error
Explanations
你可能跟随过很多
JavaScript
最佳实践,却并不明白所有这些技术背后的原因。本站旨在揭露
JSLint、JSHint、和
ESLint
工具里错误和警告。