【自学前端】我只学这些够吗?好难

news2025/1/20 20:12:40

        表弟也终于到了马上要大学毕业的时间,然后听说我在做前端开发工作,就想着能不能和我一起搞一搞。

        我说这又不是小时候一起去地里抓兔子,说走就一起走,拿上工具一起走了,这得学啊。看着表弟期待的眼神,他问了我几个问题。

        ☆ 1 自己到底适合学习前端开发吗?

        ☆ 2 学哪些东西能够快点找到工作?

299eda93b1c742f9bfc1e40005960666.png

目录

一、自己适合学前端开发吗? 

二、自学计划

1、HTML

2、CSS

3、javascript

4、jquery

5、es6 + vue / react

6、KOA

7、刷面试题

8、管住自己3个月


一、自己适合学前端开发吗? 

如果说你挺想学习的,但是有人阻拦你说你不适合学,那这个人一定是在放屁。我跟表弟说,除非你是聋哑傻呆人,可能工作几年后遇到瓶颈想要精进很难,但是如果想入门,还是没有问题的。

而且并非你学了前端就要做前端开发,以后你从事很多职业,有一些软件知识在身都是很有用处的。

而且学习编程语言可以锻炼自己的逻辑思维,哪怕以后做了销售或者做了其他的职业,有了软件基础,再加强了思维逻辑的判断,就算自己再差,总部至于自己完全不懂,出现被别人蒙了的情况吧。

而说道自己是否适合学习,我想再没有比前端更适合刚毕业的学生入门的开发语言了。其他开发语言在学习前还得理解很多知识点。而前端开发,前几课肯定是HTML标签,这么几个标签你就说还记不下来,不会往编辑器里写嘛。

唯一不同的是,可能有些人学的太快了,还没理解每个标签什么意思,就已经学到javascript去了。

可能是有技多不压身的想法,也可能是觉得时间紧迫,宝贵的不行,必须得在几个月时间内把前端的知识点都学完,不学完面试一问自己不会就不行。大可不必,大学毕业嘛,搞得这么狼狈,你说什么都会,那反而引起人家的关注,来吧,我问问你真知道还是假知道。

二、自学计划

1、HTML

仍然是HTML打头,这是基础中的基础。要理解每个常用标签的意思,去互联网上看看每个标签都用在了什么地方,并且在不适用CSS javascript的前提下,通过HTML标签语义化来完成一些网页的架构

2、CSS

这个整体自学步骤已经很多年了,步骤走向是不变的,但仍然要甚至每个css属性的含义,练熟,还要去网上看大家都是怎么用这个属性的。

然后就是结合HTML重复练习,练到什么程度呢?用简单的开发工具,比如sublime,不要带提示的,就是把单词自己一点一点的敲出来。不断的练习,只要HTML + CSS仍然不熟练就不往下学。

不要太担心着往下学,这2项绝对是前端核心的核心,很多人忽略了这一点,觉得这2项知识点最简单,匆匆学完就往下走了。而且市面上也有一种职业是“切图”,就是静态网页的生成,说白了就是HTML + CSS,这虽然是体力活,但如果工作接得上的话,收入也很不错的,还能做兼职。

3、javascript

到了这一项,前2项一定是特别熟练了,就像初中练五笔打字,到了打字的时候一定保证自己的词根已经非常熟练了。

那么这个时候再从基本变量的定义,语法,概念去入手,最初很多东西都是需要记忆的,然后是强化练习记忆,再然后是一些常用算法的练习,比如冒泡,二分法,100以内查找一些数字,再比如99乘法表,刚开始可以不必追求的特别完美,写出来写熟练了就可以。

然后是通过一些函数的执行去完成一些事情。这个时候你也没有必要太深的理解构造函数,闭包,什么觉得很拗口的概念,刚开始一切以实现自己的想法为准。你一定会有很多疑问点,那么你需要带着这些疑问点继续往下学习,边学边回头看一看疑问是否已经解除。如果到最后都没有解除,那可能真的是一个难题,或者当初自己就是钻了牛角尖,其实这本身并没有问题。

学习javascript,最日常的就是操作HTML,所以需要练习着创建一些元素,通过创建的元素实现一些基本的鼠标点击或者上移事件。

注意:一直到javascript这一步学完,一定是已经做过几个复杂一些的页面了,通过HTML + CSS,然后通过 js 达到一定的效果,可能是动画效果,可能是一些计算逻辑效果。

如果不熟练,一定要练熟了再继续往下学习。因为怕后面越积赞问题点越多,这就真的从入门到放弃了。

4、jquery

很多人都在提问,jquery还有没有必要学习。

jquery这个js库占领了市场那么多年,肯定是有其优点的,你说这么有优点的一个库,层占领了市场那么久,你在刚学完js的时候,就不想体验体验吗?或许体验过后这会让你觉得爱不释手。

但现在面试也不考jquery了,日产工作也很少用到jquery了,就把前面用javascript做的页面,再用jquery实现一遍就行了,从中体验一下用jquery是怎么实现的。

为什么还要从jquery这里走这么一遭呢?为何不直接开始学vue或者react呢?因为我们前端开发工作始终还是围绕DOM(或者说那些HTML标签)展开的,不管后续使用到什么前端框架,都脱离不开DOM的操作,虽然框架封装的越来越深了,让你越来越感受不到js原来的样子了。但使用jquery的过程,真正可以让你锻炼实现一个业务的时候那种逻辑性,可以说是javascript的一个升级版。这里主要是为了锻炼实现需求的逻辑能力。真正到了现在的vue或者react,很多时候可能就不是那么有逻辑性了。

jquery已经没有必要理解的太深了,用熟练了就可以了。

5、es6 + vue / react

为什么是或呢?vue和react不都要学吗?不是说好了技多不压身吗?

我敢保证,如果你大学毕业想学好前端,快速找到工作,刚开始给你灌输太多知识是个错误的选择。为什么很多人找工作,一问概念特别熟,这个词特别熟,问深一点就不会呢,就是觉得别人会了,这个知识点前端有了,我也得有,哪怕知道一下这个词也行啊。

相信我,把vue 或者 react 其中一项学好,把前几步实现的页面,再用vue实现一遍,首先是要用熟,体验vue的每个细节概念,钩子函数。当你用熟了以后,想了解原理就了解一下,想深入的看看就看一下,网上这么多说原理的专家。

当其中一个vue 或者 react熟透了,这个时候你还想为了适应找工作而学另外一个,那么我觉得是对的。

不过对于刚毕业的,如果哪个面试官还问的特别深的话,那可能是他那天心情不太好吧。

6、KOA

0704b2005d0b42f5b1d10be137be031d.png

一看见这个词我就想起我们家那台康佳彩电了,由于疫情已经好久没回过家了。

对于刚毕业的你来说,不需要深入学习KOA,你所需要掌握的就是如果本地启动一个koa程序,给自己提供接口和数据,因为在学习jquery和vue的时候一定会涉及到发送HTTP请求,一定会异步获取数据。

这个时候又没有后端帮你写接口,所以KOA只需要掌握这一点就可以,给自己提供数据。

相信提供完数据,可以写接口的时候你一定很兴奋,即便我说掌握这么多就好,你也一定会更近一步的去接触他的。

7、刷面试题

这年头,做的日常工作跟面试题几乎不挂钩,面试官也不是咋想的,没有办法,社会风气就是这样,所以多刷一些面试题,再跟你自己已有的经验融合一下;

对于刚毕业的是你,前面那些基础的一定要非常熟练,可以保证你入职以后能够靠自己完成开发需求。

8、管住自己3个月

不管平时多么的爱玩游戏,管住自己3个月,猛烈自学3个月。你可以的,表弟

  为了更有助于初学者学习,使初学者可以不必再花多余的钱去学前端开发,我自己开始录视频了,录得不好,但应该自学找工作没问题

        【自学前端】HTML篇已完结(附14节视频)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/408717.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【CTF】buuctf web 详解(持续更新)

buuctf web[HCTF 2018]WarmUp[极客大挑战 2019]EasySQL[极客大挑战 2019]Havefun[强网杯 2019]随便注[ACTF2020 新生赛]Include[SUCTF 2019]EasySQL[极客大挑战 2019]Secret File[ACTF2020 新生赛]Exec[极客大挑战 2019]LoveSQL[GXYCTF2019]Ping Ping Ping[极客大挑战 2019]Kni…

从零开始的「校园商铺」毕设全栈开发—开题报告

☕前言: 不知不觉已经在大学中度过了四年时光,春暖花开、桃红柳绿,又到了一年毕设季,恰逢〖新星计划2023〗活动正好有毕设相关的创作方向,号称两小时带我搞定毕设,像我这样喜欢白嫖(&#x1f61…

【小程序从0到1】宿主环境|WXML|WXSS|JS逻辑交互

欢迎来到我的博客 📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥React/小程序React/小程序React/小程序&am…

cropperjs的简单使用

前言 最近发现了cropperjs,可以用于裁剪图片,特点来踩一下坑。 官方文档 参考文章: cropper.js 裁剪图片并上传(文档翻译demo) 1小时搞定cropper.js制作头像/图片上传、裁剪、并发送至后端 可以仿gitee的头像上传…

JavaScript WebAPI

✏️作者:银河罐头 📋系列专栏:JavaEE 🌲“种一棵树最好的时间是十年前,其次是现在” 目录DOM 基本概念选中页面元素事件初识事件三要素操作元素获取/修改元素内容获取/修改元素属性获取/修改表单元素属性valuetype获取…

JS小知识,如何将 CSV 转换为 JSON 字符串

大家好,今天和大家聊一聊,在前端开发中,我们如何将 CSV 格式的内容转换成 JSON 字符串,这个需求在我们处理数据的业务需求中十分常见,你是如何处理的呢,如果你有更好的方法欢迎在评论区补充。一、使用 csvt…

手写防抖和节流函数

一、认识防抖debounce函数 我们用一副图来理解一下它的过程: 当事件触发时,相应的函数并不会立即触发,而是会等待一定的时间;当事件密集触发时,函数的触发会被频繁的推迟;只有等待了一段时间也没有事件触…

【前端进阶】-TypeScript高级类型 | 交叉类型、索引签名类型、映射类型

前言 博主主页👉🏻蜡笔雏田学代码 专栏链接👉🏻【TypeScript专栏】 上篇文章讲解了TypeScript部分高级类型 详细内容请阅读如下:🔽 【前端进阶】-TypeScript高级类型 | 类的初始化、构造函数、继承、成员可…

nvm安装node,配置npm 、cnpm

nvm 是什么? nodejs的版本管理工具,为了解决node.js各种版本存在不兼容现象可以通过它安装和切换不同版本的node.js 重要:完全卸载本地node, 下载链接 卸载完成之后,点击nvm-setup.exe安装版,直接运行n…

不是吧,阿sir,还有人不会制作影院订票系统前端页面吗?(拿来就用)

影院订票系统前端页面🎉案例分析🎉详细设计✨座位数据与样式定义✨座位的事件处理及相关的代码✨监听与数据格式化✨电影信息展示🎉动态操作演示图🎉源码(附图片素材)引言:大家好,欢…

npm和cnpm下载安装及VUE的创建

npm和cnpm下载安装及VUE的创建 1. node.js下载 node.js官网: http://nodejs.cn/download/ 下载安装后cmd输入以下命令查看版本 2. 配置npm 打开node.js的安装目录,我这里是D:\nodejs,在此目录下创建两个文件夹”node_global“和”node_ca…

【申请加入New Bing遇到的问题:当前无法使用此页面,cn.bing.com 重定向次数过多】

目录一.前言二.问题描述三.解决方案解决方案1:解决方案2:四.总结一.前言 前面的文章我们详细的讲解了如何加入New Bing,之前我们直接加入还可以直接访问,但是现在访问过多就会出现当前无法使用此页面,cn.bing.com 重定向次数过多的问题&…

eslint常见报错及解决

eslint常见报错问题1:Component name "index" should always be multi-word问题2:Newline required at end of file but not found问题3:Strings must use singlequote问题4:Expected indentation of 2 spaces but foun…

json-server|0编码实现REST API

欢迎来到我的博客 📔博主是一名大学在读本科生,主要学习方向是前端。 🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏 🛠目前正在学习的是🔥React框架React框架React框架&#x1f525…

uniapp中的renderjs使用

需求是用openlayers在uniapp框架下做一个移动gis类的软件,选择用renderjs实现地图与dom的交互,一开始也是小白,通过百度资料以及一步步测试后掌握了renderjs的使用,以及地图功能的实现。 一、renderjs的作用是什么? r…

初始vue3

如今新vue项目首选用vue3 typescript vite pinia……模式。在使用Vue2时,使用的是选项式api进行vue项目的开发,vue3在这里做了重大的更新,vue3使用组合式api进行对项目实例化和构建。另外需要注意vue项目需要nodeJS环境的支持,…

LaTex(1):使用在线表格生成器工具生成LaTex表格

目录 0 在线工具 1 常用命令: 1.0 编辑表格 1.1 Table—set size可以改变表格大小: 1.2 合并表格和拆分表格: 1.3 生成latex代码与复制代码: 2 示例 0 在线工具 表格生成器网页:Create LaTeX tables online –…

BootStrap基本使用

目录 BootStrap框架 BootStrap特点 bootstrap的使用 布局容器 固定宽度 完整宽度 栅格网格系统 前言 列的形式 列组合和列偏移 列排序 列嵌套 排版 标题 段落 强调 对齐效果 列表 去点列表 内联列表 定义列表 代码 表格 表单标签 文本框和文本域 单…

【web服务】nginx为什么这么受企业欢迎?看完这边文章你就懂了

📋 个人简介 💖 作者简介:大家好,我是小鹏linux,运维领域创作者,阿里云ACE认证高级工程师😜 📝 个人主页:小鹏linux🔥 🎉 支持我:点赞…

【ES6丨前端进阶基础 】ES6的关键字,新特性以及解构赋值

💂 个人主页:Aic山鱼 个人社区:山鱼社区 💬 如果文章对你有所帮助请点个👍吧!欢迎关注、点赞、收藏(一键三连)和订阅专目录 前言 什么是ecmascrpit 一,let关键字的特点 1.不能重复声明变量 2.块级作用…