fbpx
小白學程式工程思維程式新手

JS 成長日誌|新手必知的五個 JS 知識點

今天我要來和新手朋友分享學習半年 JS  的成果分享,但我不打算談較個人的學習經驗(挫折、心路歷程等等),所以這就表示~ 此篇知識含量偏豐🤩 大家可以期待一下看完後精彩的 takeaway 嘍 👀   👣 開始閱讀前警示:本文中不會聊到太多過於冷僻或深入的內容,主要著重在有趣或是重要的應用。我也會盡可能找出新手的盲點(讓我自己學習起來較艱辛的部分),如果沒有剛好對上你的需求你可以考慮看看我的其他篇 JS 文章~😉   🎬 Action! 🎬 🙆‍♀️:JS 除了拿來做網頁互動之外,還有哪些新手知道後會嗨的點呢?讓我們一起看下去👇   新手不可不知的五個 JS 知識點   Null…
iris
October 13, 2020
初學程式小白學程式程式新手

網頁日記 # 4|Iris 程式小白

上集聊完 DOM 基本概念和 JS 如何與 DOM 互動之後 Ex: innerHTML() , createElement() , appendChild() 等等 這集要來和大家介紹新手朋友看到就頭痛的「Callback function 回呼函式」,大家準備好了嗎?   看過第一、二集學習日記的朋友們應該都清楚:凡是在 JS 中所見即「物件」。所以,當我說函式 (function) 也是物件時,你應該覺得跟呼吸一樣自然🤙 但是,你有想過函式也能如同數值一般,作爲參數 (argument)…
iris
October 10, 2020
333 系列初學程式小白學程式程式新手

333系列|前端必備技能 🎯

距離我🙆‍♀️ 學習 JS 也有一段時間,不過心裡總是有一些不安全感和憂慮 這是我今天聽完前輩分享的心得,希望能幫助到面臨類似問題的朋友們   前端職場必備技能 前端變幻莫測  我該如何克服焦慮? 其實很多時候我都會覺得前端究竟有完沒完,技術似乎怎麼學都學不完也學不透、付出的努力和收穫不成正比... 最後陷入自我懷疑🤦‍♀️ (甚至有想換跑道的念頭),但每次回過神冷靜下來,還是決定堅持初衷繼續往前端邁進。不過,這樣的負面情緒的堆疊確實影響到我的學習狀況,尤其是每每一個新技術誕生,我就會 FOMO 恐懼發作立即感到焦慮深怕錯過什麼,回想幾個月前看到新技術眼睛發亮🙈  在仔細回想和思考前輩的話後,我利用一張 A4 白紙回顧了踏入前端這段日子我所累積的知識,譬如 HTML 網頁架構和標籤寫法、CSS 畫面編排和位置、Javascript 語法邏輯等等(回顧的過程需脫離當前專案和學習上的思緒,retrospect 前些日子所學,在紀錄時盡量組織化、簡單化複雜技術僅留核心)。回顧後驚覺,我所具備的技能不比想像少,但同時也察覺到我的技能漏洞,讓我知道需要強化和補足的地方,也使我免於無謂的焦慮和技能恐慌。針對這題還有一點我必須提及:身為新手(非資深)的我們不要急著想去征服知識、擁有對一個新技術全面的了解,這背後原因絕對不是因為你實力不堅強抑或能力不足,而是時間精力不允許。反而,練習如何用短時間掌握新技術的核心觀念才是我們應該培養的真能力。   想保有競爭力  …
iris
October 7, 2020
333 系列初學程式小白學程式程式新手

333系列 |接案 = 微創業?

如果渴望接案自己當老闆、自主決定上下班時間,且總是能在最舒適無打擾的地方工作,那你一定和我一樣思考過接案這條路   但,現實總是殘酷,看似輕鬆的工作背後的辛酸和不容易不是局外人可以想像的 不過這篇來自過來人的建議也許能夠替你點亮你接案路上的明燈,讓你少繞點路、多一點踏實   首先,你必須瞭解現狀   何謂瞭解現狀?現狀的瞭解包含了認識自己能力和個性的長處,與清楚自己職涯面的選擇和期許。以下分為三點做討論   正職乃無技術接案之母 對於無技術的朋友,你的第一步應是充實技能、培養專業能力。但在技能養成之前,不會建議新手直接接案來累積作品集,或是貿然將接案作為正職。比較建議的做法是:先轉職(轉到你有興趣接案的領域),在行業打滾三五年熟悉工作領域、穩定生活和經濟後再考慮接案(作為副業),到時待累積足夠能量和經驗後再由副轉正也不遲。   另一方面,有技術的朋友需要培養的是更加符合接案市場的技能(往往接案所需技能和用於求職的主流工具有一定的差距),和最重要的「企業才能」。所謂企業才能包含創意思維、溝通表達技術、合作手法和整合決策力,這些總總能力的積累都需透過觀察(大至世界傑出人物,小至上司管理者)和廣泛閱讀精進所得。   個性決定接案規模 了解自己的個性是求職的第一步。大多數人因為個性和工作性質的落差導致對於工作的諸多不滿,長期下來壓力、摩擦和負面能量成了離職的催化劑。避免工作和個人理念的衝突最好的方式為充分了解自己的個性和職涯的的滿足點,假如你總喜歡享受獨處時光,你可以考慮的單獨接案;但若是你非常需要夥伴的陪伴和幫助,也許你比較適合工作室合作接案,藉由不同角色之間的專業分工與相互搭配,團隊中的個人可以專注在擅長領域,免於受身份混淆之擾。最後,如果你的事業心蓬勃,你可以考慮將工作室擴展成為接案公司,容納更多接案者和接收更大量欄自四面八方的案子。   專長領你選擇角色 如上所述,團隊接案中有些許不同角色,這邊我們要來介紹幾兩個主要的接案角色。第一,專案執行者;第二,PM(專案管理者)。專案執行者即為我們想象中接專案的樣貌,專門負責寫code、串接 API、建 APP 等等工作;PM 角色略略不同,專案管理者從組隊、工作分配、協作溝通、決策推演都需要一手包辦,性質偏向管理者,但同時具備足夠的專案經驗以負責建立客戶和供給端的溝通橋樑。假如因為個性上緣故選擇單獨接案,那麼你需要面臨的最大考驗就會是「如何兼顧 PM 和專案執行者角色」,在時間和成效最大化情況下將專案順利完成。…
iris
September 30, 2020
Python初學程式小白學程式程式新手

Python 系列|Python 爬蟲新手篇

爬蟲第一步? 資料科學好難?    看完爬蟲懶人包,身為 Python 新手的我不禁手癢+心血來潮想了解更多爬蟲的資訊。 以下內容我不會重複太多懶人包的內容(防吉  大家多體諒~ 所以大家如果需要再自己去取用 這邊就不破梗嘍😝   首先,在理解一個新概念之前,最優先要處理的是「定義」 所以~ 回到主題 爬蟲到底是什麼?   網路爬蟲(英語:web crawler),也叫網路蜘蛛(spider),是一種用來自動瀏覽全球資訊網的網路機器人  --- 維基百科   以白話文解釋,網路爬蟲就是讓程式模擬人操作電腦的行為,利用自動化大量搜集特定資料的過程。再簡單一點說,就是寫一套程式,讓它幫你自動抓取特定資料   可想而知的是,網路上的資料漫漫且日異更新,要如何得到目標資料,擷取後再做進一步分析就是我們最大的爬蟲課題。所以許多網站才會告訴我們,爬蟲可能有的一些局限,包括錯誤爬取到無用內容、中文字難以檢索處理等等  …
iris
September 30, 2020
初學程式小白學程式程式新手

網頁日記 # 3|Iris 程式小白

好久不見~ 看完前兩集 JS 概念大補帖大家有沒有更清楚核心概念了呢? 來快速複習一下前 10 點吧😎   console控制台/ console.log 變數 型別 陣列 物件/ 物件導向 迴圈 for & while 函式 函式宣告式/表達式 建立函式的方法 閉包   如果看過以上主題還有覺得概念模糊的地方,歡迎回頭複習上集、下集~…
iris
September 26, 2020
初學程式小白學程式程式新手

網頁日記 #2|Iris 程式小白

JS 基本概念大補帖(下) 你是否和我一樣快速入手 JS 時沒想太多,但到頭來才發現少了些什麼呢? 那麼~這篇文章就是為你而寫 以下為 JS 五問下集,送給同是新手的你們 🙌 如果還沒看上集的人先去看完再回來吧!   🎯 什麼是迴圈? 所謂迴圈就是一個永無止盡的迭代循環,簡單來說就是當滿足一定條件的情況下程式碼會自動幫你一次又一次的執行,直到達到另一個條件/限制(或是系統 crashdown 😱)才會停止   常見的迴圈有兩種:For & While   For 迴圈: 1.…
iris
September 21, 2020
333 系列初學程式小白學程式成長日誌程式新手

333系列 轉職工程師 | Iris 程式小白

這篇文章專為想轉職的朋友而寫 若你已是工程師也歡迎用此篇自我檢視🙂 如何成功轉職成為工程師? 這邊有10點小撇步也許能幫到你😍   1. 自帶「工程思維」🧠 以思考取代空想,練習將抽象的概念具體化成作法,一步步培養如工程師般的工程思維。 2. Problem Solving 🤔 解決問題的能力已經是老生常談,但真正能確實執行的人寡。真實地去發覺問題,進而面對它、處理它才是能進步迅速的良方。 3. Google Searching  ⌨ 如何運用 Google 搜尋引擎搜尋關鍵字是現代人必備的基本招,對於工程師更是如此。值得一提的是,資料搜集的過程看似簡單,但事實上它暗藏些許玄機,像是「如何從一次次的搜尋中釐清並更加精準地找出 Target」、「如何判斷資訊偏差的網站」都是需要格外留心注意的。 4. Teamwork  團隊合作&協作力在現今職場的重要性不在話下,工程師界也不例外。如何營造良好人際關係,以致於能夠順利溝通合作,使案子能夠如期執行是許多過度專注於專研技術的朋友常忽略的。 5.…
iris
September 15, 2020
Javascript初學程式小白學程式程式新手

網頁日記|Iris 程式小白

JS 基本概念大補帖(上) 你是否和我一樣快速入手 JS 時沒想太多,但到頭來才發現少了些什麼呢? 那麼~這篇文章就是為你而寫 以下分為 JS 五問,送給同是新手的你們😆   🎯 1. 什麼是 console ? 什麼又是 console.log? Console 譯成中文即為「控制台」,普遍來說是 Javascript 中最直接的編譯器,讓開發者(讓任何寫 JS 的人都能快速除錯、初步篩檢)。 Log 相對來說較為複雜,一般我們平常所知道的意思為「對數」或是「木材」…
iris
August 30, 2020
333 系列初學程式小白學程式程式新手

前端工程 3 進程|Iris 程式小白

這篇僅需花你 33 秒時間,即可簡單瞭解前端工程面貌!如果想要看更深入的內容底下留言告訴我~   第一問:前端工程是什麼? 前端 實現網頁設計師的稿圖,將使用者介面呈現給使用者 優化網站效能 常與 UI、UX 設計師合作,以提升網頁體驗 熟悉網站優化技巧 SEO、RWD…  具基本美感(用色、排版) 後端 後台儲存、處理資料 優化資料庫結構、伺服器效能 熟悉演算法   第二問:前端工程 3 大工具為哪些? HTML 靜態網頁 描繪網頁結構…
iris
August 26, 2020