前端应该先学什么呢?

于 2023-06-19 18:09:51 发布
阅读量240 收藏 5
点赞数
文章标签： 数学建模 华为od
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/itcast_cn/article/details/131292903
版权

学前端的先后顺序如下图，本文还包含计划+资源+方法。

一、前端学习资源

前端学习课程分享：

黑马程序员前端：2023年Web前端开发学习路线图17 赞同 icon-default.png?t=N5F7https://zhuanlan.zhihu.com/p/596444606

二、前端学习经验分享

基础方面：

前端HTML+CSS+JavaScript是一定要牢固的，所有语法和知识点都要掌握。这些也是面试必问的问题，后面的话ES6以及新特性、原型链、Event Loop等等。这些知识，学习的时候一带而过，但是后期参与面试之前都需要反复去看，去刷题。

框架方面：

目前比较火爆的就是React、Vue、Angular，大家总是会说大厂用React多，其实不是，也会用vue的。没有什么绝对的，但是学的话，建议初学者和小白选择Vue，肯定是好入门一点。首先是纯中文的文档，而且有最佳解决方案。

简单分享学习步骤：先学基础语法—>高级用法—>掌握框架原理。

在框架的学习之中，实战肯定少不了。不管你是应届生还是转行。面试大厂还是小厂，都需要有实战经验。刚开始大家都会觉得自己做不了项目，没有全局概念。这些都很正常。

项目学习的步骤：找到培训机构项目课—>自己动手练习—>看书—>在GitHub找开源项目—>跑通。

三、前端学习笔记


HTML+CSS+项目

在基础到一些特性都学习结束之后，可以用一个大型的项目多页面的作为自己学习成果的检测。
HTML+CSS项目《品优购》完整笔记+源码（万字版可复制）：

JavaScript非常重要

基础部分（定义变量、函数、数组、字符串、内置函数、内置对象）——>面向过程的编程思想（在这里可以试着用自定义按钮、自定义播放器练习）——>面向过程编程思想（封装一些我们自己想的对象，提供有意义的接口）
笔记同样是为大家整理好了：

JavaScript最全拔高（更新中）

JavaScript面向对象开发相关模式/JavaScript创建对象简单方式到优化/JavaScript面向对象游戏案例：贪吃蛇

手把手教你学项目：

黑马程序员官方
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
博客
自学前端需要达到什么水平才能去找工作？来看看这套前端学习路线图
11-26 2万+
自学前端需要达到什么水平？当然是水平越高，越容易找到工作。在竞争这么激烈的2020年，就需要更加的努力，充实自己，让自己不被代替！看了好多的回答，大家都是再说学到什么水平能找到工作，我就来分享干货吧！祝看到这篇干货的小伙伴，工作步步高升！黑马程序员学习路线图及能掌握的能力（总，以下会分阶段，加上配套学习视频，小伙伴可继续往下看！）第一阶段：HTML5+css配套学习视频：前端小白零基础入门HTML5+CSS3完整视频：http://yun.itheima.co.
博客
软件测试全套教程，2020年全新软件测试学习路线图
05-04 1万+
2020年全新的软件测试学习路线图来袭，零基础入行入职必备学习教程，高质量免费资源在线学习！还在等什么，想学习软件测试的小伙伴，快来点击进入学习状态吧！一、基础入门课程亮点1. 熟悉计算机相关概念。2. 掌握基础的测试理论。3. 熟练掌握HTML常用标签input。4. 掌握使用CSS选择器。配套学习视频：软件测试基础入门之HTML基础​软件测试基础入门......
博客
Java多线程编程，来看这篇就够了！全新Java多线程教程！
06-25 6862
对于Java程序员来讲，Spring全家桶几乎可以搞定一切，Spring全家桶便是精妙的招式，多线程就是内功心法很重要的一块，线上出现性能问题，多线程更是不可回避的问题。因此多线程基础知识对于高级程序员的重要性不必言语！很多公司在面试高级程序员时候，多线程相关知识也必定是考核的标准之一。那我们为什么要学习多线程呢？掌握Java多线程可以：应对面试、优化之路、深入理解。应对面试在面试中，求职...
博客
QT教程，QT从入门到实战教程完整版
06-17 6万+
Qt是一个跨平台开发框架，可以使用C++和Qml开发，同时它又不仅仅只是开发框架，它也是一种技术策略，可以让你快速、高效地设计、开发、部署和维护软件，同时在所有设备上提供无缝的用户体验。因而，对于C/C++工程师而言，QT是必须要学习的一个跨平台开发框架，今天分享一个QT教程！课程亮点1，知识体系完备，内容精炼2，脉络清晰，讲解过程把握知识主线。3，结合工作实践及分析应用，培养...
博客
软件测试人员应该如何介绍自己测试过的项目
05-09 4万+
测试人员在找工作的过程中，通常有一个问题是很难绕开的。就是要如何向别人介绍自己之前做过的项目。下面我们就这个问题简单的做一些分析。要解决这个问题，大体上可以分为如下几个步骤：1、对项目进行基本介绍2、说明自己负责测试的模块3、针对部分模块展开进行说明一. 对项目进行基本介绍以下就以一个简单的项目进行介绍说明：最近测试的Tpshop项目是一个B/S架构的Web项...
博客
软件测试全套教程，软件测试自学线路图
07-09 19万+
软件测试：软件测试是为了发现程序中的错误而执行程序的过程。通俗的说，软件测试需要在发布软件之前，尽可能的找软件的错误，尽量避免在发布之后给用户带来不好的体验，并要满足用户使用的需求。现在市面上这么多软件，每个软件背后都有软件测试工程师的功劳，这也造就了软件测试行业前景非常好，今天我就分享一下自学线路图，及全套教程！软件测试学习线路图点击查看大图第一阶段：该...
博客
Python入门教程完整版（懂中文就能学会）
09-28 18万+
今天本宝宝给大家带来了干货，Python入门教程完整版，完整版啊！完整版！言归正传，我来给大家介绍一下这套教程，希望每个小伙伴都沉迷学习，无法自拔！本套教程学习时间15天1-3天内容：为Linux基础命令4-13天内容：为Python基础教程14-15 天内容：为飞机大战项目演练第一阶段（1-3天）：该阶段首先通过介绍不同领域的三种操作系统，操作系统的发展简史以及...
博客
Java学习路线图，全套Java基础视频教程
09-07 23万+
深知广大爱好Java的人学习是多么困难，没视频没资源，上网花钱还老被骗。为此我呕心沥血整理了这套Java教程，不管你是不懂电脑的小白，还是已经步入开发的大牛，这套路线路你都值得拥有，小白看上面的视频可以成功学会Java并且顺利工作，大神看了上面的资源肯定会谆谆乐道，教程的宗旨就是分享，专业，便利，让喜爱Java的人，都能平等的学习。首先建立好开发环境非常重要，工欲善其事，必先利其器。做任何开发.........
博客
Java面试重点知识体系解析及高效复习指南
06-12 273
Java 后端的知识体系非常庞大，在准备面试时，需要优先抓住重点进行复习。
博客
鸿蒙开发培训，5分钟学会鸿蒙开发语言关键知识点
06-11 742
ArkTS 是 HarmonyOS 的主要开发语言。它在 TypeScript 的基础上进行了优化和扩展，保留了 TypeScript 的优点，同时屏蔽了其缺点，并与 ArkUI 框架一起构建了鸿蒙应用。本文将介绍 ArkTS 的相关内容。基于上述需求，ArkTS 强制使用静态类型。这意味着在 ArkTS 中，声明变量、函数参数和返回值时必须指定类型，并在编译时进行严格的类型检查。
博客
深入理解三大经典算法：快速排序、动态规划背包问题和Dijkstra算法
06-06 295
很多业务场景需要算法，成熟的算法可以提高效率，减少不必要出现的问题，规避风险！今天给大家总结了3个在实现业务场景中使用到的算法，分享给你。
博客
Java学习：Java中的常见数据结构以及其示例代码
06-05 229
这些示例代码展示了如何使用Java中的一些常见数据结构。你可以根据具体需求进行修改和扩展，以适应不同的应用场景。了解和熟练使用这些数据结构，将帮助你编写出更高效、可维护的代码。在Java编程中，了解和掌握常见的数据结构是至关重要的。
博客
掌握Java的80%：面向对象与并发编程
06-04 612
Java作为一种广泛使用的编程语言，其强大之处在于其面向对象的特性和对并发编程的卓越支持。作为一名程序员，深刻理解Java的面向对象概念、集合框架、多线程与并发编程，以及Java虚拟机（JVM）的基础知识，对于编写高效、可维护的代码至关重要。本文将引导你快速掌握这些核心概念。
博客
鸿蒙星河版笔记来袭！字符串、类型转换、运算符等
05-31 528
需要装饰器装饰，改变会引起 UI 的渲染刷新 （必须设置 类型 和 初始值）作用：把两个或多个字符串，拼成一个字符串。算术运算符：也叫数学运算符，主要包括加、减、乘、除、取余（求模）等。但如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。作用：监听（感知）用户 点击行为，进行对应操作。赋值运算符：对变量进行 赋值 的运算符，如：=作用：用来 判断比较 两个数据 大小，返回一个。注意：加法两端只要有字符串，就是拼接。优势：更适合于 多个变量 的字符串拼接。1. 提取状态：数量、原价、现价。
博客
2024年Q1程序员薪酬报告出炉！搞AI的远超同行？
05-30 570
除了对比各个地区之间的薪酬差异，Levels.fyi指出：专攻AI的软件工程师与不专攻AI的软件工程师之间，在收入上也存在明显差异。通过下方数据可以看到，到了资深工程师级别后，Cruise给AI工程师的薪水高达68万美元，而非AI工程师只能拿到49.5万美元。根据麦肯锡公司此前发布的报告，到2030年中国AI人才需求扩大到600万人，是2022年的6倍，而供给却只有200万人，通过这一排名可见，AI工程师在全世界都是高薪职位的领头羊，中国AI工程师的薪资相当可观！
博客
鸿蒙星河版笔记来袭！京东、美团等综合案例
05-30 769
特点：层叠操作更简洁，编码效率高。（绝对定位的优势是更灵活）特点：层叠操作更简洁，编码效率高。（绝对定位得优势是更灵活）整体结构：层叠布局 Stack （底部导航 + 主体）层叠布局具有较强的组件层叠能力。wrap 属性：Flex 是单行布局还是多行布局。{ x: 水平偏移量, y: 垂直偏移量 }参数：取值为整数数字，取值越大，显示层级越高。2. 局部：先图片、再Row（图 + 文本）图片组件 + 文本修饰（播放、评论、时长）3. 细节：VIP（定位、圆角）① 上面图片区域（层叠布局）
博客
鸿蒙星河版笔记来袭！布局元素、边框、圆角等附案例
05-29 758
属性：.justifyContent(枚举FlexAlign) (Row 组件的 justifyContent 属性效果相似)属性：.backgroundImage(背景图地址, 背景图平铺方式-枚举ImageRepeat)宽高默认单位 → vp：虚拟像素，相对于不同的设备会自动转换，保证不同设备视觉一致 （推荐）作用：调整背景图在组件内的显示位置，默认显示位置为组件左上角。作用：在组件内添加间距，拉开内容与组件之间的距离。作用：在组件外添加间距，拉开两个组件之间的距离。
博客
从零开始学习Java编程
05-28 875
Java是被广泛应用的编程语言，具有强大的跨平台功能和丰富的库支持。对于想要学习编程的人来说，掌握Java是一个不错的选择。本文将为大家提供一个全面的指南，帮助你开始学习Java编程。
博客
本科，60k*13薪，外包到新疆！你会去吗？
05-27 383
在论坛中，还有不少网友分享了自己的求职经历，称大数据开发岗位“拿offer很顺畅”、“点击就送”。在这里工作，不仅能享受到高薪资带来的物质满足，还能体验到新疆独有的风土人情，享受生活与工作的完美平衡。帖子一发出，就碰撞出不少火花，网友们纷纷留言，有人打趣说：“这薪资，外派到月球也值了！”，这让这位原本生活在上海的同学犯了难，毕竟从繁华都市到边陲，这跨度不是一般的大。”也有的说：“长期外派，要考虑清楚，毕竟离家远，回来可能不容易。在这样的背景下，大数据开发人才越来越受欢迎，薪资自然跟着水涨船高。
博客
鸿蒙星河版笔记来袭！界面开发、组件的属性和方法
05-27 261
语法：Image(图片数据源) 支持 网络图片资源 和 本地图片资源。语法：Image(图片数据源) 支持 网络图片资源 和 本地图片资源。ArkUI（方舟开发框架）是一套 构建 鸿蒙应用 界面 的框架。学习界面开发：build 里面写代码，预览器 看效果。注意：build有且只能有一个根元素，且是容器组件。注意：需要配合 .maxLines(行数) 使用。需求：美化组件外观效果——>组件的属性方法。语法：.lineHeight(数字)构建页面的最小单位就是 "组件"。布局思路：先排版，再放内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值