编程帮我填志愿

[TechQuery]

内容简介

用最新版 BootStrap、DOM API、JavaScript 标准快速重构@stonelf （黄希彤老师）开发的填教授公益网站的 Web 前端代码，刚学完 freeCodeCamp HTML、CSS、JS 基础课程的菜鸟也能快速上手~

基本信息

• 时间：2020年7月18日（周六）19:00~21:00
• 地点：https://live.bilibili.com/22218677
• 讲师：@TechQuery 、@stonelf
• 资料：https://github.com/stonelf/China-college-application

节目缘起

2020 年高考是一场非常不容易的高考，毕业生和社会各界都历经艰辛，希望我们的拼搏都能有更加美好的明天。

说起填志愿，回想起我高考时正值汶川大地震。那时我们获取可靠、有效、全面的志愿参考信息，基本只能通过学校发的一本大部头参考书，里面汇集了全国招生的院校、专业和往年录取数据。但这样一本像过去每个城市的电话黄页一样的书，反复查阅它的“低效”痛苦就不用多说了。

进入大学 IT 技术社团之后，就一直想用自己学到的编程技术，来为学弟学妹解决我当年那般的痛苦。但彼时，我国政府部门信息公开政策的保守和技术的落后，让我们很难获得好用的数据，商业平台又有巨大的封闭壁垒，遂作罢……

直到前一阵子，FCC一位城市社区组织者在群里分享了黄老师的公益项目，看到他把多年收集的公开数据用统计学方法进一步处理，免费为广大考生做参考，内心十分激动！于是想尽自己现在的专长所能，帮黄老师优化一下前端界面，让广大的考生和家长用起来更方便。

同时黄老师也欣然接受了我一直以来的开源直播方式，于是便有了 FCC 中文社区 B 站直播间长期栏目《水歌酱的开源日常》的本期特别节目，也欢迎大家关注 FCC B 站账号以接收日常节目的开播提醒~

知识点提纲

为了满足黄老师提出的“除 CSS 样式外，简单业务不依赖任何库”要求，本次代码直播将使用下列易学易用的原生 API 来开发：

HTML 标签、属性

1. tabindex 全局属性
2. hidden 全局属性
3. iframe 标签的 name 属性
4. template 标签

CSS

1. :empty 伪类选择符

DOM API

1. CSS 选择器 API
2. document.forms
3. ParentNode 接口
4. ChildNode 接口
5. Element.prototype.classList
6. HTMLFormElement.prototype.elements

BOM API

1. fetch()
2. URL()

ECMAScript API、语法

1. Array.prototype.map()
2. Array.from()
3. ECMAScript 6 模板字符串
4. with 语句的利弊
5. async 函数

第三方开源库、云服务

1. BootStrap 4.5
2. API Polyfill 自动补丁服务
3. CodeSandbox 在线 Web 前端项目沙盒
4. Parcel 零配置打包器

参考文档

以上知识点在 FCC 成都社区之前的技术博文有介绍：

1. 《ECMAScript + DOM 骚操作》
2. 《JavaScript 效率工具》
3. 《如何用开源软件办一场技术大会？》

[OiverCai]

感谢!

[TechQuery]

https://www.bilibili.com/video/BV1NK411n7B7