余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

我是0基础,我要学前端(零基础怎么学前端)

xiyangw 2022-12-05 09:43 16 浏览 0 评论

“我是0基础,我要学前端” ,这是我身边很多人的声音,我碰到很多毕业的学生,各行各业的人都闷头要学前端,我觉得这些人的嗅觉确实是灵,现在web前端真的是火的要不得了

我是0基础,我要学前端(零基础怎么学前端)


关键是怎么学

前端包含的内容很多,特别是这几年新的技术的涌现,以至于我们要学的东西包含了 html5+css3, jquery ,jquerymobile , js ,bootstrap , vue.js , angular.js , node.js ,framework7 等等

从功能性来讲包含了pc前端开发,移动web开发,响应式开发,前端数据接口调用等等

涉及到的工具也多模多样,比如 photoshop, dreamweaver, sublime, phpstrom , hbuilder 等等等等 ,这么多东西,做为一个初学者 ,应该怎么学?

还不包含一些优秀的jq插件,比如fullpage,scroll ,pallax 数不胜数

先学哪,后学哪,怎么学快 ,那么多软件哪个好用,哪个不好用?

所以,有的人说,前端简单

的确,前端的根本是 html5+css3构建一个页面,加js做出交互,这个也是前端,这个很容易

有的人又说了,前端很难

的确, 前端包含的东西之多,你一一了解几乎成为不可实现的事情

说难也好,说简单也好,都对

给一句话箴言

这是我很早听到的一句话,记不清出自谁口中了, “方向比努力重要,如果你方向错了,那么你走的每一步都是错的!”

做为一个前端初学者

你目前最迫切需要了解的是学习的方向,因为网上资料太多了,谁也阻止不了你学习,但是你的方向一定要是对的!

我单方面的建议

早几年的时候,2009年前后,我说是做前端的,没人瞧得起我,设计师瞧不起我,程序员瞧不起我, 老板也瞧不起,不是技术弱,是大环境下人的观念的问题,那个时候的前端工作一般由设计师 和程序猿来完成, 当时设计师 还是程序员 那都是多项的本事 ,前端仅作为他们的附加能力。

html+css或者table把页面排出来,网上找个js效果套入,那么一个页面就完成了,如果设计师能做,或者程序员能做, 老板也不愿意单独请人来做了,这就是老板的心态。

所以那个时候公司请单独人做前端,那老板意识真是了得了。

现在,前端凭什么拿那么高薪水,而且可遇不可求?

移动互联网+h5 导致了这块需要一个有经验的人来做,而不是三两下搞出来,一下子本来不多的前端成为了市场新贵,加上这几年爆发的新技术 node.js ,bootstrap,angular.js等等 ,这都是前端的范畴,意味着你得会啊,所以前端能拿高薪,那是我们作为前端er应得的。

初学者怎么学?

学html,css,jquery这些简单,花一周学,然后转开始学node.js,bootstrap,angular.js ,还有原生js剖析,要了解js的底层架构原理,以不变应万变,这个看似正确的方向,其实不然!

作为我们公司,找一个前端er新手进来,你可以不用做node.js,bootstrap,angular.js都不用你做,至少你得把 html+css做到100%的好 ,这就是要求

如果你作为一个前端初学者都学了,都不牢固,很抱歉,进入一家公司你什么都做不了。

我的观念不是第一次提到

有几个人跟我争论,不是干仗,类似辩方甲,辩方乙的角色,真的面红耳赤,各执一词都有理,但我就想说了,我们给腾讯qq钱包做过一次移动web页面的微场景,就很简单的页面,html5+css 不算复杂,我相信大部分人包括有一点基础的初学者都能做出来

但是, 你能做,你能拿出手吗?如果对方客户是腾讯这样的超级ip。

再大的公司,也有构建一个html5+css3这种简单网页的基本需求 ,如果你只是能做出来那还远远不够 ,能做 和能做好 两者之间差了不止一点点

如果你能够构建一个页面,足够的标准,那就够了,你也很值钱。

新人的正确学习方式

如果你是0基础,我建议你花2天时间熟背 html标签和css属性,恶补一下,我常年做web前端项目,比如你可以跟我了解一下一个真实的前端开发过程,先从简单的页面开始尝试做

然后反复做,细到文件夹怎么命名,图片碎片怎么命名,css怎么命名,html标签怎么命名, 规范,css规范,html5规范,代码书写规范,然后熟知浏览器兼容性差异 ,在回过头来看自己的代码, 标准吗? 从兼容性角度来看,怎么写的兼容好,怎么用到css3效果,又能保证最大的兼容性?

我们做前端往往会在最新技术和兼容性之间做选择,如何取舍也是有讲究的。

代码是否方便循环,html标签多写了不行,少些了不行,css有的属性可不可以不写?有的不能不写 ,都是很基础很基础的吧

简单其实不简单,需要你背后有扎实的根基,牢靠的知识面经验,才能做出一个符合w3c标准的,代码不沉於不累赘,全优的一个页面。

这个过程至少需要2~3年 ,然后在考虑下一步学习一些js ,angular.js等等等,比如jq改变了js的写法,链式的写法让代码更直观,也更简单,所以我们需要了解jq ,bootstrap向我们展示了一个响应式的页面的一种方式,包括老外的命名方式,js等都值得我们去学习, angular.js 让单页面无刷新得以实现, 这也是大大提升用户体验的,我们也需要了解

但是,目前来说,如果是你前端初学者,你更需要是让自己html+css+js技术更加牢靠

方法思路比较技术重要

你需要了解一个过来人做前端的一个方法,思路,碰到问题的解决能力很重要,当然了,有了牢靠的知识以后,你需要拥有一定的自学能力,应对将来更多的新技术。

------

我是aming,创办切图公司qietu.com,8年web前端从业经历,08~2016 ,我带着公司团队一起做的2000+真实的前端开发项目,亲自授课带人 qq群 308736107 / qq 6133576

详情了解 www.qierukou.com

写在最后

有的人是以吐槽刷存在感,似乎你说什么,总有人会吐槽,你做的再好也会有人吐槽,我给的建议,仅代表我的看法,不过都是经验之谈,作为初学者,你需要有判断能力,认为我说的对也罢,错也罢 ,只要是你做前端,我都表示支持。

另外

还有少数人认为切图低级,前端高级,我想说在有前端这个说法之前,我们是管叫切图,切版,重构等的,作为一个前端er老兵都会知道, 但凡说这话的人暴露了自己前端er的年龄,切图和前端,就好比于是 蹴鞠 和足球。

相关推荐

前后端分离 Vue + NodeJS(Koa) + MongoDB实践

作者:前端藏经阁转发链接:https://www.yuque.com/xwifrr/gr8qaw/vr51p4写在前面闲来无事,试了一下Koa,第一次搞感觉还不错,这个项目比较基础但还是比较完整了,...

MongoDB 集群如何工作?

一、什么是“MongoDB”?“MongoDB”是一个开源文档数据库,也是领先的“NoSQL”数据库,分别用“C++”“编程语言”编写,使用带有“Schema”的各种类似JSON的文档,是也分别被认为...

三部搭建mongo,和mongo UI界面

三步搭建mongo,和mongoUI界面安装首先你需要先有一个docker的环境检查你的到docker版本docker--versionDockerversion18.03.1-ce,b...

Mongodb 高可用落地方案

此落地方案,用于实现高可用。复制集这里部署相关的复制集,用于实现MongoDB的高可用。介绍MongoDB复制集用于提供相关的数据副本,当发生硬件或者服务中断的时候,将会从副本中恢复数据,并进行自动...

一次线上事故,我顿悟了MongoDB的精髓

大家好,我是哪吒,最近项目在使用MongoDB作为图片和文档的存储数据库,为啥不直接存MySQL里,还要搭个MongoDB集群,麻不麻烦?让我们一起,一探究竟,继续学习MongoDB分片的理论与实践,...

IDEA中安装MongoDB插件-再也无要nosql manager for mongodb

大家都知道MongoDB数据库作为典型的非关系型数据库被广泛使用,但基于MongoDB的可视化管理工具-nosqlmanagerformongodb也被用的较多,但此软件收费,所以国内的破解一般...

数据库监控软件Lepus安装部署详解

Lepus安装部署一、软件介绍Lepus是一套开源的数据库监控平台,目前已经支持MySQL、Oracle、SQLServer、MongoDB、Redis等数据库的基本监控和告警(MySQL已经支持复...

YAPI:从0搭建API文档管理工具

背景最近在找一款API文档管理工具,之前有用过Swagger、APIManager、Confluence,现在用的还是Confluence。我个人一直不喜欢用Swagger,感觉“代码即文档”,让代...

Mac安装使用MongoDB

下载MongoDB包:https://www.mongodb.com/download-center解压mongodb包手动解压到/usr/local/mongodb文件夹配置Mac环境变量打开环境...

保证数据安全,不可不知道的MongoDB备份与恢复

大家在项目中如果使用MongoDB作为NOsql数据库进行存储,那一定涉及到数据的备份与恢复,下面给大家介绍下:MongoDB数据备份方法在MongoDB中我们使用mongodump命令来备...

MongoDB数据备份、还原脚本和定时任务脚本

备注:mongodump和mongorestore命令需要在MongoDB的安装目录bin下备份脚本备份格式/usr/local/mongodb/bin/mongodump -h ...

等保2.0测评:mongoDB数据库

一、MongoDB介绍MongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之间的产...

MongoDB入门实操《一》

什么是MongoDBMongoDB是一个基于分布式文件存储的数据库。由C++语言编写。旨在为WEB应用提供可扩展的高性能数据存储解决方案。MongoDB是一个介于关系数据库和非关系数据库之...

Python安装PyMongo的方法详细介绍

欢迎点击右上角关注小编,除了分享技术文章之外还有很多福利,私信学习资料可以领取包括不限于Python实战演练、PDF电子文档、面试集锦、学习资料等。前言本文主要给大家介绍的是关于安装PyMongo的...

第四篇:linux系统中mongodb的配置

建议使用普通用户进行以下操作。1、切换到普通用户odysee。2、准备mongodb安装包,自行去官网下载。3、解压安装包并重命名为mongodb4.04、配置mongodbcdmongod...

取消回复欢迎 发表评论: