前端网站开发流程入门,零基础的前端开发初学者应如何系统地学习第一，学习HTML和CSS的基础知识。这里你需要熟悉HTML各个标签的功能和作用，学习css的各种属性等。因为你拿到美工提供给你的设计之后，把它开发成一个精美页面，就在是内容来说，需要HTML和css的知识。如果你不清楚每一个属性是什么样子的，那么你在开发的时时候效率比较低，还先查一下需要用什么属性再进行开发。
这类知识的学习可以充分利用目前的在线平台，例如菜鸟教程，慕课网等等。如果你想通过书本学习，可以找销量比较高的书。
第二点，学习JavaScript相关知识。在前端里js是非常重要的，页面中的联动数据处理，或者是弹窗或者是一些触发事件等等，都是需要js来实现的。
js就要比html和css复杂很多，你可以用js实现一个算法，而另外两种不能。书籍的话推荐《avaScript DOM 编程艺术》、大厚本里Zakas的《JavaScript高级程序设计》 、犀牛书《JavaScript权威指南》、《高性能JavaScript》等等
JavaScript学习可以参考上面提到，从零到一，从一到N，循序渐进掌握。此外，还需要学习AJAX、jQuery相关知识，一个是跟后端交互，一个是快速、简洁的JavaScript框架。
第三点，学习前端框架web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以让你如虎添翼，更方便快速的开发。
(1) Angular
Angular原名angularJS诞生于2009年，之前都是用jquery开发，自从angular的出现让开发者有了新的选择，这个框架之前开发中有使用过，它把后端的一些开发模式移植到前端来实现，如MVC、依赖注入等。
(2) React
React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其创新式的VirtualDOM，性能上碾压angularJS，一经推出，火的一塌糊涂。 特点很多，VirtualDOM、JSX、Diff算法等，支持ES6语法，采用函数式编程，门槛稍高，但也更灵活，能让开发具有更多可能性。
(3) Vue
Vue作为最晚推出的框架（2014年），借鉴了前辈angular和react的特点（如VirtualDOM、双向数据绑定、diff算法、响应式属性、组件化开发等）并做了相关优化，使其使用起来更加方便，更容易上手，比较少适合初学者。国内目前使用vue的开发者越来越多，的确也比较好用
第四点，着手开发一个练手的应用。除了一系列基础知识的学习之外，必要的开发练习还是很重要的。你在学习基础知识的时候同时加以练习，这样你可以知道每一个变量它具体实现的是什么样的效果。
其实是将你学过的所有知识给偶废话哦。开发一个完整的应用，将你所学的知识尽可能的应用其中，这样对你会有更大的提升，因为学习编程语言的目的最终的结果就是开发出一个完整的应用。偶实际开发应用的过程中，你就会知道某个方法在具体场景下如何使用。
你好，前端相对于其他的入门还算简单，基础知识主要是html，css，javascript，然后就是vue,react框架，还有网络请求ajax，以及http协议。有疑问可以私信给偶，美少女镇楼
网页制作的前端需要学习
1、html语言
首先要学这个，任何网页的显示都要靠html语言来表达，浏览器解释html语言显示在大家面前。
2、服务器架设
要制作网页就需要架设服务器来调试你做出来的网页，有iis等很多种，可以在网上搜索得到。
3、css语言
用网页制作三剑客做出来的东西，css大部分是自动生成的，很难理解，需要学习基本的css知识，是步入高手的必经之路。css控制着网页图片、表格、文字等等内容在大家面前的显示样式，比如颜色，边框，大小等。
4、divcss布局
这个东西是走向专业制作的必经之路，网页元素靠它来搭建基本框架，像百度空间，QQ空间的皮肤等就是利用这个来做的。
5、数据库
走向动态网页的基础，比如百度知道的提问回答这些，都涉及数据库的读、写、改、删。常见的数据库有mysql、mssql、access等。数据库是所有软件的基础，80%以上的应用程序都涉及数据库，而作为网页制作来说没有必要学得很深，够用就行。
6、动态语言，asp，php，jsp，.net(c#等）
要操作数据库，交互就需要动态语言，现在好多动态语言像php都有“框架”，用框架建站好比用活动板房的零件建房子，全部自己写好比一块一块砖砌房子。
7，java
网页里面的验证码，弹窗，特效等就靠它了，一个没有java的页面基本没有，这个也有好多的框架可用，这个语言是难的，也是强大的，网页木马，病毒大多用这个语言。
8、平面涉及软件
flash，photoshop等，页面美化还要靠图片等东西。
这些个东西你会一个，或者一个都不会，都能做出一定水平的网页（用三剑客，或者直接用word做好后另存为htm文件就行），要深入的学，这些知识基本的。
网页制作的后端需要学习1. 学习一门语言
语言的选择有很多种，为了方便您的选择，偶将它们进行了分类。对于刚接触后端开发的新手，偶强烈建议你们选择一门脚本语言，因为它们的需求很多且上手较快。最好的选择当然是Python，它的需求正在急速增长，有大量的职位可供选择。
2. 学以致用
最后的学习方法就是动手实践。一旦你选择了语言，然后对其有了基本的了解，开始使用它。运用它进行尽可能多的练习，写一些小程序练手，熟悉它。下面是一些小例子，可以帮助你开始。
* 实现一些bash中你常用的命令， 比如ls的功能
* 写一个从reddit的/r/programming频道抓取数据并将之保存为JSON格式的小程序
* 写一个程序将目录结构保存为JSON文件。
* 根据上面生成的JSON文件，生成目录结构。
* 想想日常工作中的任务，尝试将之自动化。
3. 学习包管理器
一旦你了解了语言的基础，同时用它写过些示例程序，接着学习该语言的包管理器。包管理器可以帮助你使用第三方库，同时你也可以通过它发布自己的库以供他人使用。
假设你选择的是Python，你应该已经学习了Pip。Node.js有NPM或Yarn、PHP有Composer，Ruby有RubyGems。无论你选择了什么，进一步去学习它的包管理。
4. 规范以及最佳实践
每一种语言有其规范以及最佳实践。你需要掌握这个东西。比如Python有PEP8跟Google Python代码规范。Node.js各社区有不同的规范。其他语言的状况也大同小异。
5. 安全
务必要掌握安全最佳实践。读读OWASP指南，了解不同的安全问题，同时要知道如果避免这类问题。（你选择的语言）
6. 实践
现在你已经掌握了语言基础，最佳实践，安全相关以及包管理，你可以去开发自己的库供他人使用了。如果你用Python，你需要发布在Pypi，如果是Node.js，你需要发布在Npm。
到此，你可以在Github上找一些项目，参与进去。
* 重构，实现你学到的最佳实践
* 修复已知的问题
* 添加新的功能
7. 测试
测试分很多种，要了解每一种测试的类型以及其目的。但是现在，首先学习单元测试以及综合测试，应用在你的程序中。此外，还要了解不同的测试术语，比如mocks，stubs等等。
8. 实践-测试
为你所写的所有程序编写单元测试，特别是在Github上参与的项目。
同时，学习覆盖率的概念，计算测试代码的覆盖率。
9. 关系型数据库
学习利用关系型数据库保存你的数据。在学习之前，首先掌握数据库相关的术语。比如：keys，indexes，normalization，tuples等。
可供选择的数据库很多，你只需要掌握一个，其他的也会变得很简单。流行的有MySQL，MariaDB（MySQL分支，与之非常相似），PostgreSQL。推荐选择MySQL开始。
10. 动手时间 – 实践
到了将所学融合的时候了。
创建一个简单的应用，运用你所学的一切。实现一个想法，可能是创建一个简单的博客站点，实现一下的特性：
* 账户系统——注册&登陆
* 注册用户可以创建blog
* 用户可以查看自己创建的所有的blog
* 用户可以删除自己发布的blog
* 保证用户只能看到自己发布的blog，不能看其他人的
* 为应用编写单元/综合测试
* 为查询创建索引。分析查询，确保索引生效
11. 学习一个框架
根据你的项目类型以及你的语言的不同，你可能会需要一个框架辅助开发。（也可能不需要）。每种语言都有不同的选择，选择一个合适的即可。
如果你选择了Python，建议你选择Django，对于微框架，建议Flask。
对于Node.js，最知名的框架是Express.js。
12. 实践-框架
利用选择的框架重构你的博客应用。不要忘记了集成测试代码进来。
13. 学习NoSQL（not only SQL）数据库
首先了解什么是NoSQL，以及它们与关系型数据库的差别，同时为什么需要它们。NoSQL数据库也有多种选择，了解并比较它们之间的特性以及不同之处。常用的有MongoDB，Cassandra，RethinkDB，Couchbase。建议选择MongoDB开始。
14. 缓存
学习如何在你的程序中实现应用级的缓存。了解如何利用Redis或Memcached实现缓存，同时在你的博客应用中实现缓存功能。
15. 创建RESTful APIs
了解REST，学习如何编写RESTful APIs，阅读关于REST的白皮书。（By Roy Fielding）。理解REST不仅仅是HTTP APIs。
16. 学习不同的认证方法
学习不同的认证以及认证方式。你需要明白它们是什么，它们的不同点，以及它们适用的场景。
* OAuth–Open Authentication
* Basic Authentication
* Token Authentication
* JWT–JSON Web Tokens
* OpenID
17. 消息代理
学习消息代码，了解什么时候以及为什么使用它们。有很多可供选择，最知名的是RabbitMQ & Kafka。建议从RabbitMQ开始学习。
18. 搜索引擎
随着应用程序规模的增长，简单的查询已经无法满足要求。这个时候，你需要用到搜索引擎。同样有多种选择，每一种有自己的特点。
19. 学习使用Docker（容器）
Docker可以为你的开发提供巨大的便利。它可以让你的开发环境与生产环境保持一致，可以让你的系统保持干净，可以加速你的编码，可以测试部署。Docker的好处，请自行google。从现在开始，学习Docker。
20. Web服务器的知识
到了这个时候，你可能已经处理过服务器相关的问题。这一步骤主要是了解不同的服务器之间的差异，局限，以及不同的调优方法。
21. 学习Web Sockets
虽然不是必须，但是具备Web Sockets的技能是有好处的。学习编写实时的web应用。可以在博客应用中，实现即时更新blog列表。
22. 学习GraphQL
学习GraphQl的APIs。了解它与REST的不同，然后为什么它被称之为REST 2.0。
23. 研究Graph数据库
Graph模型具备非常好的灵活性——在处理数据间的关系的时候。Graph数据库提供高速&高效的存取以及查询。学习了解Neo4j或者OrientDB。
24. 不停探索
在你的学习以及实践过程中，肯定会碰到路线图里没有提及的东西。你只需要保持开放以及饥渴去学习新的东西。
时刻谨记，学习的关键是实践。多动手！刚开始的时候，你可能会感觉不大好，随着你的坚持以及时间的推移，你会变得越来越好。