• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > web前端菜鸟,好迷茫?

web前端菜鸟,好迷茫?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含jquery,html5,html,psd,api等相关知识,匿名希望在学习及工作中可以帮助到您
先说问题吧:感觉前端涉及到的东西太多了,自己也很浮躁,看了挺多书,可是代码缺敲得却不多。技术菜,又什么都想学,比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架,还是深入学习html5+css3?

然后看了一些招聘要求发现又有一些坑要填,经常处于焦躁状态,感觉心好累,然后心一累,又知乎上看各种打鸡血的东西,这鸡血一打多,头脑就热起来了,就想毕业去北京闯一闯了,但又好担心去了找不到工作,想问下前辈们,要找到3000以上的前端工作的话,我得在哪方面多准备?

———————————————我是分割线1———————————————
这里交代下背景:二本大四地信,感觉本专业就业不适合自己,又之前学过c语言,发现还挺有趣,然后上学期校招时发现程序员工资待遇不错,就萌发了转行的意向,只有简单的c语言基础,不知道从何入手,恰巧宣讲会时听一主管吹牛说,web前端简单,前端简单,简单,东西好弄,学一样少一样。从此便入坑前端了。
———————————————我是分割线2————————————————
再交代下水平:现在自学3个半月了,w3cshcool上刷了两遍html标签和css属性,fireworks切过几张psd图,要兼容ie6,各种坑。js的话,刷了两遍红皮书和一遍犀牛书(部分章节如nodejs跳过,再部分章节如xml,一些html5 api粗略过),了解一点对象,原型。

jquery的话,锋利的jquery没仔细看,感觉api都是实用性的,直接做了下后面的实例,和实现上面切的psd图的效果。感觉会用,但是不查手册,经常忘记属性名,方法的参数等。
———————————————我是分割线3————————————————
网上还找了一些据说看了可以带我装逼带我飞的书:高性能js,编写可维护的js(感觉这个作者碉堡了),蝴蝶书(评价很高,但是可能看的比较靠后,感觉内容基本在前面的书里都有提及),高性能网站建设指南(感觉也很厉害),ppk谈js(没有什么感觉,半天多就翻完了),html5程序设计(粗略过了一遍,还没有细看)

回复内容:

是的,学前端的基本都会遇到你这样的问题,要学的东西很多很多,一下子会迷茫其中,不知道该学什么技术,或者说优先去学什么技术。

题主看招聘进行结果导向地学习我是非常认同的,当初我也是看着网易前端的 JD 一条一条去 pass 掉的。至于你提到的 Angular、Backbone、PHP 以及 SCSS,我认为 PHP 是最迫切去学的,因为作为一个靠谱的前端,不能对后端完全不懂,否则难以在实际的工作中与后端进行协作,或者说就算自己想写一个小项目,没有后端技术的支持也是有点简陋的。

然后是 SCSS 或者类似的 Less 这样的技术,其实并不需要专门去学习,只需要在写 CSS 的时候对照着文档去做,或者将自己写过的项目中的 CSS 用 SCSS/Less 对照着文档去改写一下,实际上就差不多可以掌握了。

至于 Angular 或 Backbone 框架,我觉得这些可以先不用急着学,倒是建议在完成 PHP 入门级的学习以及 SCSS/Less 的尝试后,可以去接触 Node.js。因为 Node.js 无论是其 npm 包管理工具的生态环境,还是 Javacript 异步编程思想,都对你的前端技术有极大的帮助。尤其是越来越多的公司提出前后端分离的思想,更是让 Node.js 的地位不断地提高。

同时,建议你可以学习一下 Gulp ,这是一个自动化的工具,非常多公司都会用,而且比 Grunt 更易入手,代码简洁优雅。这个大概花个十来分钟就可以上手了,非常酷。

至于你提到的关于实习的问题,按照你问题描述中描述的水平,其实已经可以去实习了,可能一开始主要是做页面,但你可以从实际的工程开发中吸取经验,同时利用下班或周末假期的时间,去继续不断学习,不断提高自己的技术水平,从而让自己的待遇越来越高。3000 块钱一个月的工资在北京互联网中是比较低的,基本你随便去一家比较靠谱的公司都不会开这么低的价钱。

附我们的招聘信息:加入我们 - 矩道优达 情况差不多. 我也是二本大四狗.
上年12月份幸运的找了一份前端实习生,在一家创业公司工作.在公司目前只是负责把boss弄的设计图还原成网页.然后整合到wordpress.写写jquery 做做效果.

好吧 说说我找到工作之前的学习吧.
一年前 我也只是个什么都不懂得计算机系的学生.对.各种挂科逃课.导致什么都没学到.然后发现这样下去 我实习也就只能去找服务生这类的工作了.这完全不是我想要的人生啊.!!
然后开始学习各种前端知识.学html 和css 我没有题主那么认真把它全部撸了两 三遍.我觉得更多的是实践.把常用的标签记熟点,不懂就去查W3shool. 也就看完了1遍.Jquery是通过各种效果Demo去学的.
我觉得无论学习什么类型的编程语言.实践是最重要的.
所以我就跑去V2EX那里发帖,求了各种项目去做.说是打杂免费劳工.V2上的人都很热心的.有V友给了一个小项目给我做.也就只是静态页面.给了我一张PSD 让我自己切图,把页面给实现了.
第一次我做完给他,被批了一脸.这个margin不对.img尺寸不对.字体大小不一致等等各种细节上的问题. 在做之前,我一直以为静态页面没什么难度.的确做一个大致的静态页面很简单.但是细节上很多问题就体现出非常多的问题.他说一句话:"这页面就是一个没用的烂码."这是我记得最清楚的.因为别人还要花比你更多的时间去更改完善维护你的代码
我自以为是的成熟技术,其实在别人眼里一文不值.
这之后我觉得自己对前端技术根本不了解.就连最简单html和css都写的那么烂.
之后我就不去学习一些很高深的技术.一步步把自己的基础打好.不过多简单的页面.我都会把代码书写规范.html标签语义化.css类名直接明了等等.
连静态页面都写不好.如何与别人一起开发一些大型项目.

说说题主的情况吧.
编程类的书很多时候都只是需要过一遍. 然后它就会变成一本工具书.不懂就查.
最最重要还是实践.没有实践,无论看多少遍你都记不住的.
建议题主可以先去小公司或创业公司应聘.这类的公司小项目会比较多.很利于像我们这种前端小白去学习,获取经验.
还有一些小小的建议.学好点英语,多看看墙外的前端世界.(不要像我现在要恶补英语T_T).
第一次答那么长啊.多多包含.
加油吧.路还很长.我也需要慢慢走.题主你也一样,别急,很多成功都是积累而成的 计算机行业很多都符合82定律,也就是20%的东西的使用频率占到80%,所以很适合囫囵吞枣,我们的重点就是把这20%学起来,而首先要做的就是把这20%的东西找出来。
在我看来前端这20%的东西大概就是常用的html标签,css的盒子模型,基本的原生js,以及熟练使用jquery,ajax,常见浏览器的兼容。
拿下这些东西意义非凡,一方面证明你适合做前端这份工作,另一方面这些技能能让你找到一份工作。让你能够从容地去学习剩下的80%。
总之就是专心对付最重要的东西,那些什么less、sass、angular这类的东西,当你把我之前说的基础打好之后,学习起来畅通无阻,随学随用。
最后我觉得最难的就是实践,只有实践才能学到真正的技术,新人很难参与一些有价值有意义的项目,没有这些项目又很难成长,所以自己有项目可参与应该珍惜,没项目应该多造一些有价值的轮子。

感谢不点赞的都是耍流氓!!!!
        耍流氓!!!
        耍流氓!!!

一夜之间赞已接近最高票,受宠若惊,决定一不做二不休,把最高赞给夺过来。
评论里 @吴林朋友说写个提纲或者专栏,专栏就搞不起了,那就简单列个提纲,以期抛砖引玉。

1.html的语法、格式,常用的标签极其作用,理解标签的嵌套,学习使用firefox+firebug或者chrom的调试工具,能够使用这些工具调试html、css、js、断点调试、抓包

2.如何引入css、js(有多少种方法,各种方法有什么区别),理解id、class属性的区别,学会css的常用选择器,理解盒子模型(padding,margin,border,width,height,),css坐标系,css布局(position的absolute、relative 、fixed、static),css浮动(float:left、right )和清除浮动(clear),display:inline、block、inline-block、flex

3.js的执行顺序,基本的编程基础(变量、运算、流程控制、数组、调用函数、自定义函数、对象)、json、js的dom操作、js的事件机制(委托、绑定、监听,冒泡和阻止冒泡,兼容性),了解ajax的xmlhttprequest及其创建方法(多浏览器兼容)、跨域,明白其工作原理,评论里有朋友说http协议,确实是我疏忽,在学习ajax这部分免不了需要懂点http协议,比如什么是get和post,这两种如何传递参数,设置cookie等

4、使用jquery解放你的开发工作,学会jq选择器,修改属性、监听事件、修改css,学会写jquery插件。这一步我觉得可以和第3步穿插学习

5、搭建服务器,弄个傻瓜服务器比如wamp,phpstudy等软件,可以一键建立一个apache+php+mysql的服务器,前期可以把你的静态页发布到本地服务器,使用本地服务器配合ajax学习。

6、学点服务器端,建议php+mysql。
服务器端脚本其实很简单,总结起来就是4个东西:SESSION、COOKIE、Request、Response,结合http协议理解如何从Request取得数据,经过处理后Response给客户端。这就是整个过程。
至于mysql也就是基本的sql语句。如何使用php进行CURD操作。这块其实很难总结,基本上以实现业务为主。

7、来点框架,理解MVC模式、推荐个比较流行的MVC框架:ThinkPHP,简洁好用不解释,国人弄的,文档和例子什么的非常丰富。

写了乱七八糟一堆,大家凑合着看,建议从1往7学习。 去学一下seajs grunt FIS等等,我也在学————有些事情我们能做的更极致,为什么不去做呢? 14年我毕业的时候,唯一的技能就是在vs里拖几个控件,配合mssql一张stu的表做一个学生信息的CRUD,大学里的总代码量不超过10

您可能想查找下面的文章:

  • 使用jquery实现HTML5响应式导航菜单教程
  • 如何使用插件数字滚动插件numberAnimate.js?
  • HTML5和jQuery实现弹出创意搜索框层的方法
  • html5和css3以及jquery实现音乐播放器
  • 如何使用jQuery和HTML5实现手机摇一摇的换衣特效
  • JQuery $()用法总结
  • jQuery+koa2怎么实现Ajax请求
  • jQuery怎么实现左右滑动的toggle
  • jQuery中如何实现toggle方法
  • jQuery+JSONP跨域需要怎样实现

相关文章

  • 2018-12-03DOCTYPE与浏览器渲染介绍
  • 2018-12-03HTML5边玩边学(七)-动画初步之飞舞的精灵
  • 2018-12-03如何评价《吴亦凡即将入伍?!》的H5营销?
  • 2018-12-03HTML5 网络拓扑图应用实例讲解
  • 2018-12-03HTML5实践-使用css创建三角形和使用CSS3创建3d四面体的代码详解
  • 2017-08-06HTML5 Canvas的常用线条属性值总结
  • 2017-08-06HTML5 visibilityState属性详细介绍和使用实例
  • 2018-12-03一组免费的响应式 HTML5 & CSS3 网站模板
  • 2018-12-03JS开发桌面端应用程序教程
  • 2018-12-03Web App 开发使用哪种框架比较好?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 总结HTML5中的标签
    • HTML5每日一练之mark标签的应用
    • 如何利用HTML5实现等待加载动画的效果
    • HTML5 Canvas绘制五星红旗
    • 实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
    • 移动开发mui框架入门体验案例
    • 为什么把 Script 标签放在 body 结束标签之后 html 结束标签之前?
    • HTML5里的placeholder属性
    • H5的各种错误用法总结
    • 10款HTML5编码简化工具

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有