freecodecamp-chengdu / wiki Goto Github PK

系统讲解UI工程的一些要点
链接：https://overreacted.io/the-elements-of-ui-engineering/

筹办方

• 主办：GDG 成都社区
• 协办：FCC 成都社区

主题

1. 《Web 与 Chrome 新进展》水歌
   • 新实现的 Web API
   • JavaScript 在 V8 引擎中的改进
   • Google 搜索支持 How to 微数据
   • Material Design 支持 Dark 模式

https://serpapi.com/blog/web-scraping-and-parsing-experiment-with-ai-openai/

• 主讲人：@demongodYY
• 参考文档：http://wenyan-lang.lingdong.works/

序

夫混沌初开，阴阳分晓。盖两仪化四象，四象生八卦，八卦生无穷，此天地万物之生也。至冯祖降世，悟有无之道，尽天机之正，锻金为骨，化爻为髓，作精妙之仪，御之以电，上可演九章算术，下可推少广方田， 乃开后世之先河。

然则阴阳之道，众人难之，皆欲代之以文，谓之语言。不意甲子之期未至，百家争鸣已然，程式语言之多，繁若《天官》之星宿，奇胜《山经》之走兽。然以文言编程者，似所未有。有奇人 LingDong，宿好文章，且通程式，乃做斯言，行文言编程之事。且承开源之大义，此当吾辈之所以勉励也。

吾辈小子数人，尝创可思摩斯之奥义。结其于文言程式之中，乃凭文法之妙，于方寸之间，创宇宙之万物。行此聚会，以文、程二物会友。固为一乐，并望君能于乐中有所获矣。

始

己亥年末，应程式之营所召，有朋数人，结伴于成都以南，紫荆谷中，引水流觞，以身践之，探寻文言程式之妙。较之以前汉字程式者，解其流行之道，悟其语法之意。期间，遇以文言程式难尽示万物之色，则畅言其未来之法。或曰以天干地支所代之，或曰以古法以充其文。诸如此类云云，语尽而意远，相得而益彰。

然则言谈终觉少，尚需躬行之。于是拟定四题，名曰：

• 问天地之好在
• 嘶嘶嗡嗡
• 求斐氏列
• 可思摩斯

题既定矣，闲话少言，乃以程式会之。

问天地之好在

习程之人尽知，欲习一言，必先呼之。是乎，吾等乃以天地好在问之，书之于天地轮回之间，此乃入门之式也，不提。

嘶嘶嗡嗡

一言既书，继而解题。题面曰：若有一术，设其能计之以数，然则其计数也，若逢倍三，则以诗之上阙以和之，若逢倍五，则以诗之下阙以和之，若倍三倍五，则和以全诗，问此如何？是谓「嘶嘶嗡嗡」之术也。

欲解此题者，需用以程式条件控之。题面虽简，然则精简之法层出不穷。不期在座者，皆乃浸淫程式之道十数载，仿若庖丁解牛，不出片刻便相继夺彩。

求斐氏列

世间万物，看似无甚相关者，冥冥之间却有所连矣。若海螺，若花朵，若星河，凡视之谐者，皆有同理，后世称之为「黄金分割术」。宇宙万物其被设计乎？

有先祖斐氏，探宇宙规律与其中，乃发现有一数列，自一始之，加相邻两项，以为后续之项。无限周转，则该列可复现此「黄金分割」之美于奥秘之间。

大巧若拙，大道至简。吾辈感先人之明，乃以文言程式求此「斐氏列」，现其于天地轮回之间，感其至妙也。

可思摩斯

有朋者秋，乃创「可思摩斯」之书。施其义，则可于「万物初始」之时创精灵若干，且在「天地轮回」之中控其于股掌之间。若精妙习之，实乃天地万物之创始者也。

秋尝观东洋之景，见其精怪，悚之。今与众人以「可思摩斯」之书重现之，以壮众人胆色也。并依此例，阐述于文言程式中创世天地之法。众人习之，皆有所得。

结

不觉间，时辰已过，众人乐之，并留念于紫荆谷中，互叮再约之期，乃去。

• 主旨：合理规划财务，对抗 996
• 讲师：雍莎莎，中宏保险代理人

筹备

• 初次试听，内容比较泛而空，反馈建议需要实更实际，快速手上的例子。
• 第二次试听
• PPT 样式审核与指导 @Akagilnc

偷懒的大自然

你有没有想过，你为什么是你现在的样子？这个世界又是谁设计并构建出来的呢？达尔文的进化论给予我们看待这个世界的视角：物竞天择，适者生存。大自然有种神奇的力量，它只是简单地制定了生存的规则，而让万物自由地生长、进化，一代又一代地演变，就逐渐构建出了我们当今的世界。

写程序同样是一个“构建世界”的过程，通过每一行代码来描述出各种事物并在计算机的世界中运行。对于简单地问题，我们可以编写具体的指令来运行。但是，当问题超过一定复杂程度的时候，编写海量地代码指令来描述每一处细节，就显得比较困难了。比如说想要编写一个自动打扫屋子的机器人，所面临的情况就是千变万化的，如果要为每一种可能性都去编写指令，会显得非常复杂。我们能不能“偷下懒”，只写出一些很少的代码，让代码帮我们自动“生成”机器人最优的打扫规则呢？

遗传算法

借鉴达尔文的进化论和孟德尔的遗传学说，在计算机中我们也可以设计出一些算法，通过适者生存的方式，帮助我们慢慢找出规则中优秀的“基因”，通过“遗传”地方式保留下来，从而找寻到一些问题的最优解。

实际上，遗传算法已经有了很多有趣的应用，诸如寻路问题，8 数码问题，囚犯困境，动作控制，找圆心问题（在一个不规则的多边形中，寻找一个包含在该多边形内的最大圆圈的圆心），TSP 问题，生产调度问题，人工生命模拟等。

而在这次工作坊中，我们可以建立一个小小的“清扫垃圾机器人”的游戏，来看看遗传算法的究竟。

游戏规则

假定有一个机器人叫做 Robi，它存在的世界是由一个 10x10 共100个的方格组成的围墙中。在这些方格中，会随机有50%的几率有一个垃圾。而 Robi 的任务就是尽可能多的捡起这些垃圾。

游戏的规则如下：

• Robi 的动作一共有 6 种：上移、下移、左移、右移、随机移动、捡垃圾。
• Robi 每一步只能执行上述动作中的一种，一共可以走 200 步。

Robi 每次得分规则如下：

• 如果在有垃圾的地方进行了“捡垃圾”的动作，就 +10 分，如果没在没有垃圾的地方“捡垃圾”就 -1 分。
• 如果移动撞墙了，就 -5 分并弹回原地。
• 其他情况分数不变。

可以看出，在执行 200 步的情况下，最低分是 -1000 分（一直撞墙），最高分是 500 分（所有垃圾都捡到了）。

最后， Robi 可以看见上下左右以及当前总共 5 个格子的情况。情况分 3 种：有垃圾、空格子、墙。也就是说 Robi 每行动一步时所面临的情况有 3^5 = 243 种（简单起见，包括了脚底下也踩着墙这种不可能出现的情况）。

我们所要做的就是给这 243 种情况设定规则，让 Robi 能在游戏中得到尽可能高的分数。

工作坊流程

1. 介绍游戏基本规则，及简单运行方式，在这可能会涉及到一些浅显地“数字化”的过程理解。
2. 尝试编写自己的规则来尽可能地优化算法，获取更高的分数
3. 讲解遗传算法原理，对比遗传算法生成出来的规则与人为优化的规则。
4. 或许可以开下脑洞，比如自然是不是一段算法代码而已？

谁能参加

理解遗传算法本身更是不需要任何编程知识，拥有编程技能可能更能动手试验一下，对于了解游戏规则本身更有帮助，所以：

• 如果你是程序员或者能看懂 js 代码，欢迎带上电脑来亲手编写代码试验一下，这样更能感受到不一样。
• 如果你对写程序并不熟悉，也可以来思考，这个问题并不需要太高深的写代码的技巧，更重要地是讨论和思考的过程，你可以在现场 找一名程序员与 TA 结对编程

得到什么

• 你将理解如何将现实游戏的规则“数字化”到代码中进行模拟。
• 你将理解或亲手实现一个算法，它会通过遗传迭代，自动生成出符合游戏规则的最优方案。
• 或许你能在这个过程中感受到人与自然的关系？

在线运行例子

https://demongodyy.github.io/GA-Robi/

代码仓库

https://github.com/demongodYY/GA-Robi

时间/地点

• 时间：2020年12月27日 14:00~15:00
• 地点：
  • 会议室：https://meeting.tencent.com/p/3840877398
  • 直播间：https://live.bilibili.com/22218677

https://robertovitillo.com/what-every-developer-should-know-about-tcp/

https://marvelousmlops.substack.com/p/the-right-way-to-install-python-on

https://www.regular-expressions.info/quickstart.html

https://careercutler.substack.com/p/the-top-7-software-engineering-workflow

• 合作：回眸刻（微信服务号）
• 时间：2019年10月13日
• 地点：成都市高新区天府软件园C区C1东馆1层 3RD共享生活方式空间

这篇文章介绍了利用开发者工具进行 CSS 调试的一些功能和技巧，这些功能和技巧将使编写 CSS 更加快速和便捷。

链接

https://christianheilmann.com/2021/11/01/developer-tools-secrets-that-shouldnt-be-secrets/

日程（暂定）

• 时间：2019年06月30日

议题

• 《Deno 初体验》@manyuanrong
• 《Chrome DevTools performance》@TingYinHelen

内容提纲

• 理财常识讲解
• 理财产品数据分析
• 理财产品搜索接口开发
• 理财产品选购向导界面开发

会议日程

• 时间：2019 年 11 月某周末 2 天
• 地点：天府软件园 x 区

内容大纲

主题演讲（主会场上午）

动手实践（分会场下午）

编码擂台（主会场下午）

合作伙伴

@manyuanrong

使用 https://cyber-dojo.org/ 进行不定期的线上一对一结对编程练习。国内可以使用 http://dojo.fctoo.com/ 速度更快。

打算使用个人的 zoom 会议室作为主要工具，一般应该是晚上和周末进行。会议链接：https://zoom.com.cn/j/4043615276 会议 ID：404 361 5276

关于什么是 cyber dojo， 详见这里解释 编程道场 (Coding Dojo) 进行操练和 TDD 常见问题、难点 - HXCD - 黑侠门

https://www.bitecode.dev/p/unexpected-python-traps-for-beginners

1. 活动题目：成都 Linux 用户聚会或者成都 Linux 用户集市
2. 活动目的：帮助新用户安装 Linux、教授 Linux 使用方法、解决 Linux 使用相关问题、分享普及 Linux 主题的开源文化
3. 活动对象：对 Linux 操作系统感兴趣/有需要帮助的人
4. 活动时间：每月第 2 或 3 个周六（1 天）
5. 活动地点：某免费开放空间 （如果可以的话，“开放空间地图”（如有） 里的那些地方都可以有聚会，有需要的人就近去聚会/赶集）

活动支撑：

• Linux 操作系统 使用熟练工程师 （>= 1 人）
• 活动（前中后期）协调 + 活动场地布置（>= 1 人）

注：
实际聚会涉及的话题可能不局限于 Linux 操作系统，只要是开源软件和开源硬件，甚至开源，都可以讨论和推介。

https://jvns.ca/blog/2023/10/20/some-miscellaneous-git-facts/

内容提纲

• 网页制作 N 剑客
• 闪客帝国
• “给我做个 H5”
• “我要做个小程序”
• 日新月异的 Web 标准
  • Web Components
  • PWA
  • Web USB
  • Web Authn
  • Web RTC
  • 弹幕标准
  • WoT
  • Web XR

活动信息

• 时间：2020年12月26日 19:00~21:00
• 地点：
  • 会议室：https://meeting.tencent.com/p/3840877398
  • 直播间：https://live.bilibili.com/22218677
• 合办：智锐科创计算机协会 四川大学分会

利用 www.codingame.com 里的私人 PK 房间，现场实时对同一道题进行编程，并进行评比（不同的题有不同的评比，比如时间短，代码短等）。每一道题后的每个完成代码的作者对自己的代码进行讲解，大家点评。

• 本周六和 @TechQuery 试验一下，其他人也可以参与
• 入驻 Le Wagon 数字人才招聘会

https://levelup.gitconnected.com/build-an-ai-tool-to-summarize-books-instantly-828680c1ceb4

• 主旨：英语是程序开发中必不可少的技能

筹备

• 联系 @茉莉花树 ，确定内容、形式

• 文案
• 现场
• 回顾

https://tolkunov.dev/posts/ai-powered-todo-app/

https://hynek.me/articles/why-i-like-nox/

Web Animations API（WAAPI)，是比 CSS animation 更强大的原生动画 API。与 CSS animation 类似，WAAPI 可以在 compositor thread 上运行动画，因此独立于JavaScript main thread。并且也支持硬件加速。此外，相比于 CSS animation ，在你创建动画后你还可以方便的对动画进行控制。本文详细介绍了如何使用 WAAPI 创建网页动画和现阶段创建动画的几种方式。

链接

• Hexo 主题开发

https://getwaitlist.com/blog/solo-dev-startup-stack

内容提纲

• 加群邀请
• 群发公告
• 任务提醒
• 踢人投票

备选框架

• WeChaty
• WeRoBot

如何从晶体管到计算机的？从头来看一看

原文链接

https://web.dev/declarative-shadow-dom/

原始任务

freeCodeCamp/chinese#1186

参考资料

1. https://github.com/salesforce/lwc-rfcs/blob/master/text%2F0129-declarative-shadow-dom-polyfill.md
2. https://github.com/EasyWebApp/declarative-shadow-dom-polyfill

暂时考虑一下大纲，欢迎大家修改

• 程序猿日常做的事情的介绍。
• 现场演示为学校设计制作一个官网的雏形。
• 通过制作官网的过程，讲解拆分复杂任务并完成的过程。

WebGL 是一种用于在浏览器中创建高级交互式视觉效果的 API。但是直接使用原生 WebGL 进行开发常常让人感觉到十分困难，幸运的是，这里有一些库和工具包可以让使用 WebGL 更加容易。本文介绍了目前流行的 WebGL 库，如果你正在发愁不知道选择哪个工具或库进行开发时，不妨看一下。

链接

原文链接

https://blog.cloudboost.io/3-reasons-why-i-stopped-using-react-setstate-ab73fc67a42e

原始任务

freeCodeCamp/chinese#1185

https://dtransposed.github.io/blog/2023/11/02/Remote-SWE/

https://alpopkes.com/posts/python/packaging_tools/

1. 首先在fcc公众号发起活动，有兴趣加入的填写表格，添加panky为好友，后期panky统一拉群
2. 活动规则：

• 每个加入的成员，必须在每月5号之前填写写作目标
  

• 每月最后一天为截至时间提交写作文章

• 如果没有按照以上规则执行的成员，将在群里发红包(至少100元)。FCC将把这部分红包作为奖励给写作质量高的成员

• 如果超过三次没有按照以上规则执行的成员，就被淘汰，不能在参与这次的写作活动

• 写作质量高的成员，FCC将把文章发布到FCC成都社区公众号，和freeCodeCamp专栏，并选择精品文章翻译为英文发布到英文专栏

• 写作类型不限，可以为技术博客，学习笔记，读书感想等。唯一的要求：给自己立的flag一定要完成。

• 文章主要让水歌来review（水歌忙不过来fcc其他成员可以帮着看看）

• 第一次人数不用太多，方便管理(建议50人，不行可以调整)

由于各种交流软件很多，为了不分散注意力，我还是建议选择拉微信群来交流，用语雀来写作
语雀我建好了一个：https://challenge.yuque.com/dashboard

内容提纲

• Web Components 标准简介
• 手写一个 Web 组件
• 用 WebCell 简化组件
• 封装一个 BootStrap/Material 组件

亲爱的开源人：
　　你好！COVID-19 肆虐后的你还好吗？
　　COSCon（**开源年会）2020 因为疫情而转为线上直播为主的形式，并在北京、上海、深圳、成都、长沙开设分会场供讲师直播、交流。
　　在此，COSCon‘20 成都分会场的承办方 FCC 成都社区诚挚邀请西南地区的开源人：

1. 投稿讲题
2. 布置展位（参考 2018 成都 Web 前端大会「开源市集」）

「开源市集」回顾

2018 成都 Web 前端大会

https://mp.weixin.qq.com/s/iQxdcRHG_9vXXE0OeMJE5g

WebCell 展位

Deepin 展位

2019 成都 Web 全栈大会

https://covariant.cn/2019/11/19/covscript3-3-release/

项目展位

闪电演讲

报名方式

• 演讲主题：http://www.wenjuan.in/s/e2EJniQ/
• 开源市集：在本 issue 下回复
  1. 您想展示的开源项目、开源组织、开放社群概况
  2. 您的联系方式

https://pythoncat.top/posts/2023-10-22-weekly/

https://blog.jetbrains.com/pycharm/2023/11/django-vs-flask-which-is-the-best-python-web-framework/

https://vitalik.eth.limo/general/2024/01/30/cryptoai.html

https://alan.norbauer.com/articles/browser-debugging-tricks