web开发与设计基础（Web 前端如何入门）

本文目录

• Web 前端如何入门
• java web程序设计要学些什么
• Web前端开发初级需要学习哪些知识些

Web 前端如何入门

如果你是刚入门、或者准备入门的童鞋。我建议你还是按部就班一步步的来，先把 HTML + CSS 先学好，注意：这里并不是要你非常深入的学习 HTML + CSS，如果要非常深入的学习 CSS，得花好多年，比如很有名的张鑫旭老师，就是一直深耕与 CSS 领域。

（1）把 CSS 的盒模型、浮动、装饰、flex、适配，这几块掌握清楚了，就能解决业务中 80% 以上的问题了，找几个静态页面练练手，可以找 PC、移动端都有的一些著名网站，比如“百度首页”。

（2）大概花一周的时间把 JavaScript 语言最基础的内容学习一下，如：变量（lvar、let、const）、条件判断（if、else、switch）、循环（for、while、do…while），函数（function）、数组等。

（3）花两周的时间把 DOM 和 BOM 的基础知识、事件、定时器、事件学习一下，然后做练习。这里强调一下：做练习很重要，从我兼职带学生和在公司带实习生的经验来看，学了一些知识的时候，一定要加以练习。这个阶段一些简单的特效了，把所有学到的知识都给用上去（HTML + CSS + JavaScript + DOM + BOM + 定时器的知识点都可以用上去）

学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。

（4）用三周 ~ 四周的时间深入学习 JavaScript，其中：原型、闭包、作用域链、this、面向对象，这几块要重点学习。在这个阶段还不要学习 ES6+ 的内容，先把 ES5 的内容掌握好，学习这部分的内容会比较难，一定不要放弃。

（5）用一周学习 node.js 最基础的知识，注意：这里学习最基础的知识就行，知道一个 HTTP 请求到响应的大致过程就可以，知道 GET、POST 的区别，能够写出一个最简单的接口即可。关于 ndoe.js 其他的内容放到后面再学习，这一步是为了学习 Ajax 做准备。

（6）用两周的时间学习 Ajax，深入学习什么是异步，向自己用 node.js 写的后端接口发送请求。一开始使用回调函数的方式，逐步学习使用 Promise、async + await，在这一步的实战中学习异步相关的知识，异步的知识比较抽象，一定要结合实战学习。

（7）用一周的时间学习 ES6+ 的内容，有一部分的内容已经在前面几步中学完了，比如 let、const、Promise、async。这一步中重点学习箭头函数、class、模块化、扩展方法（字符串、数组、函数等）

（8）以上步骤都走完之后，前端已经入门了，可以学习框架了，建议先学习 Vue.js，关于 Vue.js 学习的步骤与内容，我在以下回答中有详细讲述（学习 React 也是差不多的套路），这里就不再赘述了。

以上内容学完就够了吗？肯定不够呀，CSS 还需要深入、JavaScript 还需要深入、组件化开发还需要深入，node.js 还需要深入，还要学习数据结构和算法、计算机网络、操作系统等。

java web程序设计要学些什么

一、 HTML CSS Javascript正如严老师所说：“Java Web 的基础是建立在HTML这套标签的地基之上的”。所以学习Java Web 就要学习HTML的标签，开始对HTML的理解并不是很深，本以为作为程序员对HTML的重点掌握无非就是From表单，哦，对了，还有Table，《a herf=””》，文档的格式《head》《body》等等等等，而对于CSS，更觉得这对于作为程序员的我们没有什么太大的必要，那些事情完全是由美工来做的，而对于Javascript则觉得他应当是与vbscript一个时代的脚本语言，其作用无非是给页面添加一些花哨的动态效果没有什么实际意义，但是当我接触到更多的新技术如AJAX的时候便觉得我所掌握的远远不够，对于AJAX而言你学要知道每个细节从而能够设计出既美观又具有人性化的用户界面。而AJAX所以依托的基础便是Javascript、CSS、HTML、XML，其思想在于使用XMLHttpRequest实现异步调用把数据偷偷的下载到客户端从而使得用户无需刷新界面从而得到更好的上网体验，此三种技术在AJAX中发挥的淋漓尽致。这才知道那本OReilly的 “Javascript犀牛书”并不是盖的。这三个基础性的东西还是学要好好的学习，老的技术相结合也能焕发出新的光彩。二、 TomCat总觉的这是一个让人头疼的东西，学习的时候常需要给他进行很多项配置，首先是虚拟路径，在server.xml文件夹下加上《Context path=”/test” docBase=”F：\dwb”》，有一次给同学安装Tomcat6.0把Tomcat5.5里面老师写好的server.xml直接粘贴到了Tomcat6.0的cong文件夹下竟不能运行，这才知道版本不同随便粘贴后果是很可怕的，还是老老实实的把《Context path=”/test” docBase=”F：\dwb”》这句话粘贴上才是。东西有时命名目录里的东西已经更改了，TomCat也已经重新启动了，但网页上显示的依旧是以前的东西，还得把C:\Program Files\Apache Software Foundation\Tomcat 5.5\work\Catalina\localhost\这个目录下的虚拟路径删掉（如经典的test目录）。在做第9、10、11章的例子的时候还要把WEB-INF文件夹放到虚拟目录的根目录下否则会找不到WEB-INF文件夹，总之问题多多，问题越多，自己的经验也就越多。三、 JSP基本语法1、 《 % %》在jsp页面中插入Java代码，《%= %》表达式输出语句2、 JSP指令和动作：指令主要是《%@page %》、《%@include %》；动作主要是《jsp:forward》、《jsp:include》、《jsp:usebean》、《jsp:setProperty》、《jsp:getProperty》3、 四种属性的作用域page、request、session、appliction,一个比一个大，page只对当前页面有效，request是在两个页面跳转的时候包括服务器端的跳转，seesion只要浏览器不关闭，属性一直存在。Appliction只要服务器（如Tomcat）不关闭它一直都存在总之我感觉JSP的基本语法还是很简单的无非就是几个标签指令什么的，稍需要注意的是《jsp:forward》是服务器端的跳转URL地址不变，《%@include %》、《jsp:include》主要是包含静态和动态的区别。四、 JSP内置对象Request：主要作用接受表单传来的数据，Response：主要是可以像客户端发送头部信息和重定向sendRedirectOut：输出一些东西Exception：一些异常信息Config：这个对象比较厉害，它能获得web.xml中的许多信息，如《application》中的值，《servlet》中的parm值等Session和applicition对象主要是用他们的setAttribute和getAttribute方法存取一些属性值，不同之处在于他们的作用域五、 JDBC与数据库进行连接，这是学习程序的重头戏，但也不是很难，主要是记住连接数据库的一些流程1、 Class.forName（驱动程序字符串）主要有四种驱动方式，字符串也各不相同，我们常用的是连接access的jdbc odbc bridge字符串为sun.jdbc.odbc.jdbcodbcdriver2、 DirverManger.getConnection（DBURL）DBURL字符串为 Jdbc:odbc:数据源名称3、新建statement对象4、执行exectuQuery或exectuUpdata方法5、逆序关闭数据库六、结语：设计模式 与开发框架DAO模式已经过时了，现在的主流模式是MVC；其中主要用了servlet充当控制层， 还需要在web.xml中配置servlet映射，它主要是起到数据控制流向的作用，现在说有主流的框架都是使用MVC模式，如SSH，但是这些框架都没有想微软vasual Studio那样的可是控件（虽然JavaBen是一些可复用的类），2005年推出的JSF开发框架弥补了这一缺陷，相信在未来作为SUN官方标准推出的JSF开发框架可能会成为主流框架，因为ESRI的ArcGIS Server就是依托于JSF框架开发的产品，相信JSF会成为以后开发框架的主流！

Web前端开发初级需要学习哪些知识些

　　Web前端不仅薪资比较高，而且发展前景也很可观，越来越多的年轻人纷纷选择web前端作为未来的职业发展方向，但是就怎么选择学习方法而言，但是很多都是零基础来学习web前端的，对于这个行业可能一概不知，该怎么去学习呢？什么样的学习方法更适合学。，那么这份最详细的web前端学习路线分享给大家。　　第一阶段：前端页面重构　　内容包含了：（PC端网站布局项目、HTML+CSS基础项目、WebApp页面布局项目）　　第二阶段：JavaScript高级程序设计　　内容包含：）原生 JavaScript交互功能开发项目、面向对象进阶与 ES/ES应用项目、JavaScript工具库自主研发项目）　　第三阶段：PC端全栈项目开发　　内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）　　第四阶段：移动端项目开发　　内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）　　第五阶段：混合（Hybrid,ReactNative）开发　　内容包含：（微信小程序开发、React Native、各类混合应用开发）　　第六阶段：NodeJS全栈开发　　内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）　　第七阶段：大数据可视化　　内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D.js详解、三、其他JS库）　　对于想学习web前端的同学来说：首先是自学，其实自学也不是不可以，只要有毅力能坚持，自己学习是完全没有问题的，现在有很多同学也是自己找资料视频来学习。最后技术也学的挺牛的，得看个人兴趣和悟性，软件开发本来就是一项比较枯燥的工作，如果只是单纯的觉得这项行业工资高而进来的话，可能学习中遇到技术难题，就会知难而退了，难以坚持下去，而真正爱这行的会迎难而上，不解决不罢休，这也是为什么有些能自学下来有些却不行的原因。　　如果选择培训机构的话，对于没有基础或者毅力坚持下去的同学是比较好的学习方式，首先培训机构课程比较完善，没有基础的同学往往不知道从哪个方向去学习，而培训机构能更好的满足这部分学员，一般培训机构的老师都是经验比较丰富的，讲课的时候重点和难点会详细讲解，及时解决，这样学习的能保障每个学员都能弄懂，而且不用自己苦思冥想找答案。这样也大大的提升了学习的热情。最重要的是培训机构有阶段性的项目练习，这个对于自学的同学来说是没有的，现在的企业都是看着每个求职者的动手能力，如果有项目的实践操作，在应聘中也更有竞争力。　　其实不管自学还是培训机构也好，最重要的是看自己的热情，还有能不能吃苦和努力，web前端开发确实是高薪职业，市场需求也很大，只要你有本事，你就是企业需求的人才，那么想快速达到这个技术能力，自己该怎么做怎么学就看你自己的选择了。