1.初学者应该如何学习网站开发？
2.Web前端开发主要学哪些？
3.web前端需要学什么？

初学者应该如何学习网站开发？

       ä¸€å¼€å§‹ä¸€å®šè¦åˆ†æ¸…前端开发和后端开发，我们来分别介绍一下。

       å‰ç«¯

       Web应用被分类归为分布式应用，一般是客户端——服务器结构，所以我们有一部分的代码运行在客户端，另一部分代码运行在服务器。那些在客户端上的应用就是前端，通常指的就是我们的浏览器。最常用于前端开发的技术是HTML+CSS+JavaScript，高级的前端开发人员通常使用这些技术的组合开发应用的前端，另一个前端的常用技术就是使用Photoshop设计，配合其他技术共同完成Web页面的制作。

       åŽç«¯

       åŽç«¯å¼€å‘者编写那些运行在服务器上的代码，通常来说，这部分的工作需要和数据库打交道，比如读写数据、读写文件、实现业务逻辑等。有些时候，业务逻辑存储在客户端，这时后台就是用来以Web服务的形式提供数据库中的数据。后端开发者一般需要掌握一种Web编程语言和一个数据库管理系统。

       ä½ å¯ä»¥åŒæ—¶æŽŒæ¡å‰ç«¯å’ŒåŽç«¯çš„技术，但大多数Web开发者都还是有一定的喜好偏向，甚至只在某一方面深入研究。尽管前后端是有区分的，但并没有规定它们各自的具体任务。有时前端只是完成数据的显示，而其他主要工作都在后端完成。但也有时，后端只是提供数据，而所有的计算和具体功能都在前端完成。前后端工作的分配，通常都是由项目的设计和架构来决定的。

       ç¼–程语言

       ä¸€å¼€å§‹ä¸€å®šè¦åˆ†æ¸…前端开发和后端开发，我们来分别介绍一下。 前端 Web应用被分类归为分布式应用，一般是客户端——服务器结构，所以我们有一部分的代码运行在客户端，另一部分代码运行在服务器。那些在客户端上的应用就是前端，通常指的就是我们的浏览器。最常用于前端开发的技术是HTML+CSS+JavaScript，高级的前端开发人员通常使用这些技术的组合开发应用的前端，另一个前端的常用技术就是使用Photoshop设计，配合其他技术共同完成Web页面的制作

       è¿™å…¶å®žä¹Ÿæ²¡æœ‰ä¸€ä¸ªæ˜Žç¡®çš„清单，以上只是开发者通常会想到和使用的语言。那应该如何选择呢？你的选择应该基于以下几个方面：工作市场（求职机会）、托管服务、可用的学习资源、可用的学习时间、周围的开发环境等。

       å¦‚果你真的想从事开发行业，找到一个Web开发的工作，那最重要的选择因素就是工作市场（求职机会），你要分析行业情况，选择出一门要学习的编程语言。另一个重要因素就是托管服务，比如PHP的托管就要比Java托管便宜很多。而如果你要开发企业内应用，Java EE或许就是一个不错的选择。但如果你要将你的应用上线，Java EE就要比其它语言昂贵很多。

       éšç€Node.js的流行，JavaScript也变得在后端开发中流行起来，但它毕竟还是一个新的、不够成熟的技术，不推荐给初学Web开发的人学习和使用。

       åœ¨æˆ‘看来，PHP有着最简单的学习曲线、便宜的托管服务、充足的学习资源（PHP就是一个很好的选择哦）和相对简单的开发环境，所以我推荐初级Web开发者学习使用PHP。当然，ASP.NET也是一个不错的选择，Microsoft提供了很多ASP.NET相关的学习资源和免费的开发工具，如果你喜欢Microsoft的环境，就值得考虑ASP.NET。

Web前端开发主要学哪些？

       å‰ç«¯çŸ¥è¯†æ˜¯ä¸€ç§å¾ˆç«çš„技术，一直在编程语言中名列前茅，而且随着浏览器技术不断发展，还有会很多扩展的可能性，比如3D可视化，谷歌发布一个全新的图形工具TensorFlow Graphics，结合计算机图形学和计算机视觉技术，以无监督的方式解决复杂3D视觉任务，无疑谷歌浏览器也会支持3D图像，前端技术实现在线可视化开发，基于webgl的3D框架有thingjs，three.js。

       thingjs是这两年新兴的3D框架，更加简单，官网有注册优惠别错过~理论知识是基础，对于前端开发者来说，技术应用是进一步的需求，所以thingjs提供免费3D源码和3D模型库，让你在项目开发过程中有东风助力，在实操的过程中你会更好地吸收前端技术知识！

       å‰ç«¯æŠ€æœ¯è‚¯å®šä¸æ˜¯æœ€ç»ˆçš„目的，做成一个有价值的商业项目，才能让你更有成就感！

web前端需要学什么？

       这里整理了一份web前端学习路线的瀑p瀑思维导图，需要掌握和学习的布流布流内容如下：

       第一阶段：专业核心基础

       阶段目标：

       1. 熟练掌握HTML5、CSS3、源码源码Less、瀑p瀑Sass、布流布流响应书布局、源码源码大海漫流指标源码移动端开发。瀑p瀑

       2. 熟练运用HTML+CSS特性完成页面布局。布流布流

       4. 熟练应用CSS3技术，源码源码动画、瀑p瀑弹性盒模型设计。布流布流

       5. 熟练完成移动端页面的源码源码设计。

       6. 熟练运用所学知识仿制任意Web网站。瀑p瀑

       7. 能综合运用所学知识完成网页设计实战。布流布流

       知识点：

       1、源码源码Web前端开发环境，HTML常用标签，表单元素，Table布局，CSS样式表，DIV+CSS布局。wifi钓鱼web源码熟练运用HTML和CSS样式属性完成页面的布局和美化，能够仿制任意网站的前端页面实现。

       2、CSS3选择器、伪类、过渡、变换、动画、字体图标、弹性盒模型、响应式布局、移动端。熟练运用CSS3来开发网页、熟练开发移动端，整理网页开发技巧。

       3、预编译css技术：less、sass基础知识、以及插件的运用、BootStrap源码分析。android源码开发odex能够熟练使用 less、sass完成项目开发，深入了解BootStrap。

       4、使用HTML、CSS、LESS、SASS等技术完成网页项目实战。通过项目掌握第一阶段html、css的内容、完成PC端页面设计和移动端页面设计。

       第二阶段：Web后台技术

       阶段目标:

       1. 了解JavaScript的发展历史、掌握Node环境搭建及npm使用。

       2. 熟练掌握JavaScript的基本数据类型和变量的概念。

       3. 熟练掌握JavaScript中的运算符使用。

       4. 深入理解分之结构语句和循环语句。

       5. 熟练使用数组来完成各种练习。

       6.熟悉es6的语法、熟练掌握JavaScript面向对象编程。

       7.DOM和BOM实战练习和H5新特性和协议的九爱团队源码学习。

       知识点：

       1、软件开发流程、算法、变量、数据类型、分之语句、循环语句、数组和函数。熟练运用JavaScript的知识完成各种练习。

       2、JavaScript面向对象基础、异常处理机制、常见对象api，js的兼容性、ES6新特性。熟练掌握JavaScript面向对象的开发以及掌握es6中的重要内容。

       3、BOM操作和DOM操作。熟练使用BOM的各种对象、熟练操作DOM的ap源码精讲对象。

       4、h5相关api、canvas、ajax、数据模拟、touch事件、mockjs。熟练使用所学知识来完成网站项目开发。

       第三阶段：数据库和框架实战

       阶段目标：

       1. 综合运用Web前端技术进行页面布局与美化。

       2. 综合运用Web前端开发框架进行Web系统开发。

       3. 熟练掌握Mysql、Mongodb数据库的发开。

       4. 熟练掌握vue.js、webpack、elementui等前端框技术。

       5. 熟练运用Node.js开发后台应用程序。

       6. 对Restful，Ajax，JSON，开发过程有深入的理解,掌握git的基本技能。

       知识点：

       1、数据库知识，范式，MySQL配置，命令，建库建表，数据的增删改查，mongodb数据库。深入理解数据库管理系统通用知识及MySQL数据库的使用与管理，为Node.js后台开发打下坚实基础。

       2、模块系统，函数，路由，全局对象，文件系统，请求处理，Web模块，Express框架，MySQL数据库处理，RestfulAPI，文件上传等。熟练运用Node.js运行环境和后台开发框架完成Web系统的后台开发。

       3、vue的组件、生命周期、路由、组件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解，能够运用Vue.js完成基础前端开发、熟练运用Vue.js框架的高级功能完成Web前端开发和组件开发，对MVVM模式有深刻理解。

       4、需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发。于Node.js+Vue.js+Webpack+Mysql+Mongodb+Git，实现整站项目完整功能并上线发布。

       第四阶段：移动端和微信实战

       阶段目标：

       1.熟练掌握React.js框架，熟练使用React.js完成开发。

       2.掌握移动端开发原理，理解原生开发和混合开发。

       3.熟练使用react-native和Flutter框架完成移动端开发。

       4.掌握微信小程序以及了解支付宝小程序的开发。

       5.完成大型电商项目开发。

       知识点：

       1、React面向组件编程、表单数据、组件通信、监听、声明周期、路由、Redux基本概念。练使用react完成项目开发、掌握Redux中的异步解决方案Saga。

       2、react-native、开发工具、视图与渲染、api操作、Flutter环境搭建、路由、ListView组件、网络请求、打包。练掌握react-native和Flutter框架，并分别使用react-native和Flutter分别能开发移动端项目。

       3、微信小程序基本介绍、开发工具、视图与渲染、api操作、支付宝小程序的入门和api学习。掌握微信小程序开发了解支付宝小程序。

       4、大型购物网站实战，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制。目期间可以扩展Three.js 、TypeScript。