搜索
首页web前端H5教程如何系统学习Web全栈开发?

回复内容:

就是没事儿了就写个网站,一开始先能跑起来,之后页面不能太难看吧?你得学前端,页面逻辑越来越复杂,你得上前端框架了吧,用站的人越来越多了,你得优化服务端性能了吧,发现自己菜成狗的时候,你得上服务器框架了吧……发现数据库io成问题的时候,你得理解数据库了吧……反正觉得实践中遇到问题,解决问题,总结,再反复,这样是我认为的科学的方法。
----------我是华丽的分割线--------------------------------------------
接下来想说说我是怎样变成一个全(dou)栈(bi)工程师的...Orz...也是人生第一次大篇幅回答问题,想想就有点小激动呢Orz...
最前面的话
现在感觉世界上的各种选手,对于全栈工程师褒贬不一。贵知乎上面也是有很多在黑全栈工程师的大大们。我个人的看法是闻道有先后,术业有专攻。每一种的技术栈形态的形成必定都是时代所需,大家都是为了感受coding带来的快感,何必文人相轻,非要较个你高我低。如果看到这里已经忍不住想吐槽怒喷,那还是跪求不要再看下去了。
入门
我的入门是从web前端开始的,然后之后又做了一些gwt相关的项目,对于前后端的开发大致有了一些了解。再后来去了一个稍微大一点的厂进行了实习web前端,当时的感受是每天百分之五十的时间都是跟后端在接口上撕逼,不慎酸爽。再后来到了同学的公司进行实习,于是发现这里的选手都是一个打10个的选手,每天说自己什么都不会但是随便一说虐你10条街, @朱文雷@刘超凡@DoG A@Chao Liu@Dont Panic 于是也不知道自己到底会干什么了。当时做了一个整理一些lib,然后写demo 跑通所有流程的工作,于是遇到了很多平时几乎用不到的问题。也跟着各位大仙们一起学习了很多很多解决问题的姿势。所以我觉得入门最重要的事情就是要多折腾,什么不会玩什么,慢慢就会了....入门要达到的目的就是前后端打通,知道是怎么个流程。
发展
之后就是加入linkedin中国之后的事情,一直在web前端和后台之间游离,甚至还做过一小段安卓的工作,近半年也在做一些自动化测试相关的工作。由于是快速迭代和敏捷开发,之间学习和使用了很多敏捷开发的东西。接触到了一些优秀的前后端的框架以及工具。比如时兴的react和貌似过气的angular,小众的coffeescript,更小众的ruby on rails,以及有我司实习生的merge-request的gin,还有更小众的calabash种种。。。这里面遇到过很多很多问题,绝大多说都是gg解决的,这里感谢@cr同学(顺路吐槽知乎的圈人系统,我关注的人居然圈不到),记得有一次遇到的一个angular的bug居然是我发现的前几天刚刚修好的。这一阶段的感觉就是要不断的尝试,不断地反思,这一次的这样的选择为什么好或者为什么不好,然后下一次在做选择的时候要进行哪些改进。搭车感谢一下放任我随意折腾的老板迪哥和视我的我的代码为粪土的梦南。
反思
对于一个全栈工程师最总要的几点:
1. 勇于折腾,多尝试更多技术,姿势,体位,坚持嘬死。
2. 一个强大的解决问题(gg)的能力,一般踩到的坑大部分人都踩过,感觉总是能搜到的。
3. 善于总结和反思,用于接受打脸和撕逼。
心目中的好的全栈工程师应有的素质:
1. 快速的项目介入和上手能力。
2. 精准的技术选型能力。
3. 强大的问题划分能力和解决能力。
4. 优秀的代码质量。
5. 良好的补位意识和团队意识。

感觉跑题了,题主问的是如何学习,再说就不知道说到哪里去了,愿题主早日把他截的图的东西都学会吧,感觉一年时间应该够了?我去抓猫猫了T_T 不要迷信全栈!
不要迷信全栈!
不要迷信全栈!

知识体系图是什么鬼?naive~
知识爆炸的年代,居然还迷信什么知识体系图啊?找虐还是怎么滴??
光我大前端的知识体系图就够你喝n壶了~

言归正传,我个人支持“业务驱动”。那么问题来了,怎么做?(直接以当前在做的项目为例)

1.全景直播平台的搭建

1.1 需求分析
要做一个全景直播平台的核心需求是什么?
- 支持直播的全景播放器
- 稳定的流媒体服务器
- 直播状态管理服务器
- 其他相关内容(业务优化什么的~)

1.2 知识储备
1.2.1 要做到直播,涉及到三个重要的环节
- 推流(比如使用obs、ffmpeg等推送rtmp或者hls流)
- 转发(这里针推不同的情况,可以推送rtmp/rtsp/hls/other)
- 播放(这里当然就是视频了,根据平台可以分为flash使用的hls或者rtmp、rtsp,移动端hls)

1.2.2 要做到“平台”级别,当然要求是可以支持n个直播!
- 服务器选择,为了应对所谓“高并发”,完全可以放弃服务器渲染,生成静态页面丢到云存储
- 缓存问题,上一步适用云存储存放页面,这里配置cdn来做缓存,基本解决了多人观看的问题
- 另外可选方案是配置负载均衡(加n个服务器,适用轮训之类的方式来对不同区域不同人访问)

1.2.3 状态管理,更新逻辑
- 页面既然已经是静态了,那么状态最好的方式是ajax方式来管理了,设置一定时间的轮询也可以
- 中心服务器当然是要有状态的,至于怎么管理自己决定就好

1.3 其他内容
...

按照当前需求来独立实现这些功能,自然而言,该学习的东西都会学习到了。

完了吗?NO !


我理解的全栈,不是你用了什么技术,不是你解决了什么问题,
而是,你怎么解决问题,如何应对需求,以及需求变更。

熟记一些知识点当然要比我这种用到查文档的人要专业,但是吧,多做一些类似的事情,你会发现,这些坑,填完了,要是能同时记住一些重要的点,对以后做东西是灰常有用的~ 被邀请了两次,就回答一下吧。

说实话,那图(网上还有很多类似的)很唬人,其实基本功好了,就知道那些只是三生万物了。

想学好前端,就从把w3school.com.cn上html,css.javascript三个章节看清楚开始(只看这三个,不包括网站上html5,xhtml,css3等等衍生栏目)。 用java的话,就写个servlet, get, post, 各种方法玩一遍,返回html字符串。然后再用模板引擎,实现html复用。 然后尝试ajax,实现不刷新页面。 代码多了以后,分层,分mvc. 代码有规模后,部署到各种web服务器,架上ga脚本。 用linux,ant自动部署。 再玩memcache以及各种分析工具。 web全栈简单的说来就是自己开发网站, 缺哪补哪, 从头开始搭建保证能够自己一个人做到上线运维即可

从细处讲(目前我在公司做的)
域名购买 => 主机购买 => 域名配置 => 服务器操作系统安装 => 服务器软件运行环境配置(包括用户权限 防火墙) => web数据结构设计(ER图,数据库表) => web页面设计 => web切图写页面 => 后端程序编写(基本的MVC MVVM 数据库CRUD 数据缓存 各种中间件) => 代码压缩混淆自动化上线 => 反向代理配置(nginx) => 代码监控及优化

数据量并发量上来之后
分库分表=>服务器docker化=>自动化部署运维测试=>消息队列引入 等等...

能做的很多, 一点一点去做就好了...

以上
2016年02月17日 先学数据库和简单数据结构, 无论前端后端都用得着。学会这俩,基本上你会对业务有了一定概念在学其他的。 就是什么都学,什么都做一点,接点私活,聪明点大概10年可以完事,笨一点20年也够了。 谢邀。
全栈工程师对各方面能力要求都很高,成为一个全栈工程师是一个远大的目标,但除了知道全栈工程师薪资待遇很高之外,首先你必须先清楚为什么全栈工程师会拥有这样高的待遇和地位。

全栈工程师与其说是掌握某个领域产品的全栈技术,到还不如简单来说是拥有能够独立实现一款产品的能力(拥有这种能力和是否需要你这么做是两件事,这里谈的是需要先拥有这样的能力)。

所以啊,题主如果想成为一个全栈工程师,最快最有效的方式莫过于能够作为多个产品化项目的负责人,全程参与和主导项目的完成。题主需要明白的是,在计算机技术这个领域,哪怕是业界出名的全栈工程师也不可能各个领域全部都能够理解,更多的是水平高的工程师对业务和产品以及技术体系有很深的理解,这样的人哪怕面对新技术、新风格也一定能够快速掌握(要知道,在正式项目中,架构师在做架构设计的时候必定需要考虑风险点,其中所用到技术的可靠性和学习成本是最重要的风险点之一,如果时间不会过分紧的话会有一小段时间供你快速掌握的)。

然而你可能会问,我刚刚毕业,或者还没有毕业的时候,我没办法负责主导一个正式项目,那我该怎么办?根据我个人的经历来说,程序员大多数是一群靠谱的老实人,在你做好本职工作的前提下,你向前辈或者技术领导提出想看一下架构文档,或者需要他来帮你讲解一下架构和技术选型,我想别人如果有空的话一般来说都是很乐意的(程序员装逼基因永远在骚动)。当你得到这些架构设计时,仔细反复研读推敲,推敲设计者在设计时的情景以及做这些技术决策的原因(都说架构实际上是一系列决策的组合),时间长了自然而然就好了。

毕业前想成为真正的全栈工程师,楼主我劝你还是不要把步子迈的太大,反正要是我收到一份自称自己是全栈工程师的应届生简历的话一般觉得99%是来逗我的,1%是遇到神了。

好好研究自己的技术,做好做精,多经历一些实际项目,多思考和探索保持向上之心,每个程序员都能成为全栈工程师。 node.js是通往web全栈的捷径 新手还是不要一上来就全栈,好吓人的好不~
我对全栈的理解是那些大牛在某个技术领域达到一定高度以后,思想+技术逐渐辐射到全局且融会贯通的时候,才能说全栈吧!会用和理解完全是两个维度的概念,后者+时间的。
我觉得全栈一定分面向前端还是面向后端,因为你一定有自己擅长或者主导的技术池。从发展的角度来说,在思想上你需要在某项技术中来不断进步,突破!
个人建议3/7原则,70%的时间专注于自己擅长的领域中,30%的时间专注于其他领域中。
搞开发的,切忌别一瓶子不满半瓶子晃荡,出了问题满世界找bug。。
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
H5:网络开发的新功能和功能H5:网络开发的新功能和功能Apr 29, 2025 am 12:07 AM

H5带来了多项新功能和能力,极大提升了网页的互动性和开发效率。1.语义化标签如、增强了SEO。2.多媒体支持通过和标签简化了音视频播放。3.Canvas绘图提供了动态图形绘制工具。4.本地存储通过localStorage和sessionStorage简化了数据存储。5.地理位置API便于开发基于位置的服务。

H5:HTML5的关键改进H5:HTML5的关键改进Apr 28, 2025 am 12:26 AM

HTML5带来了五个关键改进:1.语义化标签提升了代码清晰度和SEO效果;2.多媒体支持简化了视频和音频嵌入;3.表单增强简化了验证;4.离线与本地存储提高了用户体验;5.画布与图形功能增强了网页的可视化效果。

HTML5:标准及其对Web开发的影响HTML5:标准及其对Web开发的影响Apr 27, 2025 am 12:12 AM

HTML5的核心特性包括语义化标签、多媒体支持、离线存储与本地存储、表单增强。1.语义化标签如、等,提升代码可读性和SEO效果。2.和标签简化多媒体嵌入。3.离线存储和本地存储如ApplicationCache和LocalStorage,支持无网络运行和数据存储。4.表单增强引入新输入类型和验证属性,简化处理和验证。

H5代码示例:实际应用和教程H5代码示例:实际应用和教程Apr 25, 2025 am 12:10 AM

H5提供了多种新特性和功能,极大地增强了前端开发的能力。1.多媒体支持:通过和元素嵌入媒体,无需插件。2.画布(Canvas):使用元素动态渲染2D图形和动画。3.本地存储:通过localStorage和sessionStorage实现数据持久化存储,提升用户体验。

H5和HTML5之间的连接:相似性和差异H5和HTML5之间的连接:相似性和差异Apr 24, 2025 am 12:01 AM

H5和HTML5是不同的概念:HTML5是HTML的一个版本,包含新元素和API;H5是基于HTML5的移动应用开发框架。HTML5通过浏览器解析和渲染代码,H5应用则需要容器运行并通过JavaScript与原生代码交互。

H5代码的基础:密钥元素及其目的H5代码的基础:密钥元素及其目的Apr 23, 2025 am 12:09 AM

HTML5的关键元素包括、、、、、等,用于构建现代网页。1.定义头部内容,2.用于导航链接,3.表示独立文章内容,4.组织页面内容,5.展示侧边栏内容,6.定义页脚,这些元素增强了网页的结构和功能性。

HTML5和H5:了解常见用法HTML5和H5:了解常见用法Apr 22, 2025 am 12:01 AM

HTML5和H5没有区别,H5是HTML5的简称。1.HTML5是HTML的第五个版本,增强了网页的多媒体和交互功能。2.H5常用于指代基于HTML5的移动网页或应用,适用于各种移动设备。

HTML5:现代网络的基础(H5)HTML5:现代网络的基础(H5)Apr 21, 2025 am 12:05 AM

HTML5是超文本标记语言的最新版本,由W3C标准化。HTML5引入了新的语义化标签、多媒体支持和表单增强,提升了网页结构、用户体验和SEO效果。HTML5引入了新的语义化标签,如、、、等,使网页结构更清晰,SEO效果更好。HTML5支持多媒体元素和,无需第三方插件,提升了用户体验和加载速度。HTML5增强了表单功能,引入了新的输入类型如、等,提高了用户体验和表单验证效率。

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

mPDF

mPDF

mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),