Categories: 初學程式

coding第八講:工程師的社交平臺,GitHub的正確用法

GitHub的吉祥物(?

正音班:請唸ㄍㄧ ㄏㄚˋ 不是 居ㄏㄚˋ

網路上已經很多關於Git還有GitHub的教學了,這篇不會教跟Git還有GitHub有關的操作,但是會給剛學程式的新手們關於Git系統最淺白的認識,還有可以怎麼使用。 如果您剛學程式沒多久、或者從學校學的東西都沒有好好用GitHub,這篇對您的幫助應該很大,開始今天的課程吧!

GitHub是啥?跟Git是什麼關係?

我還沒存檔!

首先,我們都知道在臺灣大家常用的社群平臺就那幾個,FB、IG、如果有在追星或者關注國外人士可能用個twitter、關注中國消息用wechat或者微博、QQ等等…..直接幫snapchat默哀QQQ,那工程師、或者說寫程式的人也有一個社交平臺,而且更強大一些,這個東西就是GitHub,工程師們的社群平臺。

我們先稍微提一下Git,就像玩RPG等電玩遊戲一樣,我們玩遊戲玩到一個階段會存檔,那Git就跟玩遊戲存檔的概念一樣,你總不會一直寫程式,可能今天寫一點、明天寫一點,我們就會利用Git來管理程式碼版本。

好比你今天寫一寫發現架構變得很差,改一個函數發現影響到整個檔案,這時候你就會想:「啊要是能夠回到昨天、之前寫好的時候就好了!」,Git不只可以幫你管理程式碼版本,還可以回到你保存的某個階段!你可能會想說:「有這麼嚴重嗎?需要回復到上一個版本?」

那我舉個例子,apple每次更新的時候都是好的嗎?不一定!並不是所有人都能接受最新版的IOS,有些人升等之後就會想要降級XD 這種情況就很像GIt,你覺得更新之後沒有比較好?

但是修改程式又不是改一些小地方就好,而且不致於完全砍掉重練….

用個GIt,輕鬆解決。另外這只是單人的情況,如果很多人一起寫,有個人惡作劇亂改大家的code就掰掰了,所以我們會做一個時光機一樣可以回到某個階段,另外這邊也有一個很明顯的問題,就是如果大家進度不一樣怎麼辦?要怎麼組裝大家寫的程式碼?GIt也有分支的系統,就好像團體報告的時候每個人會負責不同的部分,有點像是程式版本的雲端共編,每個人做自己的部分(branch)最後再合併到同一份簡報(merge)就好,方便吧?更多關於Git的操作可以參考這些優質的教學:

  1. RoR大神,龍哥的教學:https://gitbook.tw
  2. 猴子都能懂的Git入門指南:https://backlog.com/git-tutorial/tw/

看完其中一份教材基本上就能做到我上面說的事情了,而且應該花不到一天就可以學會,因為Git真的不難,畢竟開發Git的人就是Linux的創辦人 — 托瓦茲先生,幫大家省去了很多功夫。

開發Linux的大神!

不知道Linux是什麼嗎?它是一個很適合做巨量資料分析、或者管理資源、電腦系統的「作業系統」,就跟window電腦可能都用window,蘋果電腦都用MacOS一樣,所以這樣說好了,想像有個人光靠自己就做了跟IOS、Android相當的系統,一個人打兩家公司,很扯吧?當然很扯,甚至不可能,嚴格來說托瓦茲先生「不付別人薪水,請人跟他一起做系統!」咦?這麼強大的系統怎麼會完全不用付錢就有人願意幫忙?這就跟我們接下來要講的GitHub,關於open source的一二三有關了。

其實GitHub出現也跟Linux有關,當時托瓦茲開發出Linux系統,對電腦界是個盛事,因為是最好用的、有非常高的經濟價值,但是托瓦茲不是很在意那筆錢,不過一個人開發真的太累了,而且也有很多瑣事需要解決,那麼他想:「欸?不然我po到網路上請大家幫忙好了!」這個算是開源軟體的發起,大家合力貢獻這個專案,就好像社團辦活動也不拿薪水,為什麼?因為就是我們想做一件事情、更在意事情的完成,而軟體也是相同的意思。

來稍微談談商業

現在也有一個詞是開源經濟,而開源經濟跟共享經濟背後的本質都一樣,但我不曉得有多少人注意到這背後的商業邏輯,跟將來的趨勢。

(才不是5G大數據人工智能物聯網批哩啪啦咻蹦啊那麼簡單)

大概可以讓我發一篇寫一篇超長的文章探討,不過對於未來科技有興趣的人,真的可以去思考科技怎麼套商業模型進去,你會發現這背後的邏輯其實很簡單,而且這套邏輯用人類發展檢視,幾乎可以用「必然」來形容,然後我大概找到了,希望工作的時候可以用XD

好回來,所以開源軟體就慢慢興起了!那開源的好處就是,網路上有一堆程式碼可以抄(X

咳…參考

所以這個時代開始真的越來越簡單,怎麼說呢?

也就是從0到1的過程被大幅度簡化了。

以前做個PPT可能會做很久又很難看….現在網路上一堆簡報模版可以套

(不過簡報的模板也不是輕鬆套套就好!模板也有模板的用法。)

所以知道寫程式專案是怎麼開始的嗎?其實就是先上GitHub看有沒有寫過,然後多看多比較!直接從別人寫過的專案接手開始。

初學者我建議利用star(類似FB的讚、IG的愛心)來排序,然後挑星星少的!

沒錯,挑那些不怎麼多人關注的,為什麼呢?因為你只是初學,那些素人(? 不是大神寫的code你是最有可能看懂的,看懂別人的code才可以用吧?

你總不會拿一個完全不知道在幹啥的程式碼貼到自己的專案裡面,所以看懂很重要,而star少的專案基本上能夠確認是跟你「目前程度差不多的」。如果你很有經驗,那我覺得可以多看fork高的。

fork就有點像是你複製別人的貼文,fork高的專案通常具有高彈性,可以改很多地方,有很多種不同的發展模式,這些專案很適合作為自己的開始,這樣講有點抽象,就好像你選了一個「最多人抄的作業」,然後開始改,把它改成自己的東西。

舉個例子,國內某個非常有名的教育平台網站其實就是fork可汗學院(知名mooc網)的程式碼專案開始寫的哦!而且完全合法,因為放在上面的精髓就在於「分享」,有分享的精神我們就可以少走很多路,站在巨人的肩膀上前進,所以對軟體發展是件好事!那等到稍微成熟點,有寫過幾個專案,可以開始follow一些大神,看看他們平常都在逛些什麼、對技術有什麼見解這樣。以上是GitHub對於寫程式的幫助,但是他又不只讓你抄程式碼那麼簡單哦,還有很多用法:

社交:

就像LinkedIn!

都說是社交平台了,分享的過程可以讓你跟其他工程師討論、認識不同的人與討論想法,甚至有很多人都是因為在上面討論的過程拿到工作機會呢!因此,GitHub其實就是工程師的履歷,公司在檢視工程師的時候都會看他/她怎麼經營GitHub,做過哪些項目,就是作品集的概念!

放筆記:

沒錯,把學習資源諸如pdf、ppt等放在那個資料夾,因為真的很好整理,而且還可以做「版本控制」,見證自己的學習成長。另外,醫學系的學生有「共筆」,共享筆記這種事情,那Github的這個用法也是,因為可以很多人都共用這個檔案夾,就可以看看別人寫了什麼。

當學習資源:

跟筆記用法很像,上面有很多人會把講義、公開課傳到上面,最著名的就是「awesome」系列,基本上你在github搜尋awesome都是那種幾萬顆星星的大項目,沿著那條學習曲線走基本上不會出錯,因為有幾十萬個人跟著一起學習、一起貢獻好的學習資源、更新教學影片等等……..比如你想學JavaScript,就可以搜尋Awesome JavaScript,想學machine learning就可以搜尋Awesome ML,太多了….好好利用!

當部落格

以技術類的部落格為主,通常就是把程式碼、文字放在同個資料夾傳上去,也是蠻方便的,而且很好整理,不過Git體系還有一個GitHub Pages可以用,有興趣的人可以看看:

https://medium.com/進擊的-git-git-git/從零開始-用github-pages-上傳靜態網站-fa2ae83e6276

資訊揭露:

朝九晚九,不過年輕的時候我其實不排斥這點

比如中國很有名的996(上班早上9.到晚上9.,一週工作六天),有人就整理出一份名單,很多知名的公司就都被點名了,其實我覺得求X天眼通也可以考慮改用GitHub的方式,其他還有像是公司資訊等等……..

求職準備

話說如果是很知名的GitHub項目作者,就是工作找你,比如Dcard

很多面試問題、leetcode考題等等跟工作有關的資訊,可以挖到不少寶!另外軟體工程師通常公司面試都會考寫code,有很多人會把自己的刷題技巧、思路放在上面,也可以討論不同的解法。

景仰大神:

cool!!!!!!!!!!!!

很多知名程式語言本身就是開源的,如果真的超愛那門語言可以看看他是怎麼做出來的,好比Swift(開發IOS應用程式的程式語言),看到

作者:apple

專案名稱:swift

就真的超酷的!!!!!話說Swift「真的一個人開發」,是一個人寫完之後才開源的(即使開發者 — 克里斯有帶小組,但他真的超op,有點像是打傳說對決,四個隊友斷線回來看到他們贏了的感覺),現在是AI領域的高手之一,後來他跑到特斯拉做自駕車研發,現在在Google Brain(神人聚集地),也因此讓Swift最近開始可以使用Google開源的Tensorflow框架(一款協助加速開發AI的庫)

這種感覺有點像是你逛街看到知名的Youtuber或者你的Facebook有名人好友一樣,他們就在你生活中而且很近!

框架們:

框架就是類似於模板,你可以用一套框架快速開發程式,框架通常封裝了計算機科學(還是應該說軟體工程比較貼切)的理論,好比網頁的框架都遵守MVC,資料科學的框架會遵守tidyverse(這是R語言,一款專注資料分析的語言 首席資料科學家提出的架構,資料表的標準)等等…….在上面看到框架的感覺就是「感恩感恩再感恩」,另外研究框架也可以讓自己更懂得軟體開發的一些事情。

奇怪的事情:

比如「女裝們」,這是個奇怪的項目,就不多說了,有興趣的人可以搜搜。

那麼以上,就是工程師的社交網路,GitHub的正確用法。這篇都沒教技術的東西(網路上太多人在教技術了),但是告訴您可以怎麼好好用它,還有怎麼逛GitHub,希望對您有幫助,以及還不熟悉GitHub的朋友,希望可以讓您更好懂,我發現網路上關於GitHub都是在教How,而不是教What、Why,希望做個拋磚引玉,並且讓您開始逛GitHub。

我們下一篇見!

好文作者——Dennis Dsh

學程式助教

Recent Posts

三個你不能錯過的教學資訊

疫情之下,原本實體活動全都改成線上,活動分享全都在網路上很容易錯過,這邊整理了幾個跟數位教學相關的活動資訊給大家參考,分享順序為活動時間⏰ 1. Google Workspace技術整合術 Google Workspace for Education (原 G Suite 教育版) 能透過 Gmail、Google Drive、Google Calender、Google Meet 和 Classroom 等通訊與協作應用程式創造輕鬆與順暢的學習環境,並促進協同合作以提升數位學習與教學成效,而且還會為學校資料提供雲端安全性防護…

3 years ago

線上教學沒有臨場感?Gather來幫你解決

實體的教室變成一格一格的畫面,原本吵雜的下課時間也變成掛斷通話的系統聲。原本在班級中的歸屬感慢慢消失了,久而久之,孩子的對於學習,不再有群體的感覺,只是孤軍一人學習、複習、考試,甚至是畢業典禮都少了一份臨場感。因此,今天要和大家介紹一款現在在教育界還很少被提到的軟體-Gather。 Gather 如果你還不知道Gather,或是直覺的把Gather與虛擬會議室連結在一起,不妨先看看Gather裡的特色: 介面是像素型RPG 每個人自由創建一個角色 上下左右輕易控制角色 走道其他角色旁邊能互相討論 小遊戲battle 光是這五點特色,就足以推派它成為遠距教學的工具,除了打造不同空間的地圖外,最特別的是Gahter打造前所未有的臨場感,人與人之間只有靠近到一定距離,才能聽到彼此說話聲音,而相對應的,離開後聲音就會漸漸聽不到,就連白噪音的設計也是如此,非常的逼真。 不知道老師們會不會因為搭建地圖覺得麻煩,或是看到2D介面怕學生當遊戲在玩而不考慮這款軟體,換個角度思考,藉由不同地區的老師們集思廣益,打造出最適合學生學習的環境,像是不同學科的教室、戶外自然生態區、操場、籃球場等等....都可以更貼近真實校園,而像素的介面正好提高學生的學習意願,老師們擔心學生過於沉迷時,也能用全體廣播放上課鐘聲,或是讓學生們聚集在同一區,鏡頭站起來動一動 (另外推薦Active Arcade -> 趣味運動的APP ),就像早操一樣很真實。 線上教學缺乏臨場感,Gather可以創造了讓大家「一起在一個遊戲世界」的凝聚力。縱使Google Meet、Teams 雖然也可以進行討論,但若要每堂課要穿梭在不同會議間,節奏不流暢,使用Gather可以讓學生更自由地移動,相對應的老師也可以神出鬼沒地到處「旁聽」。 教孩子用科技解決問題,如果老師們也努力著示範給孩子看,創造出獨一無二的學習空間,相信對於孩子學習的歷程中,有莫大收穫。但到底怎麼開始使用?別擔心,這次快樂學程式邀請到Gahter界的大神 阿岳,要來和大家分享Gather的6大應用技巧,限名額唷~…

3 years ago

HTML入門系列:基本觀念介紹!

HTML入門&基本觀念介紹!         構成一個網頁,最重要的就是他的結構,而HTML就像是他的骨架,而CSS就是像是我們身體上的肌肉一般,而JS則像是人體的神經、血管般調整著我們身體、傳遞訊息,那麼HTML究竟是指哪些語法呢?   什麼是HTML?       HTML全文又稱為HyperText Markup language ,也就是所謂的超文本標記語言,是網頁構成的基本要素,換言之,網頁就是由一堆html所構成,透過瀏覽器,顯示文字、圖片、以及其他相關我們可以在網頁上看見的基本元素。而對於剛學程式的朋友來說,HTML有以下幾個重點: HTML的基本架構: HTML的基本觀念與優點1.容易學習-HTML的文檔製作非常簡單易懂﹐功能強大之餘還支持不同格式的文件鑲入。2.製作門檻低-HTML是文本﹐它需要瀏覽器的解釋。只要你學會了HTML﹐你就可以直接在Windows的記事本或寫字版上進行製作和編輯﹐當然你也可以用WPS來編寫﹐只要注意在存檔的時候用.htm或.html來做檔名就可以了3.有利於搜尋引擎理解你的內容,透過HTML所構成的頁面被稱作所謂的”靜態頁面”﹐而Google爬蟲會優先收錄靜態網頁﹐所以HTML對於Google來說就像是鯊魚聞到血腥味一樣﹐有利於吸引Google爬蟲。4.加快瀏覽速度-因為靜態網頁無需連接數據庫﹐因此比打開動態網頁的速度較快﹐對於消費者體驗來說有所幫助。5.網站更安全-因為HTML頁面不會受Asp相關漏洞所影響。 HTML的缺點與限制 1.太簡單﹐不能適應現在越來越發達的網路世界和應用的需要﹐比如手機﹑PDA﹑信息家電等都不能直接顯示HTML2.太龐大﹐由於HTML代碼不規范﹑臃腫﹐瀏覽器需要足夠智能和龐大才能夠正確顯示HTML。顯然在你的PDA上裝一個IE6是不可能的。空間不夠﹐運算也跟不上3.數據與表現混雜。這樣你的頁面要改變顯示﹐就必須重新制作HTML。對不同的網路設備顯示同樣的數據都需要制作不同的HTML4.只能對文本進行排版﹐而且HTML樣式使用標準文本標識﹐不能創建一些特殊效果 所以我該如何學習HTML? 有什麼比較快的方法嗎?       答案是沒有的﹐學習程式語言就像是學習廚藝一樣﹐只有透過不停的嘗試﹑嘗試和嘗試才能讓自己有所成長﹐並且慢慢強大。過程中你會一直遇上困難和失敗﹐但你在不斷解決困難的過程中能夠不斷發掘新的知識﹐從失敗中發才能不停的成長。無論你是學習那一種程式語言﹐都需要經歷困難和失敗才能讓自己更加強大﹐正所謂:不經一番寒徹骨,怎得梅花撲鼻香呢?對吧﹐我們能做的不是要找捷徑﹐而是透過不同的媒介和平台去不斷學習﹐那麼下面快樂學程式會為大家介紹一些很棒的程式教學網站﹐讓大家可以不斷提升自己。 1.w3schools.com- 語法練習的好地方這個網站是目前全球訪問量最大的網頁開發教程網站﹐網站裡有多種程式語言的教學﹐而且每種程式語言由淺到深的解說﹐從語言的介紹到不同的功能和方法都會分章節說明。所以無論你是從零開始學的白紙﹐還是已經在學習但遇到困難的新手都可以在這個網站上找到相關資訊﹐是個非常不錯的網站。那麼網址我們當然要雙手奉上﹐請慢用https://www.w3schools.com/ 2.CodeAcademy- 免費的教學網站這是全球其中一個最受歡迎的免費coding教學網站﹐已經有超過2400萬人透過這個網站學習到了如何去coding。這個網站是非常適合新手入門的同學去學習的﹐網站會一步一步仔細的教導而且還有實作﹐所以學習起來非常的快速! 3.StackOverflow- 實際案例與疑難雜症的解決處  這個網站比較適合一些已經有在嘗試動手實作的同學﹐當你在coding的時候遇上困難了﹐那麼你可以在這個可以解決超過80種程式語言問題的網站上找到答案﹐讓你的coding之路更加順暢。  如果你覺得爬網站麻煩又費時,不妨直接點擊快樂學程式的網頁前端課程,老師直接手把手帶你入門HTML !完整的基礎入門課程省下你獨自摸索花費的時間!   課程上架Udemy ! 準備一個輕鬆的週末,只要一天的時間,帶你建置靜態網頁。從實作中打開靜態網頁的大門,讓你的研究之路不是只有自己,有我們跟你一起努力!課程中你可以瞭解網站建置的世界觀與網站版型掌握HTML5的使用方式掌握 CSS3的使用方式使用Bootstrap處理前端UI框架現在開始上課!如果你的入門還在單打獨鬥,歡迎來到快樂學程式找到志同道合的夥伴,你的自學之路不孤單。快樂學程式

3 years ago

HTML語法整理! 3分鐘快速弄懂常用語法!

什麼是HTML?         HTML全名是HyperText Markup Language,是一種描述超文件的註記語言SGML(Standard Generalized Markup Language)所制訂出的一種網頁語言,是編寫網頁的基本語言,基本上現行的瀏覽器都可以讀取HTML,使用HTML可以編輯設計出網頁,也可以在網頁中加入所有HTML語言可支援的方式,例如表格、表單、圖片、文字、連結、程式等等。 HTML介紹與基本語法整理   不管你是小時候從撰寫無名小站為了要修改你的樣式,而開始瞭解HTML和CSS為何物,或是長大因為介面設計或前端工程開始踏入網頁的世界。HTML和CSS對於網站的重要性經過多年依然歷久不衰。在本篇會對HTML進行基礎的介紹並幫你整理出基本語法提供你在寫網頁時的快速參考!   編寫基本的HTML: 先讓大家看一下一個基本的HTML文件格式為: <HTML> <HEAD> <TITLE>網頁主題</TITLE> <Meta> </HEAD> <BODY>…

3 years ago

PHP是什麼?3分鐘PHP基本介紹!

PHP是什麼?3分鐘PHP基本介紹!       大家安安﹐快樂學程式這一次要跟大家分享PHP這種程式語言。希望幫助對於PHP有興趣的新手們可以透過我們的文章對這種語言有初步認識。一如以往﹐我們會分享以下幾項有關PHP的知識。 PHP是什麼?       PHP語言的全名是(PHP: Hypertext Preprocessor),和ASP、JSP等都是動態網頁開發語言,不過,PHP擁有跨平台的能力,無論是在Linux(最適合)、Unix、 Windows都可以執行運作,不像微軟 的ASP只能在Windows平台上執行,而且PHP是免費的,並可結合多種資料庫伺服器,如:MySQL、PostgreSQL、dBase、mSQL、Informix、ODBC、Oracle等。      PHP語言是伺服器端(Server)執行的網頁,不像一般HTML網頁,只要單機下開啟檔案就可以檢視網頁,PHP必須先在伺服器端執行完後,再將結果傳至使用者端(Client)的瀏覽器中檢視結果,所以必須使用網站伺 服器,且伺服器要支援PHP。 如何學好PHP?       要學好PHP,要有目的,要有一個想寫的東西,寫個學校網站,寫個校友系統,寫個簡單的新聞區或相簿...等,都可以,盡可能的和工作和生活結合,利用程式來簡化繁瑣的人工步驟,或者提昇工作效率,有目標,才會有動力,才會有想法。      學PHP不需要背,背不完的,只要懂就好了。像函數就不用背,常用的打久了你就背起來了,不常用的,等到要用時,知道去哪裡找就好。換言之,函數懂越多,功力越高強。      程式碼可以複製貼上,但一定要知道為什麼要這麼寫,不要傻傻的照著打,可以的話,自己打一遍最好,最上乘就是可以說出每一行程式碼的作用和前因後果。或者,故意打錯,看看會怎樣。錯誤訊息看久了,功力也就提昇了。 PHP程式碼執行方式 透過 Web Server 方式:例如利用 Apache…

3 years ago

PHP是什麼?基本介紹與語法整理

Sildenafil citrate oral jelly Combiné avec les données de départs 2, on leur a demandé de type 5 de tadalafil…

3 years ago