零基礎入門開發行業 - 0.0.1

IT行業是沒有門檻的,這句話我一直堅信。

沒有門檻,意味著面向於所有感興趣的人,只不過很多人找門找了很長時間,甚至是找了很長時間沒有找到後就放棄了。

入門很簡單,不需要學習枯燥的C語言,數據結構,高等數學,演算法,網路,硬體等,只需要你感興趣。當你學習到一定程度後自然而然的就會對上面的「枯燥」內容感興趣,主動去探尋了。

這篇文章以及之後的一系列文章就是教你如何找到開發的門。

知識普及

開發,在大的層面上基本分為軟體開發,硬體開發,伺服器開發,通信系統,科學研究。(對於腳本來說就不吐槽了,在我看來都不算開發)

軟體開發

你在日常生活中所能看到的一切在屏幕上看到的東西都叫做軟體,包括你在火車站自動取票的終端機的界面,你手機開機的界面,應用,智能電視的界面等等,都叫做軟體的界面,而軟體的開發簡單的理解就是把這些東西開發出來。

軟體開發又可以分為移動端開發,桌面端開發,網頁開發。

移動端開發指的是手機上的App的開發,包括了iOS系統中的App,Android(安卓)系統(這裡指的是可以運行安卓應用的系統,包括了基於安卓系統的小米的MIUI、華為的EMUI、OPPO的ColorOS、魅族的flyme,以及可以運行安卓應用的阿里雲等)中的App,甚至有的人也把微信小程序算到移動端開發中來。

桌面端開發大家就都熟悉了,Windows系統中的應用,Mac OS系統中的應用,Linux系統中的應用(大部分都是HTML寫的界面)等。

網頁開發就更常見了,基本上你每天都要用到瀏覽器,瀏覽器裡面訪問到的都是網頁。

硬體開發

你周圍幾乎所有能夠操作的家用電器都算是硬體,硬體的開發就是讓原本的擺設機器按照使用者的操作動起來。

伺服器開發

打個比方,你用微信和你的基友聊天,千里之外你們可以看的到對方發出的信息,這中間是怎樣一個過程呢?你發送出去的消息首先發送到微信的伺服器,微信的伺服器再找到你的基友,將這條信息轉發給你的基友,這樣你們兩個就可以互通消息了。開發這個過程就叫做伺服器開發。

伺服器開發中又衍生出來了一個叫做運營維護的職位,是專門負責保證伺服器正常運轉的職業。

通信系統開發

這個說起來就簡單了,從最早的有線電報,到有線電話,再到現在的2G,3G,4G網路,這些就叫做通信系統。這個行業和下面的科學研究一樣都需要一定的專業技能。

科學研究

應用於自然科學的一些高深的高大上的東西,這些東西沒有一定的基礎就不用去考慮了。

選擇如何入門

上面說了這麼多,那我們應該如何去選擇哪個方向入門呢?一般從軟體開發或伺服器開發開始。

你可能會問,這兩個之間只能選擇一個吧?這你就大錯特錯了,早就已經有了橫跨整個軟體開發和伺服器開發的利器。而我們最先選擇的就是學習這個利器!

開始搞事情

搞事情的工具

搞事情之前,我們手裡需要有趁手的搞事情的工具。有人說不需要任何工具,vim搞定一切,emmmm......我同意這個觀點,但是那都是大神才能做到的事情,小白就先老老實實找工具吧。

開發工具數不勝數,我這裡推薦使用微軟出品的Visual Studio Code。這貨免費還開源(至於開源是什麼意思,你可以百度,要不就等我之後再說咯)。直接百度搜索Visual Studio Code找到官網就可以下載。

Visual Studio Code

安裝完成後運行軟體,界面就是上面的樣子。(跟我的不一樣?因為我這個是mac版)

搞事情的地方

工具到手,那麼接下來就要找個地方來搞事情,搞事情也是需要天時地利的。

在你的電腦中創建一個文件夾,文件夾的路徑不要有英文之外的其他文字和特殊字元,這個文件夾將作為你搞事情的地方。

啥叫路徑?啥叫特殊字元?不知道路徑和特殊字元的話,那麼就這樣做:

Windows下打開我的電腦,找到隨便一個盤(D、E、F都行,有個幾十G的可用空間就行了),打開這個盤,然後右鍵新建文件夾,名字叫做「Project」,搞定。你創建的文件夾在你電腦中的位置就是路徑,比如說D:Project。

Mac OS下直接在桌面上右鍵新建文件夾,名字叫做「Project」,也搞定。Mac下的路徑就會比較長了,/Users/用戶名/Desktop/Project。

英文之外的其他文字和特殊字元則是指除了數字、字母、以及下劃線之外的其他字元,比如說中文、日文、!@#$%^&*()等。

現在搞事情的地方也就確定好了。

搞事情的範圍

在剛剛創建的「Project」文件夾下再創建一個文件夾,名字叫做「test1」也好,叫做"20180109"也行,反正你隨意就好,沒有中文,沒有特殊字元就行。

然後打開VSCode(即Visual Studio Code的縮寫,以後就叫這個啦)。點擊左側欄的第一個叫做「資源管理器」的圖標。

然後點擊打開文件夾,找到剛剛在「Project」創建的文件夾,選擇並打開。

介紹一下界面布局結構:

紅色區域:活動欄,從上到下的圖標依次是:

資源管理器:管理你開發中用到的所有文件

搜索:搜索你所有文件(或指定某些文件)中的內容

源代碼管理:當你需要和別人一起開發一個項目的時候才會用到

調試:用於調試代碼,分析代碼以及錯誤原因用的

擴展:VSCode的插件,可以聯網獲取下載安裝

藍色區域:側邊欄,點擊活動欄後展示出來的詳細內容部分

綠色區域:開發的主要區域,用於展示代碼和調試代碼

黃色區域:狀態欄,顯示錯誤信息,基本信息等

當然還有一個工具欄,因為我這邊是Mac OS,工具欄統一由系統提供,所以就不在這裡提了,等我換了Windows之後再來補充吧。

開始搞事情

我們做了這麼多準備工作,終於要開始搞事情了。

首先我們先學習的是網頁的開發。

網頁的開發首先離不開的就是HTML,一種超文本標記語言。這麼說大家可能不太理解,簡單的來說呢就是給你每段想要展示的信息都標記上不同的符號,來區分不同的內容,展示不同的樣子。

估計這麼說你也是一頭霧水,那麼我們直接上代碼。

首先點開VSCode中的資源管理器,在側邊欄中最大的空白部分右擊,選擇創建文件,輸入文件名「index.html」

在index.html中輸入以下代碼:

<html><head> <title>Hello World!</title></head><body> <div><p>這是我的第一個網頁。</p></div></body></html>

然後用電腦的資源管理器(Mac OS中為Finder,10.13之後為「訪達」)找到剛才你在「Project」中創建的文件夾,點擊去,能夠看到一個index.html,這個文件就是你剛剛在VSCode中創建的,雙擊打開,就能發現電腦打開了一個瀏覽器,顯示了一個頁面,頁面中有這樣一句話:

注意:如果你的瀏覽器打開並不是這樣一段文字,那麼推薦你用Chrome瀏覽器打開哦

你會發現剛剛寫的一堆代碼最後只展示了這一句話,那麼還寫這些東西有毛用呢?

你再看看打開的頁面的頂部標題,是不是變成了「Hello World!」了呢?

現在可以用一句簡單的話來說明標籤(也可以叫做元素):標籤(元素)是以尖括弧開始和結尾的,決定了內容在何位置,何時以何種方式顯示的記號。大部分記號是成對出現的,結尾的尖括弧中以「/」開始。

對,上面的代碼中 <html></html>,<title></title>,<body></body>,<div></div>,<p></p>都是標籤(元素)。

不同的標籤有不同的作用,通過對標籤的組合我們展示出了不同樣式的網頁。

有人會問,那你怎麼知道哪種標籤代表了什麼樣子呢?這個問題不用考慮的,全世界共用一個HTML標準,這個標準中規定了標籤以及對應的邏輯。

有人會說了,那是不是要背好多的標籤,因為網頁的展示有好多不同的樣式。這就大錯特錯了,常用的標籤就那麼多,其餘的都是通過互相組合來完成的。當然最新的HTML標準中允許自定義標籤,那就是後話了。

好了,至於具體的標籤學習,以及學習HTML之後還要學習什麼,就看下一篇吧。

林佳:零基礎入門開發行業 - 0.0.2?

zhuanlan.zhihu.com圖標
推薦閱讀:

移動端開發使用css中使用position將一個div固定瀏覽器底部,會擋住內容,該怎麼完美的解決?
aria-labelledby 的用法是怎樣的?
HTML表格中沒有<tbody>,CSS中需要添加>tbody>tr?
打造網頁版「大白」
為什麼Markdown在2004年才出現,而推廣更晚?

TAG:軟體開發 | 前端開發 | HTML |