freeCodeCamp中文社区闯关学习笔记目录

最新推荐文章于 2022-02-15 01:42:40 发布
最新推荐文章于 2022-02-15 01:42:40 发布
阅读量1.2k 收藏 15
点赞数 3
分类专栏： 前端知识整理 文章标签： freeCodeCamp html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Cool2050/article/details/109010281
版权
这篇博客整理了freeCodeCamp中文社区的学习资源，涵盖响应式Web设计、HTML和CSS基础、视觉设计、无障碍应用、CSS弹性盒子和网格等内容，还包括算法与数据结构、前端库和框架、数据可视化、API与微服务、信息安全及质量保证，最后是面试准备的详细攻略。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

-----官网链接-----： freeCodeCamp_link.

学习目录

1 响应式 Web 设计 (300个小时)

1.1 HTML 基础

link_1.

1.2 CSS 基础

link_2.

1.3 应用视觉设计

link_3.

1.4 应用无障碍

link_4.

1.5 响应式 Web 设计原则

1.6 CSS 弹性盒子

1.7 CSS 网格

1.8 项目实战

2 算法和数据结构 (300个小时)

3 前端库和框架 (300个小时)<

最低0.47元/天 解锁文章
FreeCodeCamp中文网设计-致敬偶像模板
qq_31887677的博客
12-27 1327
Dr. Norman Borlaug         The man who saved a billion lives                   Dr. Norman Borlaug, second from left, trains biologists in Mexico on how to increase wheat yields - part of his life-
FreeCodeCamp中文网练习代码7
qq_31887677的博客
12-26 832
$(document).ready(function() {     $("#target1").css("color", "red");     $("#target1").prop("disabled", true);     $("#target4").remove();     $("#target2").appendTo("#right-well");     $("#targ
FreeCodeCamp中文网练习代码1
qq_31887677的博客
12-26 1200
.red-text {     color: red;   }   h2 {     font-family: Lobster, Monospace;   }   p {     font-size: 16px;     font-family: Monospace;   }   .thick-green-border {     border-color: green;
FreeCodeCamp中文网练习代码3
qq_31887677的博客
12-26 461
body {     background-color: black;     font-family: Monospace;     color: green;   }   #orange-text {     color: orange;   }   .pink-text {     color: pink !important;   }   .blue-text {
**freeCodeCamp学习记录**
qq_43615797的博客
07-07 775
JavaScript篇：记录集合 题目：你将获得一个 JSON 对象，用来表示你的部分音乐专辑收藏。每张专辑都有几个属性和一个唯一的 id 号作为键值。并非所有专辑都有完整的信息。 写一个函数，根据传入的id（如2548）、prop（属性，如"artist"或"tracks"）以及value（值，如"Addicted to Love"）来修改音乐专辑收藏的数据。 如果属性prop不是"tracks"且值value不为空（""），则更新或设置该专辑属性的值value。 你的函数必须始终返回整个音乐专辑集合对象
FreeCodeCamp中文网练习代码4
qq_31887677的博客
12-26 508
.red-text {     color: red;   }   h2 {     font-family: Lobster, Monospace;   }   p {     font-size: 16px;     font-family: Monospace;   }   .thick-green-border {     border-color: green;
freeCodeCamp应用视觉设计闯关
CathyleeQ的博客
02-15 331
刷到一半才想起要写博客。 给卡片元素添加 box-shadow： 给卡片元素添加 box-shadow： 降低元素的 opactiy：使用linksclass 选择所有的超链接并设置其opacity值为 0.7 应用视觉设计：使用 text-transform 属性给文本添加大写效果 应用视觉设计：设置多个标题元素的 font-size 应用视觉设计：设置多个标题元素的 font-weight 应用视觉设计：设置段落文本的 font-size 应用视觉设计：设置段落的
FreeCodeCamp中文社区刷题答案及笔记（之篇四字符串、数组操作）
Sunny王维
06-18 2714
FreeCodeCamp中文社区刷题答案及笔记 一、Truncate a string（截断字符串） 二、Chunky Monkey（分割数组） 一、Truncate a string（截断字符串） 截断字符串 （用瑞兹来截断对面的退路） 如果字符串的长度比指定的参数num长，则把多余的部分用…来表示。 切记，插入到字符串尾部的三个点号也会计入字符串的长度。 ...
FreeCodeCamp学习记录
michael_llh的博客
04-15 500
Html中修改文字元素的方式： &lt;h1 style="color=red"&gt; hello world &lt;/h1&gt; 另外一种方式，使用元素选择器 &lt;style&gt; 选择器 {属性名称: 属性值;} h2 {color: red;} &lt;/style&gt; 还有一种方式是使用类选择器 &lt;style&gt; .blue-te...
freeCodeCamp
洞拐程序monkey
05-05 3362
编程与网站开发工具—freeCodeCamp freeCodeCamp一个网站开发自学神奇，和W3cSchool属于同一种类型的网站，开源免费的编程学习网站，简单俩字→自学。不过，为什么在此会介绍freeCodeCamp呢，因为此网站是中文的，这对于许多“程序员”小白来说简直就是救命稻草，话不多说，直接上图。 网站直链： https://www.freecodecamp.one 课程包含了网...
freeCodeCamp--React学习笔记
苏灵均的博客
10-28 1197
目录 渲染 HTML 元素为 DOM 树 了解 JSX 的自动闭合 JS函数创建一个无状态的函数组件 class创建组件 用组合的方式创建一个 React 组件 将 class 组件渲染到 DOM 树 将 Props 传递给无状态函数组件 传递一个数组作为 Props 渲染 HTML 元素为 DOM 树 ReactDOM 提供了一个简单的方法来将 React 元素呈现给 DOM，如下所示： ReactDOM.render(componentToRender, targetNo..
FreeCodeCamp中文社区刷题笔记（部分答案）
Sunny王维
06-13 7865
FreeCodeCamp中文社区刷题笔记（部分答案） 一、Profile Lookup(通讯录问题) 二、Generate Random Whole Numbers within a Range(随机数) 三、Sift through Text with Regular Expressions（正则表达式） 四、Add your JavaScript Slot Machine Slots...
freeCodeCamp作业集合
chess99的博客
06-20 836
链接codepenkami
freecodecamp学习笔记1
echo2220的博客
01-27 311
1、谷歌字体导入链接： <link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css"> 有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。 2、你可以应用多个class到一个元素，只需要在多个class之间用空格分开即可。...
FreeCodeCamp 学习笔记（一）HTML&CSS
JOY 酷酷的专栏
11-07 733
CSS 导入特殊字体： 如谷歌字体，在代码顶端加上link: 当浏览器不支持 family1 字体时，降级到 family2 字体： font-family: family1, family2; 无序列表   有序列表 表单元素  action 属性的值指定了表单提交到的服务器地址 表单必填项，添加“required”属性。（在Safari中无效）
freecodecamp学习笔记【四】
julia_xueli的博客
09-05 208
又有几天没更新啦，依然是写得不知所云的笔记，让看到的小伙伴们见笑了。 js基础 关于定义内容中带引号的字符串，两种方法 在内容中的引号之前加 “\” 注意：！！！千万不要写成"/" 用单引号定义，但是要注意引号匹配问题 字符串更改不能只靠改变？？（在js中这个叫Bracket Notation?不懂括号计法这个直译是什么意思）的第0个元素，要整个串重新定义。 （p.s. 后面有专门讲数组的，所以我并不太懂这个到底是什么东西） .push() .pop() 栈思想 .shift()
FreeCodeCamp中文社区刷题答案及笔记（之篇三回文、数组、字符串的有关计算）
Sunny王维
06-15 913
FreeCodeCamp中文社区刷题答案及笔记 一、Reverse a String 二、Check for Palindromes（检查是否为回文） 一、Reverse a String 翻转字符串 先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。 你的结果必须得是一个字符串 当你完成不了挑战的时候，记得开大招’Rea...
FreeCodeCamp中文网练习代码2
qq_31887677的博客
12-26 473
.red-text {     color: red;   }   h2 {     font-family: Lobster, Monospace;   }   p {     font-size: 16px;     font-family: Monospace;   }   .thick-green-border {     border-color: green;
freeCodeCamp(javaScript:记录集合)
weixin_46423897的博客
09-01 326
题目：你将获得一个 JSON 对象，用来表示你的部分音乐专辑收藏。每张专辑都有几个属性和一个唯一的 id 号作为键值。并非所有专辑都有完整的信息。 你的函数必须始终返回整个音乐专辑集合对象。 如果属性prop不是"tracks"且值value不为空（""），则更新或设置该专辑属性的值value。 如果属性prop是"tracks"，但是专辑没有"tracks"属性，则在添加值之前先给"tracks"创建一个空数组。 如果prop是"tracks"，并且值value不为空（""）， 把值value添加
freeCodeCamp个人学习笔记：挑战与练习全解析
在freeCodeCamp社区中，分享个人笔记是一种常见的学习交流方式。通过提交笔记，不仅可以帮助他人，还可以通过社区的反馈来提升自己的知识水平和技能。 7. 关联技术标签： 该笔记文件中提到了多个技术标签，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值