찾다
웹 프론트엔드H5 튜토리얼web前端学到什么程度就可以找工作了?学到什么程度又可以加工资了?

补充:什么是初级中级高级资深前端工程师?

回复内容:

简单说,只要有一定的动手能力,能完成一定的css,js编码任务就可以去找了,只要公司要你,就是成功的第一步,具体的来说:


1. web前端开发分享-css,js入门篇

2. web前端开发分享-css,js进阶篇

3. web前端开发分享-css,js提高篇

4. web前端开发分享-css,js工具篇

5. web前端开发分享-css,js深化篇

6. web前端开发分享-css,js移动篇


或者这张图:

web前端学到什么程度就可以找工作了?学到什么程度又可以加工资了?
这个图可以搜索:web前端技能考核.xls 
web前端技能考核.xls_免费高速下载
也可以这儿下载后欣赏。

不知道如何学,可能加群:327388215,禁止闲聊,非喜勿进。

嗨,我又来分享自己之前的工作经历了。
我应该算是半路出家吧,从大二留级之后,我就开始自学Web,然后大三就找工作了,所以我这里就着重分享毕业前的经历吧。

大二留级那年,我首先是学Flash,然后Dreamware,6还是7忘记了,到现在我也会收到一些妹子在QQ上的好友请求,就是当年我学DW时在百度知道还有搜搜问答上留的答案。(自己真的老了)

然后我接着就学了jQuery,这个时候我已然到了大二的假期,开学就大三,于是我在当地找了一个网站外包的公司,当时我点亮的技能点有:Flash/html/css/jQuery(不含js)。然后我是通过58同城找到的工作,我记得当时我ps切图都不会,说出来不怕大家笑话,当时我拿到设计师给的设计稿.ps,我当时是把每个图层都切成png,然后自己再用html+css再按照设计图组装起来,而且居中、浏览器兼容性等等都不会,对了,另外会一点ASP,注意这里没有.NET,就是ASP。

等假期结束,这段工作结束,此时我已经是一名不仅仅会jQuery,而且还掌握了JavaScript以及AJAX等“高端”技术的留级生,服务器的技术栈也从ASP升级到ASP.NET。(傲娇状)

再然后,由于我越发对前端感兴趣,我就逃课去了另外一家算是当地真正做互联网产品的公司,做的就是真正的前端开发,在这里我把之前的技术一一夯实,也看了HTTP协议以及相关的书,彻底地明白了很多技术的原理,然后工作需要,做了一个SPA(Single-Page Application),记得当时requirejs和seajs同时出现,我一开始用的requirejs,但后来切到seajs,也是那段时间开始知道玉伯、朴灵等人。

再后来,我就开始接触Node.js了,后面的事就跟前端没关系啦。

============================
然后现在开始回答问题,首先是:
web前端学到什么程度就可以找工作了?
这个要看当时的大环境,但是如果你是在小城市,这个我觉得并没有太大的变化,小城市技术要求普遍偏低,会做网页就行,如果你基础不好,就从外包公司开始,把每个公司当作跳板,切记一定要保持自己的学习更新速度。这样的工作,58同城上有大把大把的。
学到什么程度又可以加工资了?
不瞒你说,在我去北京的时候,工资也不过5.5k,你说这个多吗?其实当时我听到有5.5k,甭提多开心,所以我劝题主在猎头主动找到你之前,别嫌公司给你的钱少,因为这之前,你都是在积累自己的实力。我自己衡量自己实习与工资不对等的一个比较好的时间点就是有猎头或者公司的CTO、技术Leader主动联系你,这个时候,你可以本着“世界这么大、我要去看看”的心态,可以跳槽试试,但我告诉你,也别对这次跳操抱有太大希望,因为这是你的“第一次”,难免会有些害羞,不适应,所以结果未必好。

嗯,当然,这样的路径个人认为只适合不是科班的童鞋,科班自当略过,直接考到斯坦福,拿各种500强Offer光宗耀祖啦~ 实习生: 页面仔。 个人可以完成静态页面。市场老大专用小弟,单线联系。懂html css,js入门。

初级: 个人完成动态页面。spa(单页网站)某一功能。懂基础js。能接入后台api。

中级: 有组队打boss经验。(完成过网站)会设置一定量的seo。 能带实习生。 网站整体有问题,比如瘫痪了可以指出问题,并且临时修复等。

高级/资深: 有组队打40人副本经验(大型网站)。带团队,选组员,搞架构,做决策。大事小事都找他的。 小白:copy paste and copy paste。

入门:HTML + CSS + jQuery = 前端,还有Bootstrap…。

初级:知道点MVC,能写写原生JavaScript,知道HTML不仅仅只有5,CSS不仅仅只有3,能百度解决问题。

中级:基础HTTP\S,nodejs,构建工具(gulp,webpack),能寻找合适的框架\库,知道有react,Angular这些东西,知道前后端是怎么回事,当然Google比baidu好。

高级:就喜欢折腾,没事有事就搞自己的框架,对自己的代码负责并写测试用例,看官方文档,善用Google和StackOverflow,不厌看英文文档,能不看代码就能大致定位问题,能做优化。

资深:rfc走起,算法,数据库,Linux,多种语言,高度抽象…,太多了!

各种边界并不是绝对的划分,如小白也许也喜欢Google。

前端这条路,在以前是坑坑洼洼的,在现在却是“动动荡荡”的,去年的技术在现今也许就落后了。所以保持学习,拥抱变化是优秀前端必不可少的! 技术只分优劣,业务才谈价值 技术只是一方面,更重要的是思维和态度。
不管做什么事情都不要同行相轻,而是相互理解,以做产品的心态去做事情,比如前端经常提到的可用性、可访问性和可维护性。

生活需要平衡,不能纯为了高薪而工作。别人一天只花2个小时工作,你一天几乎花9到10小时工作。你的工资再高,可你错过了很多比工作更重要的事情,比如自己的健康、家人的陪护、和女朋友相处的时间……

学习需要独立思考,有自己的想法。选择什么书籍入门就是一次独立思考的过程,不要盲目相信别人的推荐,也不要盲目相信别人对前端的分级。内心的愉悦,自我的升华才是学习的乐趣和目的。比如我看前端书籍只看ppk,因为书的语言和作者对产品的思维让我受益匪浅,作者的阅历和职业路线也是值得自己借鉴的。

学会脱离工程师思维,不要把自己的思维局限在一个职业范围里。你虽然是做前端的,但你要相信你可以跳出前端。比如你也有自己的兴趣爱好,你也有各种不为人知的产品idea。在你的个人生涯里不断扩大自己的范围,也许在那时技术对你来说似乎可有可无。 门外汉:前端不就是做网页么,是个人都能干。
初级:哇塞,前端还可以这么玩,手机也能兼容啊。
中级:会用各类库, 会写一些闭包以及回调。
高级:MVVM, Gulp/Grunt, 后端就写写API就好了啦。jQuery? 抬走抬走。
大神:今晚没什么睡意呀,造个轮子吧! 找实习的时候去面广告公司的前端...被拒了,因为不熟jQuery,一“怒”买了本书,苦看良久。
然后...然后...去另外家公司写了一年Lua.....
--------------------------------------------------------分割线--------------------------------------------------------------------------
我觉得每个人对初级、中级、高级的定义都是不一样的,正如一千个人眼里有一千个哈姆雷特。

不能简单的说实习生==页面仔,因为我一直认为能写出富有良好语义并且有丰富表现力HTML+CSS其实不比写JS简单。上次看了CSS魔法哥的slide,更是觉得自己这方面太有欠缺。

相对来说,前端领域的知识其实是包罗万象的,所以你很难垂直的去定义一个人水平高低,比如有这样两个前端,一个更熟W3C文档模型,写得一手好CSS,有大量UED经验;一个更熟ES规范,通读HTTP协议。你能简单判别哪个前端更高级么?

我觉得前端这些领域就好像CSS的规范,各自有各自的进化级别。
初级:知其然
中级:知其所以然,有技术选型的能力。
高级:以前在知乎上看到过一句话我觉得形容的挺好—— 有造轮子的能力,亦有不造轮子的觉悟。

架构:不敢妄评。 个人理解

初级:会切页面,会点JavaScript做点特效

中级:熟练用一些JS框架

高级:自己能写

当然,以上说的很笼统 补充一下,我认为能使用jquery,异步,回调应该属于初级技能,至少我的实习同事,老师也是这样认为的。初级还应该会一些css,明白一些插件的原理,并能读懂源码。

中级是能独立做东西,包括完整的网页和功能,其中的逻辑以及传数据。这一阶段很考基本功,有些功能说和做完全不同,而且具体逻辑以及一些js细节上的运用实现起来要对js有一定程度的理解。犀牛书肯定要好好研读过了。

高级前端首先来讲视野要开阔,熟悉新技术。熟练地处理包括优化,架构等方面的问题。再往上就是架构师,cio这个级别的人了,前后端,数据库都能玩转的工程师,等等等等。。。
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
H5 : 웹에서 사용자 경험을 향상시키는 방법H5 : 웹에서 사용자 경험을 향상시키는 방법Apr 19, 2025 am 12:08 AM

H5는 멀티미디어 지원, 오프라인 스토리지 및 성능 최적화로 웹 사용자 경험을 향상시킵니다. 1) 멀티미디어 지원 : H5 및 요소는 개발을 단순화하고 사용자 경험을 향상시킵니다. 2) 오프라인 스토리지 : WebStorage 및 IndexedDB는 오프라인으로 사용하여 경험을 향상시킵니다. 3) 성능 최적화 : 웹 워즈 및 요소는 성능을 최적화하여 대역폭 소비를 줄입니다.

H5 코드 해체 : 태그, 요소 및 속성H5 코드 해체 : 태그, 요소 및 속성Apr 18, 2025 am 12:06 AM

HTML5 코드는 태그, 요소 및 속성으로 구성됩니다. 1. 태그는 컨텐츠 유형을 정의하고 다음과 같은 각도 브래킷으로 둘러싸여 있습니다. 2. 요소는 컨텐츠와 같은 시작 태그, 내용 및 엔드 태그로 구성됩니다. 3. 속성 시작 태그에서 키 값 쌍을 정의하고 기능을 향상시킵니다. 웹 구조를 구축하기위한 기본 단위입니다.

H5 코드 이해 : HTML5의 기본 사항H5 코드 이해 : HTML5의 기본 사항Apr 17, 2025 am 12:08 AM

HTML5는 현대적인 웹 페이지를 구축하는 핵심 기술로 많은 새로운 요소와 기능을 제공합니다. 1. HTML5는 웹 페이지 구조 및 SEO를 향상시키는 의미 론적 요소를 소개합니다. 2. 멀티미디어 요소를 지원하고 플러그인없이 미디어를 포함시킵니다. 3. 양식은 새로운 입력 유형 및 검증 속성을 향상시켜 검증 프로세스를 단순화합니다. 4. 웹 페이지 성능 및 사용자 경험을 향상시키기 위해 오프라인 및 로컬 스토리지 기능을 제공합니다.

H5 코드 : 웹 개발자를위한 모범 사례H5 코드 : 웹 개발자를위한 모범 사례Apr 16, 2025 am 12:14 AM

H5 코드에 대한 모범 사례는 다음과 같습니다. 1. 올바른 문서 선언 및 문자 인코딩 사용; 2. 시맨틱 태그를 사용하십시오. 3. HTTP 요청을 줄입니다. 4. 비동기 부하 사용; 5. 이미지 최적화. 이러한 관행은 웹 페이지의 효율성, 유지 관리 및 사용자 경험을 향상시킬 수 있습니다.

H5 : 웹 표준 및 기술의 발전H5 : 웹 표준 및 기술의 발전Apr 15, 2025 am 12:12 AM

웹 표준과 기술은 현재까지 HTML4, CSS2 및 간단한 JavaScript에서 발전했으며 중대한 개발을 거쳤습니다. 1) HTML5는 캔버스 및 웹 스토리지와 같은 API를 도입하여 웹 응용 프로그램의 복잡성과 상호 작용을 향상시킵니다. 2) CSS3은 애니메이션 및 전환 기능을 추가하여 페이지를보다 효과적으로 만듭니다. 3) JavaScript는 화살표 기능 및 클래스와 같은 Node.js 및 ES6의 최신 구문을 통해 개발 효율 및 코드 가독성을 향상시킵니다. 이러한 변경으로 인해 웹 애플리케이션의 성능 최적화 및 모범 사례의 개발이 촉진되었습니다.

H5는 HTML5의 속기입니까? 세부 사항을 탐색합니다H5는 HTML5의 속기입니까? 세부 사항을 탐색합니다Apr 14, 2025 am 12:05 AM

H5는 HTML5의 약어 일뿐 만 아니라 더 넓은 현대 웹 개발 기술 생태계를 나타냅니다. 1. H5는 HTML5, CSS3, JavaScript 및 관련 API 및 기술을 포함합니다. 2. 그것은 더 풍부하고 대화식이며 부드러운 사용자 경험을 제공하며 여러 장치에서 원활하게 실행할 수 있습니다. 3. H5 기술 스택을 사용하여 반응 형 웹 페이지와 복잡한 대화식 기능을 만들 수 있습니다.

H5 및 HTML5 : 웹 개발에 일반적으로 사용되는 용어H5 및 HTML5 : 웹 개발에 일반적으로 사용되는 용어Apr 13, 2025 am 12:01 AM

H5 및 HTML5는 동일한 것을, 즉 html5를 나타냅니다. HTML5는 HTML의 다섯 번째 버전으로 시맨틱 태그, 멀티미디어 지원, 캔버스 및 그래픽, 오프라인 스토리지 및 로컬 스토리지와 같은 새로운 기능을 제공하여 웹 페이지의 표현성 및 상호 작용성을 향상시킵니다.

H5는 무엇을 언급합니까? 맥락 탐색H5는 무엇을 언급합니까? 맥락 탐색Apr 12, 2025 am 12:03 AM

h5referstohtml5, apivotaltechnologyinwebdevelopment.1) html5introducesnewelements 및 dynamicwebapplications.2) itsupp ortsmultimediawithoutplugins, enovannangeserexperienceacrossdevices.3) SemanticLementsImproveContentsTructUreAndSeo.4) H5'Srespo

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

에디트플러스 중국어 크랙 버전

에디트플러스 중국어 크랙 버전

작은 크기, 구문 강조, 코드 프롬프트 기능을 지원하지 않음

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.