如何学习web开发
“囹泉吉”通过精心收集，向本站投稿了7篇如何学习web开发，下面是小编收集整理后的如何学习web开发，供大家参考借鉴，欢迎大家分享。
篇1：如何学习web开发
学习web开发方法
第一阶段——HTML的学习
超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因 此，我们必须掌握HTML的基本结构和常用标记及属性。
第二个阶段——CSS的学习
CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。
第三个阶段——JavaScript的学习
JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等
第四个阶段——jQUery的学习
jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨
Web开发需学习的15个技术
JavaScript
这是唯一一种所有浏览器都理解的编程语言，并且它是前端开发的支柱。JavaScript也被称为ECMAScript，ES 5。在深入其他语言之前好好理解这门编程语言非常重要。
ES6
这是Javascript语言的扩展，而且许多浏览器正在实现ES6。好处是哪怕是现在，你也可以开始编写ES6代码，因为你可以使用transpiler(转译器)如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过，没有不要钻研得太深因为它们很容易发生变化。
Babel
这是最流行的ES6到ES5转译器之一。此外，它还被许多框架，如React所推荐。要想实时地将ES6转换为ES5代码，在babeljs.io/repl/有一个可用的REPL。
需要注意的是Babel不仅仅是ES6到ES5的转译器。它也是JSX到JavaScript的转译器。不知道什么是JSX?那么请看下面。
NodeJS
NodeJS是一个服务器端平台，它允许你用JavaScript语言构建后端。为什么我要提NodeJS呢?这是因为，即使你对后端开发不感兴趣，但是许多前端工具依赖于NodeJS。至少要熟悉node和它的命令行工具。
NPM
NPM是node的软件包管理器。就像pip之于Python，ruby gems之于Ruby，以及Maven之于Java。了解如何安装/删除/升级软件包，尤其是package.json文件结构。
Grunt或Gulp
这两个是运行在Node平台上最为流行的任务运行器。从技术上讲，它们是针对npm的软件包。它们允许你自动化许多前端任务，如Lint源文件，串联，缩减，部署以及更多。
Bower
这是用于前端库本身的一个软件包管理工具。想添加Jquery到你的应用程序?和使用bower install jquery一样容易。
上述工具用于基本的前端开发已经足够。不过下面我还要说一说两个最流行的框架，即React和Angular。
ReactJs
ReactJs是构建视图最流行的前端库。请注意，它不仅仅是MVC中的V，因此和框架如Angular没有比较性。ReactJs是用ES6写的，并且可以用Babel转译为ES5。它还使用也可以用Babel转译为JavaScript的JSX。
WebPack或Browserify
这两个都是最流行的模块打包机。它们可以获取js源代码，找出正确的依赖关系，并发出可以驱动整个应用程序的JavaScript文件。我更喜欢WebPack。点此查看关于WebPack。
Flux或Redux
React组件被布置在一个层次结构中。大部分时间，数据模型遵循层次结构。在这种情况下，Flux并不怎么有用。然而，有时候你的数据模型是不分层的。当你的React组件开始接收外部道具，或你有少量的组件开始变得非常复杂的时候，那么你可能会想要试试Flux。
Immutable.js
Immutable.js提供了一套数据结构，可以帮助解决在构建React app时的某些性能问题。这是一个伟大的库，你可能会在你的app中大量使用它，但是当你关注于性能影响时，它就完全没用了。
Angular 2
Angular 2是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过了，并且有一条陡峭的学习曲线。全面支持双向数据绑定。在选择Angular 2开发时要小心评估。
TypeScript
Angular 2推荐TypeScript作为编程语言的首选。我不是很熟悉TypeScript，但我认为它增加了静态类型到Javascript的动态特性中。最后，我相信它只是一个转译器。
Service workers
实验性的API。它就像是在浏览器用于做各种工作的一个后台线程。我想它也增加对离线浏览的支持。
Fetch API和Push API
请自行阅读链接。因为到目前为止我自己对此也是知之甚少。
新手学习web前端开发注意事项
1.勇于表现自己
不是说要像销售物品一样夸自己，王婆卖瓜自卖自夸，而是要勇于推荐自己做的东西给别人看，让别人给你提建议，吸收别人的技巧和方法，不断的完善自己。
2.HTML规范
1.运用软Tab(2个空格)进行缩进
2.嵌套元素有必要缩进一次
3.特色的值运用双引号(而不是单引号)
4.在空元素中不用运用反斜杠
5.运用HTML5文档声明
3.css规范
2.在组选择符中，每个选择符占有单独一行
3.在选择符和大括号之间留出一个空格
4.选择符大括号的完毕括号在单独一行
4.做好自己的笔记
要做好自己的笔记，做笔记有很多方法，写博客就挺好的，做笔记是为了非常好回想和了解自己学习到的东西。由于开发或学习进程中会遇到很多的疑问，有些是当时不了解或者是找不出原因的，有些是很容易被忽视的，那么你记载下来，等到你下次遇到一样或或类似的，那么你可以迅速得处理或者是搞懂一些以前不完全了解的知识。
篇2：web前端开发面试题
(答案在下一篇文章中)
1. Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?
2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?
3. CSS引入的方式有哪些? link和@import的区别是?
4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
5. 前端页面有哪三层构成，分别是什么?作用是什么?
6. css的基本语句构成是?
7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
8. 如何居中一个浮动元素?
9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!
10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)
11. 如果让你来制作一个访问量很高的大型网站，你会如何来管理所有CSS文件、JS与图片?
12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
【Javascript】
1. js是什么，js和html 的开发如何结合?
2. 怎样添加、移除、移动、复制、创建和查找节点
3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
4. 面向对象编程:b怎么继承a
5. 看看下面alert的结果是什么
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函数体改成下面，结果又会是什么?
a = 10;
alert(arguments[2] );
6. 请编写一个JavaScript函数 parseQueryString，它的用途是把URL参数解析为一个对象
var obj = parseQueryString(url);
alert(obj.key0) // 输出0
7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?
8. 什么是闭包?下面这个ul，如何点击每一列的时候alert其index?
这是第一条
这是第二条
这是第三条
9. 最近看的一篇Javascript的文章是?
10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?
11.说说YSlow(可以详细一点)
[web前端开发面试题]
篇3：web前端开发年终总结
web前端开发年终总结
20xx年不知不觉已经在我们手中流逝，也许是因为忙碌，也许是因为充实，所有觉得时间过得很快。来到来到我们的这个积极向上的长沙seo搜遇网络已经有2年多了。在工作中，经历了很多欢快困难的时刻，结识了一批工作上的好同事，生活上的好朋友，领悟了很多新技能，感谢领导给了我展示的空间。在20xx年的这段时间里，通过自身的不懈努力，在工作上取得了一定的成果，但也存在了很多不足之处。回首20xx年，现在将web前端开发工作总结一下。
从去年开始，我们项目组就接手了OA系统开发，由于框架的前端样式老旧，我们打算将框架的样式全面改版，包括样式风格，用户体验等多方面着手处理。
一、框架采用样式风格
一个系统好不好，第一映像很重要，就像别人对你的认识是从第一印象开始的，这种第一印象一且形成将很难改变。研究表明，当一个人见到另一个人时第一印象往往是在前3秒确定的，而且是在没有任何语言交流的前3秒，因为别人已从你的形象气质窥见了你的基本特征。在应酬中，如果第一印象不好，想要挽回，就要做很大的努力，所以，一定要特别注意第一印象。所以系统的第一印象也是非常重要的。
我们采用layui样式风格，在layui上加以个性化样式的修改，让网站第一印象看上去大气，清晰，简洁。在中间我们付出了很多努力与坚持，才能让我们现在的OA系统看上去简约而不简单。
二、提升用户体验操作
1、我们采用了简单易懂的'网站架构，让用户看到网站界面就知道如何操作，将每个用户桌面做自定义操作，让每个用户都有自己个性化的桌面。
2、系统采用方便明了的操作方式，系统都是为了迎合用户，如果操作界面太麻烦，用户可能直接放弃，所以需要将系统的设置尽量人性化。
3、系统采用用户引导方式的界面，一个步骤接着下一个步骤，让用户不知不觉中处理好工作上的任务。
三、web前端开发存在不足
虽然网站整体样式风格已经调整过来，由于之前系统框架原因，网站样式调整起来十分吃力，有部分样式只能做风格上的调整，离预期效果稍有偏差。在工作时间很仓促的情况下，事情多了，就一定要有详实而主次分明的计划，哪些需要立即完成，哪些可以缓缓加班完成，今年在计划上自己进步很大，但在这方面还有很大的优化空间。
20xx年web前端开发工作计划
在新的一年来临之际，我希望我们的OA系统做得更好，继续完善系统整体前端样式风格，用户体验。不断加强个人web前端开发的技能，提高工作效率，扬长避短，发奋工作，克难攻坚，做好web前端开发的工作计划，力求把OA系统做到更好。也希望我们OA团队给公司带来更大的价值，祝我们搜遇网络公司成功上市！在新的一年里大展宏图。
篇4：.net web开发面试题
1. 你经常访问那些业界的网站和blog?
这个问题自己琢磨吧
2. 你喜欢独立工作还是团队工作?
这个问题其实没有对错之分，跟用人单位的工作环境和项目有关，有的单位喜欢独立性高的人有的人喜欢团队型的人，最好还是能证明自己既能独立工作又有很好的团队协作能力
3. 你对纯手写HTML有没有足够的信心?
这主要是考察你对HTML的熟悉程度，如果你一直用DW或者其他可视工具, 这一关估计要吃亏
4. 什么是w3c?
这要是考察你对web开发的标准有没有了解，最好能给出一些例子来证明你做的东西是符合w3c标准的
5. 你能写不用table的XHTML吗? 你校验你的代码吗?
感觉大部分人还是用table布局的，不过也要有不用table布局的能力
6. 你有哪些最喜欢的开发工具?为什么喜欢?
7. 证明一下你比较熟悉linux/unix shell环境
8. 你对那些技术比较感兴趣?你想学的有哪些技术?
9. 能给我看看你的作品吗?
10. 你以前参与过多大规模的网站开发?
11. 给我看看你的代码
12. 从web开发角度，你最欣赏哪些网站?
13. 请把这段代码给修改一下，告诉我又什么问题
14. 如果你开发的一个网站打开以后是一个空白页，请告诉我你会通过如何步骤进行troubleshoot?
15. 你最喜欢哪种开发语言?为什么?
[.net web开发面试题]
篇5：web开发工程师个人简历
个人资料
姓 名：中国人才网
性 别：男
年 龄：22
婚姻状况：未婚
籍 贯：河北
现所在地：北京
求职意向
工作经验： 应届毕业生
意向岗位： 程序员;web开发;软件开发
求职类型： 全职
期望月薪： 面议
到岗时间： 一周内
期望工作地点：北京
从事行业：计算机业、互联网、电子商务
自我评价
热爱IT行业，热爱互联网，对新技术有着强烈的求知欲，希望能够充分体现自己的价值。
教育经历
9~至今 北京航空航天大学 电子信息工程 本科
语言能力
英语： 良好
普通话： 熟练
项目经验
10月~1月 基于安卓客户端遥控的PC视音频播放器设计
软件环境： Windows 7、Android4.0
硬件环境： 华硕A53S、HTC G11
开发工具： VS、Eclipse
项目描述： 本课题需要设计两个程序，分别为PC段视音频播放器程序、安卓客户端遥控器程序。PC端程序使用MFC框架进行开发，使用FFMPEG、SDL等开源软件，要求能够实现基本视音频文件的播放功能。安卓端使用Android SDK进行开发，要求能够将播放、调节声音等遥控指令通过Socket发送给PC端并实现控制。
责任描述： 在本项目中，我是主要的开发者，负责PC端播放器的开发，Android端遥控器的开发，并通过Socket通信将其连接。
获得证书
-03-01： 计算机三级
-11-01： 全国电子专业人才证书
联系方式
联系电话：×××××××××××
电子邮箱：www@unjs.com
、css、js等。但是，随着开发时间的增长你就会发现自己很快的就会进入一个瓶颈，可能会错误的认为，做前端开发不过如此。可是，如果你静下心来在回头看你写的代码，你会发现之前需求的实现方式并不是最好的，举个最简单的例子，有没有使用jquery的连缀式编程。
如：$(#id).css({color:red});$(#id).show();
可以写成，$(#id).css({color:red}).show();
不要小看这次小小的优化，实力都是慢慢积累的。
上面只是一个简单举例，要说明的是，虽然这个职业入门比较低，但是每一次提高都是艰难的.。
几乎每个前台工程师都是自学成才，因为牛人本来就少，难得遇见，就算遇到一个你也不一定就有机会能跟着他学习。所以在自学过程是坎坷的，甚至都不知道改如何进步，当然本人也在努力中。
分享一点经验：
1.千万注意写代码、和命名规范（也许n久之后或者项目大的时候这才是重中之重）。
2.html的文档结构。好的文档结构会让你写css，js变的简单合理（胜过好的代码实现方式）。
3.尽量尽自己的水平优化代码html，css，js（每一次优化都是提高）。
4.多去关组网站性能优化的方式（最后网站的访问速度和用户体验是证明你能力的时候）。
个人目前的水平有限，就分享这么多吧。
学习经验：
个人觉得，尽量看书加上实际操作来学习，因为从书上学习东西比较系统，学到的东西是系统的而不是一片一片或者一点一点的。最重要的是要去验证书上写的跟实战的结果进行对比，你会发现实际可能还真不一定是那样的。等系统学习完之后，再要提高可能就要找论坛，博客等针对某个点进行突破，后面的成长还有很长。个人能力不到那个地方不在妄加说辞。
如果按照这样的方式来学习，那么开什么书就是最重要的了，看一本好的书可以使你恍然大悟，看一本垃圾的书可能连作者都不知道他写的是什么。个人觉得“图灵”系列的书籍都是不错的，清晰、透彻，比较适合我们来学习，比如：javascript高级程序设计,精通html与css设计模式等。
记得，每个web前台开发工程师都应该具有很强的想象力，发挥想象力，并去验证自己的想法才会提高。
【如何学习web开发】相关文章：
8.web前端简历
10.Web前端工程师技能
文档为doc格式
