前端路线指导(2):前端基础版学习路线

前端基础路线的细节:

哈喽大家好!我是小粉,双一流本科

自学前端一年,收获腾讯,字节等9家互联网大厂offer,秋招面试通过率100%,其中半数offer为ssp(薪资最高档)

以下是我根据自己的学习路线,以及踩过的坑整理出来的学习路线,希望能够对你有所帮助!

图片

该基础版本学习路线适用于前端基础相对比较薄弱,技术栈还不够全面的同学,足够应对中小厂的面试~

一、HTML、CSS(耗时2周):

     该技术主要用户实现静态的网页

     推荐0基础,对自己的学习能力不够自信的同学看B站黑马程序员pink老师的教程

     如果对自己的学习能力足够自信的话推荐菜鸟教程或者W3School的文档版教程(用时更少)

     此部分只需学到:看到某个静态网页,知道大概可以用什么技术实现,然后查阅文档资料,再去实现即可,不需要死记硬背。

二、JavaScript(耗时2周):

     该技术主要是为了实现与用户的交互,让静态的网页动起来~

     强烈推荐阮一峰老师的JavaScript教

(公众号回复:前端学习资料,即可领取)

    如果比较倾向于视频学习的同学可以观看coderwhy老师的JavaScript教程或者pink老师的JavaScript教程。

三、HTML、CSS、JavaScript练习

https://github.com/didiaohu/50projects50days

    这是一个github上较为出名的50天50个html、css、js练习小项目,建议选择2-3个小项目练习即可,无需过多

四、React(和Vue二选一,耗时2-3周)

     如果学习能力比较强的同学推荐直接看React官方文档,跟着学习,更新之后的文档还是很不错的!

     大多数同学建议看coderwhy老师的React教程~

无论如何在学习完React之后一定要写一个React练手项目,可以先是一些常见的项目,后台管理系统,各种Web平台等等。

五、Vue(和React二选一,耗时2-3周):

     建议直接看Vue3.0官网文档跟着学习~

     学习完之后建议跟着coderwhy老师的Vue教程写一个项目~

     至于React和Vue先学哪个,我的看法是觉得都可以,如果对自己的能力不太自信的同学,可以先学习Vue,因为国内小公司对于Vue的招聘需求还是相对多一点点,而且Vue的写法也和小程序的写法更为接近,在小程序方面上手成本更低一些,当然我认为一个优秀的前端是无关React和Vue的,都需要会,所以不需要太纠结啦!

     以上就是基础版的前端技术学习啦~预计一个半月到两个月即可出山!建议学完基础版课程之后尝试找个实习工作,在实战中提升自己,祝大家学习前端愉快!

     有问题可以加入交流群,与小粉一起讨论哈!!!

公众号后台回复“进群”即可进群

点击查看进阶版:

→前端进阶版学习路线

有问题可以加入交流群

与小粉一起讨论哈!!!

感兴趣的小伙伴可以关注公众号

接收后续的最新资料

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Houdini到UE地形流程

目录 Houidni地形制作 UE地形设置 Houdini engine插件安装 B站参考视频 Houidni地形制作 使用Terrain的HeightField相关节点制作地形;设置地形相关的材质层(如rock、soil、grass等),注意材质的重叠; //detail层级&…

Stable Diffusion 3 大模型文生图实践

windows教程2024年最新Stable Diffusion本地化部署详细攻略,手把手教程(建议收藏!!)_stable diffusion 本地部署-CSDN博客 linux本地安装教程 1.前期准备工作 1)创建conda环境 conda create --name stable3 python3.10 2)下…

一种基于非线性滤波过程的旋转机械故障诊断方法(MATLAB)

在众多的旋转机械故障诊断方法中,包络分析,又称为共振解调技术,是目前应用最为成功的方法之一。首先,对激励引起的共振频带进行带通滤波,然后对滤波信号进行包络谱分析,通过识别包络谱中的故障相关的特征频…

代码随想录——全排列(Leetcode LCR083)

题目链接 回溯 class Solution {List<List<Integer>> res new ArrayList<List<Integer>>();List<Integer> list new ArrayList<Integer>();boolean[] used;public List<List<Integer>> permute(int[] nums) {used new bo…

数据资产安全保卫战:构建多层次、全方位的数据安全防护体系,守护企业核心数据资产安全

一、引言 在信息化时代&#xff0c;数据资产已成为企业运营的核心&#xff0c;其安全性直接关系到企业的生存与发展。然而&#xff0c;随着网络技术的飞速发展&#xff0c;数据泄露、黑客攻击等安全威胁日益增多&#xff0c;给企业的数据资产安全带来了严峻挑战。因此&#xf…

基于esp-idf的arm2d移植

什么是ARM2D Arm在Github上发布了一个专门针对“全体” Cortex-M处理器的2D图形加速库——Arm-2D 我们可以简单的把这个2D图形加速库理解为是一个专门针对Cortex-M处理器的标准“显卡驱动”。虽然这里的“显卡驱动”只是一个夸张的说法——似乎没有哪个Cortex-M处理器“配得上…

怎么生成活码类型的二维码?在线制作活码的简单方法

活码是现在很多人会选择使用的一种二维码类型&#xff0c;制作活码二维码可以展现更多类型的内容&#xff0c;而且二维码可以随时在图案不变的情况下修改内容&#xff0c;与静态码相比使用起来更加的灵活。目前&#xff0c;活码可以用来展示图片、视频、音频、文件、网址、表单…

一个小例子助你彻底理解协程

一个小例子助你彻底理解协程 协程&#xff0c;可能是Python中最让初学者困惑的知识点之一&#xff0c;它也是Python中实现并发编程的一种重要方式。Python中可以使用多线程和多进程来实现并发&#xff0c;这两种方式相对来说是大家比较熟悉的。事实上&#xff0c;还有一种实现…

css 文字两端对齐

<body><div class"box"><p>姓名</p><p>性与别</p><p>家庭住址</p><p>how are you</p><p>hello</p><p>1234</p><p>1 2 3 4</p></div> </body> text-a…

Java零基础之多线程篇:线程的多种创建方式

哈喽&#xff0c;各位小伙伴们&#xff0c;你们好呀&#xff0c;我是喵手。运营社区&#xff1a;C站/掘金/腾讯云&#xff1b;欢迎大家常来逛逛 今天我要给大家分享一些自己日常学习到的一些知识点&#xff0c;并以文字的形式跟大家一起交流&#xff0c;互相学习&#xff0c;一…

【递归、搜索与回溯】综合练习四

综合练习四 1.单词搜索2.黄金矿工3.不同路径 III 点赞&#x1f44d;&#x1f44d;收藏&#x1f31f;&#x1f31f;关注&#x1f496;&#x1f496; 你的支持是对我最大的鼓励&#xff0c;我们一起努力吧!&#x1f603;&#x1f603; 1.单词搜索 题目链接&#xff1a;79. 单词搜…

前端路线指导(3):前端进阶版学习路线

前端进阶版学习路线&#xff1a; 哈喽大家好&#xff01;我是小粉&#xff0c;双一流本科&#xff0c;自学前端一年&#xff0c;收获腾讯&#xff0c;字节等9家互联网大厂offer&#xff0c;秋招面试通过率100%&#xff0c;其中半数offer为ssp&#xff08;薪资最高档&#xff09…

如何查看公网IP?

什么是公网IP&#xff1f; 公网IP&#xff08;Internet Protocol&#xff09;是指分配给互联网上的计算机设备的唯一标识符。公网IP地址是由互联网服务提供商&#xff08;ISP&#xff09;分配给用户设备&#xff0c;使其可以与全球范围内的其他设备进行通信。公网IP地址通常采…

【超越拟合:深度学习中的过拟合与欠拟合应对策略】

如何处理过拟合 由于过拟合的主要问题是你的模型与训练数据拟合得太好&#xff0c;因此你需要使用技术来“控制它”。防止过拟合的常用技术称为正则化。我喜欢将其视为“使我们的模型更加规则”&#xff0c;例如能够拟合更多类型的数据。 让我们讨论一些防止过拟合的方法。 获…

代理模式(静态代理/动态代理)

代理模式&#xff08;Proxy Pattern&#xff09; 一 定义 为其他对象提供一种代理&#xff0c;以控制对这个对象的访问。 代理对象在客户端和目标对象之间起到了中介作用&#xff0c;起到保护或增强目标对象的作用。 属于结构型设计模式。 代理模式分为静态代理和动态代理。…

视频监控统一管理平台LntonCVS安防视频监控系统视频汇聚方案

LntonCVS平台最初被设计为一个以视频汇聚为核心的平台。那么&#xff0c;什么是视频汇聚平台&#xff0c;以及它是如何处理视频资源的呢&#xff1f;简单来说&#xff0c;视频汇聚平台能够从不同的视频源&#xff08;如直播和点播&#xff09;收集、整合和展示视频内容。以下是…

【2024最新华为OD-C/D卷试题汇总】[支持在线评测] 身高差值排序(100分) - 三语言AC题解(Python/Java/Cpp)

&#x1f36d; 大家好这里是清隆学长 &#xff0c;一枚热爱算法的程序员 ✨ 本系列打算持续跟新华为OD-C/D卷的三语言AC题解 &#x1f4bb; ACM银牌&#x1f948;| 多次AK大厂笔试 &#xff5c; 编程一对一辅导 &#x1f44f; 感谢大家的订阅➕ 和 喜欢&#x1f497; &#x1f…

vue3+element ui +ts 封装周范围选择器

vue3element ui ts 封装周范围选择器 在业务场景中&#xff0c;产品需要在页面中使用周范围选择器&#xff0c;我们在使用ant-design的时候里面是有自带的&#xff0c;但是在emement中只有指定周的范围选择器&#xff1a; 这个是ant-design的周范围选择器 这个是element ui 的…

.net 奇葩问题调试经历之1——在红外相机获取温度时异常

📢欢迎点赞 :👍 收藏 ⭐留言 📝 如有错误敬请指正,赐人玫瑰,手留余香!📢本文作者:由webmote 原创📢作者格言:新的征程,我们面对的不仅仅是技术还有人心,人心不可测,海水不可量,唯有技术,才是深沉黑夜中的一座闪烁的灯塔序言 我们在研发中,经常除了造产品…

C#的Switch语句2(case后的值与模式匹配)

文章目录 switch语法结构case具体的值枚举值字符串const关键字 如果没有匹配的值default语句不一定要在最后 模式匹配与C的差异-case穿透&#xff08;Fall-through&#xff09;下一篇文章 switch语法结构 基础的语法结构&#xff0c;在上一篇文章已经写了&#xff0c;具体请看…