web初级都学习哪些

Question

如题所述

Answer 1

HTML（超文本标记语言）是网页的核心，学好HTML是成为Web开发人员的基本条件。HTML很容易学习的，但也很容易误用，要学精还得费点功夫。
随着HTML5的发展和普及，了解HTML5也将成为Web开发人员的必修课。
涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。
利用HTML和CSS模拟一些你所见过的网站的排版和布局（色彩，图片，文字样式等等）。
第二步：学习javascript,了解DOM
JavaScript是一种能让你的网页更加生动活泼的程序语言。学习JavaScript的基本语法，学会用javascript操作网页中dom元素。
接着学习使用一些javascript库，比如jquery是大部分WEB开发人员都喜欢用的，通过Jquery可以有效的提高JavaScript的开发效率。
第三步：了解Web服务器
你不必在这上面花太多精力，但对IIS、Apache基本配置要掌握，这方面的知识学起来也相对容易，不会花多长时间。
学习一点Unix和Linux的基本知识，因为大部分Web服务器都运行在Unix和Linux平台上。
第四步: 学好一门服务器端脚本语言　　服务器端脚本编程（后台开发）也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。
目前流行的服务器脚本语言有：php、asp.net、jsp、ruby、python、等。
第五步：学习数据库及SQL语法
要构建动态页面通常会使用到数据库，常用的数据库有SQLServer、Oracle、MySQL 等，它们都会遵循标准的SQL原则。
通常asp.net 程序使用SqlServer数据库，PHP、java使用Oracle、MySQL数据库。
第六步：综合实战
选一个你喜欢的后台编程语言，结合之前学到的html,css,javascript 前端技术，实现一个简单的留言本、论坛程序、进而实现一个简单的CMS（内容管理系统）
第七步：学习使用Web框架
当你掌握了HTML，CSS，JavaScript和服务器端脚本语言后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间。
比如.net的MVC，JAVA 的SSH，php的cakephp、CodeIgniter、zend，ruby的ROR，python的dijango等等，其实里面都有一些相通之处。
整个开发过程你还可能会学习到一些工具的使用：
Visio，Dreamweaver，Vistual Studio、elipse、(Vim, EditPlus, Notpad++)、sqlserver、phpmyadmin，各种浏览器以及FireBug的插件，IE下的WebDevelopmentHelper、IETester等。如果你足够用心，你还发掘出很多不错的资源，例如MSDN，W3cSchool，一些前辈的博客，一些技术论坛等等，这都是你未来前进道路上的财富。如还想深入研究，学学http协议,理解什么是无状态，不然你永远做不好WEB开发，研究web程序服务端运行原理，还有tcp/ip,udp协议等。
从最简单的HTML到Web框架，内容还是不少，要想精通这里的每一样技术，都得下苦功夫才行。半年的时间，足够你对web开发产生一个有效的认识，这个时候，再思考你进一步学习的方向吧。

Answer 2

html,css,js,jq,切图

Answer 3

Web 前端技术学习路线图：
Javascript 语言：全栈开发中，用的编程语言就是 javascript

HTML5 标签和 DOM：这是前端最核心技术，为之后学习各种开发框架，打下坚实基础。

CSS3：学习通过 css 开发网页和各种可视 UI 组件。

SASS：利用 sass 语言，开发复杂的页面 css

Node.js：掌握Node.js 核心 API ，具备后端开发能力。

Express 5.x 框架：掌握 Express 框架，从而具备快速开发后端程序的能力。

socket.io 库：让前后端通过 websocket协议通信，是web 开发游戏、聊天等程序必备技术。

Mongoose 框架：可以让程序具备文档数据储存能力

Git 命令与 github：可以对项目进行版本管理，从而能团队开发项目。

Gulp 构建工具实战：通过 gulp 工具，灵活对项目进行构建。

Webpack：可以用和 Node.js 后端模块化方式，开发前端程序，从而能开发大型系统。

Jasmine & Karma：可以利用 Jasmine & Karma 轻松实现，多种浏览器同时进行单元测试，而不必切换界面。

前端相关框架：JQuery ／ Bootstrap ／ Vue.js ／React ／ Angular通过框架帮我我们快速开发程序
移动端与桌面程序开发工具：phonegap ／ react-native / electron / 微信小程序开发，这套工具，基本上只是打包工具，和提供了一些特定平台 API ，开发还是使用之前的 Web 技术。
希望对您有所帮助！~

Answer 4

一、只学当前工作中要用到的东西
比如你公司用的是 Vue，就深入学习 Vue，最好看看源码，不用全部都看，只看重点部分的源码。例如模板编译、Diff 算法、Vue 原生组件实现、指令实现等等。
剩下的两个框架 React、Angular 做个 DEMO 熟悉一下就行，毕竟原理都是相通的，等你公司要上这两个再深入学习，不过也不建议阅读源码了，太累。看别人写的现成的源码分析文章就行。
其他的，像 JQuery、easyui、各种小程序... 用不到的时候坚决不学，浪费时间。用的时候看文档就行了，当然，如果有兴趣了解如何实现也是可以的。
二、一定要深入学习的知识
1. JavaScript
原生 JS 掌握得好，学习其他库或框架的速度真的是不要太快。
举个例子吧：
我在学习 Vue 时，因为对 Vue 改变数据，页面自动刷新这一现象特别感兴趣。所以决定学习 Vue源码，得益于自己的基础比较好，研究 Vue1.0 的版本并模仿它写了一个MVVM库，实现了1.0版本70%-80%的功能，大概花了一个月时间，还开发了几个 Vue 组件。
如果 JS 基础不好，要看懂 Vue 源码也是一个很困难的事情。
2. 计算机科学理论知识
为什么这么说呢？因为我是中途转行的，还是高中毕业，所以对于计算机理论知识是一窍不通。导致在工作中遇到一些问题，不知道原理，不知道如何解决，还得经常去网上搜答案，而且对答案也是一知半解。举个例子：
转行前端后去的第一家公司，在开发页面时，其中有这样一个需求：
有一个

ul

，下面有四个

li

，要求点击其中一个

li

时，高亮显示，其他的

li

取消高亮，我和别人纠结用

for

循环写性能比较好，还是用 JQuery 的

each

写性能比较好。
现在想想，要是当时我懂编译原理的知识，就会知道这两个实现都是一样的，甚至用

while

实现，底层都是一样的，时间复杂度都是 O(n)（注意：这里说的实现是指 for each while 底层实现一样）。
在工作中越来越深刻的体会到计算机理论知识的重要性，所以在去年开始就在不停的进行有关方面的学习，最近还学习《计算机的系统要素》这本书写了一个简单的编译器，
计算机理论知识决定了一个程序员的天花板，让你看得更远更广。
如果对计算机理论知识还有疑问，可以看看知乎的这个问题
希望我的回答对你有帮助。本回答被网友采纳

Answer 5

web开发要学的内容还是蛮多的
01.环境搭建前端环境很好搭建，一个开发工具即可，webstorm，hbuilder，vscode，sublime。初学者可以多看看优就业的课程。
02.html基础带你去认识html，让你学习去运行html，等浏览器上面打开你的页面的时候，你会有很强的成就感，然后开始学习html的基础标签
03.css基础html是勾勒，css是染色，基础的css学完你会有种想写页面的冲动，这时候你不用抑制住那种感觉，直接按照自己所想开写，这是你的第一个项目
04，js基础js是页面的逻辑，作为一个web前端工程师，js是很核心的部分，也是很难的部分。
05.纯js操作dom和jquery这阶段要知道怎么去用js来更改页面的元素，怎么去写dom事件，经过一番练习后，再引入jquery
06，开始你的ui框架之旅这个阶段我推荐从bootstrap开始，这个框架很经典。
07.开始深入css3基础学完css3要提上日程，这时你会看到不一样的世界
08.深入js这阶段你就要去解读原型链，原型替换，this指向，es6，es7的新语法，
09.学一套主流mv*框架vue，react，angular2选一种，我建议从vue开始，react的jsx语法不适合你入门去学习，angular2的typescript语法糖难度也比较高，vue学起来平滑些，结合vue，学一下vue-router，vuex，element ui，axios，webpack。做个项目玩一下这个全家桶
10.升级后台语言nodejs这个不作要求，你在学vue的时候其实已经在用nodejs了，你用的npm就是nodejs的一部分。