技术胖前端学习路线学习笔记【更新中】

于 2024-05-09 19:01:11 发布
阅读量378 收藏 9
点赞数 5
分类专栏： 程序员 文章标签： 前端 学习 笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84150107/article/details/138626880
版权

html5设置锚点

sublime快捷方式–快速生成HTML结构语法

css插入图片和背景图片区别

  1. CSS 基础知识学习视频2** CSS3全套教程

  2. 页面切图和布局实现

  3. 浮动布局学习视频：浮动布局

  4. 定位布局学习视频：CSS定位布局

  5. Display学习视频：display&visibility

  6. 盒子模型学习视频：CSS盒子模型与定位

  7. Grid 布局学习视频：如何用grid

  8. Flex 布局学习视频：Flex伸缩布局

  9. 页面响应式布局设计：六个案例学会响应式布局

学习 HTML+CSS 这一篇就够了

html+css移动端布局

4.浏览器脚本语言(JavaScript)

javascript【学习笔记】

  1. JavaScript基础语法和知识学习视频

  2. JS必会的DOM BOM操作学习视频

  3. Ajax 异步请求相关知识学习学习视频

【尚硅谷】3小时Ajax入门到精通配套笔记

  1. ES6 以上版本 的JavaScript学习视频

ES6学习入门【笔记】

5.版本控制管理系统Version Control System

  1. Git的基本用法学习视频

Git的基本用法学习视频配套笔记

  1. GitHub学习视频

  2. GitLab学习视频

  3. Gitee官方

6.包管理工具 Package Managers

  1. npm学习视频

  2. yarn学习视频

7.网络安全相关知识Web Security Knowledge

  1. HTTPS 原理和使用学习视频

  2. CORS 跨域请求和安全知识

  3. 内容安全策略：网络渗透

  4. OWASP 安全风险知识

8.CSS 预处理 语言 CSS Preprocessors

  1. Sass学习视频

  2. PostCSS:建议买书《深入PostCSS Web设计》

  3. 前端less教程学习视频

前端less笔记

9.构建工具 Build Tools

1 、任务执行命令 [Task Runners]

  1. npm scripts学习视频

  2. Gulp

2、打包工具

  1. Webpack学习视频

  2. Parcel学习视频

3、代码格式化工具

  1. Prettier学习视频

  2. ESLint学习视频

10.三大前端框架 Web Framework

1、React.js

  1. React基础学习视频

  2. React全家桶学习视频

  3. React实战博客学习视频

  4. React商城实战学习视频

2、Vue.js

  1. Vue2全家桶学习视频

  2. Vue3全家桶学习视频

  3. vuejs从入门到精通学习视频

vue2学习【笔记】

vue3学习【笔记】

  1. React商城实战学习视频

3、Angular

  1. Angular基础学习视频

11.Web 组件化编程 Web Components

  1. HTML Templates

  2. Custom Elements

  3. Shadow DOM

12. CSS 相关框架 CSS Frameworks

  1. BootStrap学习视频

  2. Material UI学习视频

  3. Materialize CSS学习视频

  4. ReactStrap

13. JavaScript 语法糖 Type Checkers

  1. TypeScript学习视频

TypeScript学习【笔记】

  1. Flow

14.服务端渲染 Server Side Rendering （SSR）

1、React.js

  1. Next.js入门教程学习视频

  2. GatsbyJS 实战（英文）学习视频

最后

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！**

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

2401_84150107
关注
专栏目录
「3D视觉技术交流群」精华帖与关键问题
3D视觉工坊
07-27 3421
原文首发于微信公众号3D视觉工坊： 「3D视觉技术交流群」精华帖与关键问题 本文主要总结了「3D视觉技术交流群」自建立以来，星球内共发布与交流过的技术帖及关键问题，以便大家回顾温习。 一 星球主题，主要包括： 1.1　２Ｄ视觉 １）相机标定； ２）图像处理基础； ３）相机与镜头 1.2　手眼标定 1.3　３Ｄ视觉 1.4　编程技巧 1.5　VSLAＭ，包括：ubuntu系统；VSLAM技术； 1...
如何利用安卓手机搭建WEB服务器
热门推荐
Bevisy
07-14 2万+
利用安卓手机搭建WEB服务器背景介绍 Android是一种基于Linux的自由及开放源代码的操作系统所以是用安卓来搭建服务器是完全可行的。接下来将教大家如何利用AndroPHP和Feel FTP（或者其他FTP管理器）来在安卓手机上搭建一个wordpress博客 正式开始 下载并安装AndroPHP、Feel FTP和File Zilla 安装完成后打开AndroPHP，界面如下: 备注：此处
在 Android 设备上搭建 Web 服务器
weixin_33951761的博客
04-10 1236
一般而言，Android 应用在请求数据时都是以 Get 或 Post 等方式向远程服务器发起请求，那你有没有想过其实我们也可以在 Android 设备上搭建一个小型 Web 服务器，并且实现常规的下载图片、下载文件、提交表单等功能呢？ 下面要介绍的就是如何在 Android 设备上搭建一个 Web 服务器，这个 Web 服务器的功能有如下几点： 接受客户端文件上传、下载文件 动态 Http A...
js中的多维数组
superyuan567的博客
12-15 3939
js中没有提供直接声明多维数组的方法，但是我们可以使用虚拟数组的方法实现，即数组的元素也是数组。 多维数组的声明： 通过对象字面量方法声明数组： var arr = [[1,2,3],[4,5,6],[7,8,9]]; 2.通过构造函数创建数组： var arr = new Array(4); for (var i=0;i<arr.length;i++){ arr[i] = ...
JavaScript 多维数组
zsx0728的博客
04-21 7768
文章目录创建多维数组访问数组的元素将元素添加到多维数组将元素添加到外部数组将元素添加到内部数组从多维数组中删除元素从外部数组中删除元素从内部数组中删除元素迭代多维数组参考文档     在本教程中，您将借助示例了解 JavaScript 多维数组。     多维数组是包含另一个数组的数组。例如， // multidimensional array const data = [[1, 2, 3], [1, 3, 4], [4, 5, 6]]; 创建多维数组     这是在 JavaScript 中创建多维数组
RESTful API 设计最佳实践
白杨的专栏
05-01 9379
1. 背景REST（英文：Representational State Transfer，表述性状态转移）描述了一个架构样式的网络系统，比如 web 应用程序。 目前互联网上充斥着大量的关于RESTful API（为方便，下文中“RESTful API ”简写为“API”）如何设计的文章，然而却没有一个”万能“的设计标准：如何鉴权？API 格式如何？你的API是否应该加入版本信息？当你开始写一个a
技术胖--前端学习html5表单美化部分笔记
qq_53157024的博客
09-01 2074
灰色的提示是h5的哪个特性？ 有的浏览器需要点击两次新增的表单类型email,Date,Range,Tel,search,color……文本框中，输入一次，下一次在输入会自动提示是哪个特性？和初始化页面之后，如何让input自动获得焦点？表单验证的新特性html中如何设置表单元素必填？html5表单验证如何使用正则表达式？html5表单中设置了必填，提交表单的时候如何做到不验证？或者前一个是在form标签之后用的后一个input submit的按钮上面运用的场景：一个按钮要验证，一个不用验证，不用验证的那个
前端学习路线与资料
web19808536489的博客
02-23 317
在 B 站直播了三十多天，有个兄弟询问我前端学习资料，非常开心能帮助到别人~~ 下面来整理一下 1、大神推荐的学习路线 首先是前端学习路线，我在参加字节前端青训营的时候在讲 《Web标准与前端开发》的时候，大牛老师李松峰（ 红宝书和犀牛书的译者 ）推荐了一个学习路线： 前端学习路线：https://roadmap.sh/frontend 其次是值得我们敬佩的程序员、B 站up主 技术胖 整理的一份前端学习路线 ，这里给出 技术胖 的博客、b站账号和整理的前端学习路线： 个人网站：https://jsp
人工智能学习与实训笔记（一）：零基础入门学习与实训笔记
weixin_45512098的博客
07-26 717
基于百度飞桨的人工智能学习笔记
Idea 部署Web项目
08-24
使用Idea部署Web项目的基本手册。全程图操作
在Android设备上搭建Web服务器的方法
08-27
本篇文章主要介绍了在Android设备上搭建Web服务器的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
!!!!!RESTful API 最佳实践!!!!!
m0_37477061的博客
03-02 141
http://www.ruanyifeng.com/blog/2018/10/restful-api-best-practices.html
js多维数组
Ga_b_c的博客
07-08 186
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #t{ width: 80%; border:1px solid red;
js 多维数组
最新发布
2401_84093899的博客
04-07 272
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
IDEA 部署web项目
qq_43156556的博客
12-08 538
1. IDEA project && module idea 中 project 和 module 与 eclipse 中的对应关系 IDEA 中创建 project 约为 Eclipse 中创建 workspace IDEA 下创建 Java 工程 和 Java EE 工程的区别 ① Java 工程 ② Java 工程与 JavaEE 工程的区别 ③ Empty Java Project 2. 部署web项目 部署静态项目，选择 部署动态项目 ① 选择 Java E
Java Web前端学习笔记：HTML到AJAX基础
"这篇文档包含了作者在学习Java Web前端时的笔记，主要涵盖了前端开发的基础知识，包括HTML、CSS、JavaScript、DOM编程、jQuery框架以及AJAX基础。" 本文档详细介绍了Java Web前端开发中的核心技术和元素，首先从...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值