iT邦幫忙

2023 iThome 鐵人賽

DAY 29
0
Modern Web

Ben 的學習網系列 第 29

第29天 - Ben的電腦網

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20231013/201621418FxnGNkIvN.jpg

系統功能

前面28天介紹了「Ben的語言網」,今天要介紹「Ben 的電腦網」,前面介紹了「系統」,介紹了「課程」,介紹了「測驗」。電腦是我的本業,充滿了很多不同的領域,我也想把我的電腦筆記放上網去,但領域知識已經多到放不下在「Ben的語言網」中了,而且電腦雖然也有程式語言,但和外語也是差很多,所以就想利用同樣的系統架構,另外做了一個「Ben 的電腦網」,兩個網站將使用同樣的程式,這樣不用其中一邊改了程式,另外一邊的程式也要同步修改。

技術手法

使用獨立的 computer.html,
然後搭配 topic_computer.js 如下, 以及獨立的 computer/data 的路徑放課程,即可以達到程式碼共用的功能。
let curWeb = "computer";
let defaultCourse = "db";
let courseSubjList = [
    { course: "os", subj: "linux" },
    { course: "db", subj: "mariadb,mongodb,cassandra" },
    { course: "data", subj: "spark,kafka,nats,cloud,etl" },
    { course: "devops", subj: "azure,docker" },
    { course: "programming", subj: "proc,c,c++,java,python,dotnet" },
    { course: "web", subj: "html,css,javascript,react,express,nodejs" },
];
let defaultCourseSubjMap = new Map([
    ["os", "linux"],
    ["db", "mariadb"],
    ["data", "spark"],
    ["devops", "azure"],
    ["programming", "proc"],
    ["web", "html"],
]);
let subjMap = new Map([
    ["linux", "Linux"],
    ["mariadb", "MariaDB"],
    ["mongodb", "MongoDB"],
    ["cassandra", "Cassandra"],
    ["spark", "Spark"],
    ["kafka", "Kafka"],
    ["nats", "NATS"],
    ["cloud", "Cloud"],
    ["azure", "Azure"],
    ["docker", "Docker"],
    ["proc", "Pro*C"],
    ["c", "C"],
    ["c++", "C++"],
    ["java", "Java"],
    ["python", "Python"],
    ["dotnet", "DotNet"],
    ["html", "HTML"],
    ["css", "CSS"],
    ["javascript", "JavaScript"],
    ["react", "React"],
    ["express", "Express"],
    ["nodejs", "NodeJS"],
    ["etl", "ETL"],
]);

語文學習29-功能與外觀

		1. 這個機器是什麼用途?它是個按摩器。
		2. 你的包包長什麼樣子?它是一個黑色的電腦包。
		3. 〖單字〗顏色
		4. 〖單字〗形狀
		

上一篇
第28天 - 搜尋
下一篇
第30天 - 結尾及再努力方向
系列文
Ben 的學習網30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言