疑難雜症萬事通
在網路上遇到任何問題都可以在這邊找找看唷

Search

關於 javascript project ，我們在網路上蒐集到這些相關的討論、資訊與評價

相關標籤 相關照片 相關影片
在javascript project這個產品中，有31篇Facebook貼文，粉絲數超過10萬的網紅BorntoDev，也在其Facebook貼文中提到， 🔥 มาาาา ทุกคนน แอดมีของดีมาบอก !! กับคอร์สออนไลน์ JavaScript แบบพื้นฐานที่ฟรี และ ดีมากไปด้วยกันนน !! . ที่จัดเต็มจัด ๆ กว่า 30 ตอน แถมไม่ใช่แค่นั่งเ...
　同時也有4部Youtube影片，追蹤數超過7萬的網紅在地上滾的工程師 Nic，也在其Youtube影片中提到，自從遠端工作之後，出勤的打卡記錄也轉成線上服務 雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打 但也因為在家裡工作反而常常忘記打下班的卡! 每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 XD? 既然容易忘記，我們就來寫個自動打卡系統吧...

「javascript project」的推薦目錄：


javascript project 在 BorntoDev Facebook 的最讚貼文

BorntoDev By BorntoDev

2021-07-01 21:00:01 有 273 人按讚
  • Share this:

🔥 มาาาา ทุกคนน แอดมีของดีมาบอก !! กับคอร์สออนไลน์ JavaScript แบบพื้นฐานที่ฟรี และ ดีมากไปด้วยกันนน !!
.
ที่จัดเต็มจัด ๆ กว่า 30 ตอน แถมไม่ใช่แค่นั่งเรียน เพราะเรามี Project และ Challenge ให้ทำระหว่างทางแบบจัดเต็มไปเลยจ้าาา เรียกได้ว่าจบคอร์สนี้พอจะมองการทำงานคร่าว ๆ บนเว็บไซต์ออกได้เลย !! <3
.
และ ไม่ใช่แค่คอร์สฟรีธรรมดา แต่ถ้าใครทำแบบฝึกหัดครบจบ ส่งโปรเจคเรียบร้อยกับฟรี "Certificate" จาก borntoDev ไปเลยย โอ้โห ใจป๋ากว่านี้ไม่มีอีกแล้วคร้าบบ 555
.
👉 เอาเป็นว่าใครสนใจอย่าลืม เข้ามาเรียนกันได้แล้วที่นี่ได้เลยย >> https://academy.borntodev.com/p/introduction-to-javascript/
.
แอดแอบกระซิบบอกว่า "ยิ่งใครเคยมีพื้นฐานการเขียนโปรแกรมมาแล้วนะ คอร์สนี้เรียนจบสบาย ๆ ใน 1 - 2 วันเลย !!" มันง่ายแบบนั้นจริง ๆ 5555
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

Tags:
BorntoDev

About author
BorntoDev (www.BorntoDev.com) เว็บไซต์ที่เกี่ยวกับการสอนการพัฒนาโปรแกรมหรือผลงานทางด้านคอมพิวเตอร์ จัดทำขึ้นเมื่อ 27 ตุลาคม 2556 โดยมีจุดมุ่งหมายเพื่อต้องการให้ผู้ที่สนใจพัฒนาซอฟต์แวร์ แอปพลิเคชั่น หรือ ผลงานทางด้านคอมพิวเตอร์ได้มีแหล่งในการเรียนรู้ที่ง่าย และ สนุก ไม่เน้นทฤษฏีจนทำให้ท้อหรือถอดใจไปก่อนจัดทำขึ้นโดยกลุ่มคนที่ต้องการจะเห็นความเปลี่ยนแปลงทางด้านเทคโนโลยี และ มีความหวังว่าจะมีนักพัฒนารุ่นใหม่ของไทยที่มีผลงานที่ยิ่งใหญ่ขึ้นมาได้ โดยจะใช้หลักการ “เน้นสนุก สอนเข้าใจ ทำได้จริง” สามารถเข้ามาเรียนรู้การพัฒนาซอฟต์แวร์ได้ตั้งแต่ระดับมัธยมศึกษาจนถึงนักศึกษาในมหาวิทยาลัย และ บุคคลทั่วไปที่สนใจในการพัฒนาซอฟต์แวร์และเทคโนโลยีคอมพิวเตอร์ ซึ่งในปัจจุบันนี้ถือว่ามีความสำคัญกับทุกสาขาอาชีพ และ เข้ามาเกี่ยวข้องกับทุกๆอย่างในชีวิตของเรา
ความสำเร็จของเรา คือ "การที่ได้เห็นคนไทยหันมาพัฒนาซอฟต์แวร์เพื่อโลก ที่ดีขึ้น"
96872 followers 92473 likes "http://www.borntodev.com/"
View all posts

javascript project 在 Taipei Ethereum Meetup Facebook 的最佳貼文

Taipei Ethereum Meetup By Taipei Ethereum Meetup

2021-06-21 17:57:20 有 6 人按讚
  • Share this:

📜 [專欄新文章] Scaling Ethereum 參賽心得

✍️ Johnson

📥 歡迎投稿： https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium

Scaling Ethereum 是一場由 ETHGlobal 所舉辦的線上黑客松，也是我第一次參加與以太坊有關的黑客松活動，這篇文章就來分享一人參賽的過程與心得。

源起

一開始是在 telegram 群組中得知這場比賽的消息，因緣際會之下剛好有人想組隊參賽，於是就在報名截止的前一天一起跟著報名了。

報名的方式除了填一些基本資料外，最特別的是還要 stack 以太幣，也就是要傳送 0.01 顆以太幣給主辦方，規則是必須在比賽的最後，有提交作品的人才能贖回 0.01 顆以太幣，之後看到 meme 頻道有人留言：

When your project is incomplete but you submit to get back stake.

一方面，這確實也會激勵你好好把比賽完成，就算沒做完也要有些成果上去，這也是主辦方秉持的精神，他們認為大家來黑客松相互學習成長，競賽獎金則是其次。

獎金

比賽方式是由 25 個左右的贊助者（sponsor）分別提供獎金，每個 sponsor 都有錄製一段影片，說明怎麼獲得他們的獎金，大部分會要你使用他們開發的工具，或者必須跟 sponsor 在做的研究有關，去實作出創新的作品。可參考：Prizes — Scaling Ethereum

你的專案可以選擇要投入哪個 sponsor 的獎金，一個專案可以投入多個 sponsor 底下，這樣獲獎機會也會比較高。

我選擇的 sponsor 是 zkSync，他們的說明如下：

zkSync is a user-centric zkRollup developed by Matter Labs. It uses zero-knowledge proofs to keep data availability on mainnet to achieve exponentially lower transaction costs. You may have seen us powering projects such as payments and Gitcoin Grants. We are currently rapidly developing zkSync 2.0, which will feature EVM-compatibility in testnet May 2021, soon followed by zkPorter, our new exponential scalability solution.

PrizeszkSync will be awarding their Prizes as follows:
- 1 winner — 4,000 USDC
- 2 winners — 2,000 USDC
- 4 winners — 500 USDC

We encourage builders to utilize zkSync SDK’s, implemented in JavaScript/Typescript and Rust. Prizes will be awarded to projects that make it simpler and easier for non-technical users to use zkSync, other ideas include integrations of current tools such as in Gitcoin Grants and tools for easy mass payments and multi-sigs.

社群互動

這個 hackathon 很棒的地方是他把使用者體驗做的很好。每個人都會有自己的 dashboard 顯示目前專案的進度和一些訊息。

Check-In #1 和 Check-In #2 的階段會要你提供專案的構想，你隨時都可以修改。主辦方會看你提交的資訊，幫助你找到適合的 sponsor，或是給你一些建議，就算是一人參賽也能感受到回饋。

整個賽程期間，社群都是使用 discord 在互動，discord 裡頭有很多頻道，像是基本的大會報告的頻道，或是一些不重要的迷因、閒聊頻道都有。

每個 sponsor 也都有自己的頻道，我就會在 sponsor-zksync 的頻道詢問技術的問題，例如我想問問 zkSync 一些關於專案構想的意見：

Hi there, I want to build a gas fee relayer which make my ERC-20 token transfer without transaction fee, to be more precise, delegating gas payment by another party. I think this is done by GSN https://opengsn.org/ , but maybe it could built on L2 with zkSync? I’m not sure, could somebody give me some advice about this topic?

zkSync 團隊的人回應我：

This is an amazing idea! This can totally be built, as we support batching transactions which can be used for all kinds of creative things such as paying for transaction fees in an erc-20 token. Your idea seems like a combination of that and the gitcoin grants integration. To get started, I suggest you watch the short 10 minute presentation I made on using the SDK and batching. Looking forward to your project!!

在 Check-In #2 的時候，我提交新版的專案構想，有一個欄位是問：「目前專案遇到什麼阻礙？」我的問題應該是被主辦方貼給 zkSync 的團隊，於是 zkSync 的團隊成員就用 discord 私訊我，貼了一些程式碼教我怎麼使用他們的 Javascript SDK，這突如其來的救援也幫了大忙。

除此之外，主辦方每個禮拜都會寄 email 通知一些重要的活動，賽程期間舉辦了四個 Summits 研討會，邀請世界各地有名的以太坊開發者分享議題，主辦方還有一個自己的 TV 網頁，直播所有的線上活動。這些活動都有錄影，可以在 youtube 看到過去所有的演講內容：https://www.youtube.com/c/ETHGlobal/videos

因為我的作品是使用 zkSync 的 Javascript SDK 製作的，好像也只能投稿 zkSync 作為獎金的 sponsor，不過主辦方在最後一個禮拜，也寄 email 告訴我說可以多投稿不同的 sponsors 看看，他依據我的專案構想給我一些適合的 sponsors 作為參考。

不過最後我還是只投稿了 zkSync，有點懶著再看其他 sponsors 的文件，也覺得其他 sponsors 的題目需要花比較大的功夫才能完成，一個人能力有限，就做點簡單的東西就好。

關於我的專案 — Gas Relay Service

在以太坊的世界，每一筆交易都需要額外付一筆交易費，也就是以太坊的 gas fee。

我的專案是讓「收款人」能夠幫「付款人」支付以太坊的手續費。

在黑客松之前，我就想研究「第三方支付手續費」的議題，因此我大部分時間其實都在研究一般的 meta-transactions 是怎麼實作的，有興趣的人可以看看 simple meta-transactions 的原始碼：https://github.com/chnejohnson/simple-meta-transaction

之後我才開始玩 zkSync 的 SDK，並研究怎麼在 Layer 2 實現第三方支付手續費的問題，以下就附上作品連結以及簡單的專案介紹給有興趣的人參考：https://showcase.ethglobal.co/scaling/gas-relay-service-on-zksync

The target is that token sender can choose to find another account to pay for fee. The another account can be (1) the token receiver’s account, (2) sender’s another account, (3) third party’s account.

In this project, I finished the demo, which is the (1) above, that receiver pay gas fee for the sender.

有趣的是，我在研究 meta-transactions 時學到很多智能合約的寫法，結果在最後專案上都沒用到（沒寫到合約的程式），zkSync Javascript SDK 其實很簡單，他們的文件寫得很清楚。最後 Demo 還是用 zkSync 團隊的成品修改來的…XD。

所幸在沒有懂太多技術的前提下完成了這場黑客松的專案，成功贖回了 0.01 顆以太幣。

評審與決選

整個賽程來到最後一個禮拜，主辦方安排兩天的時間進行 Judges，使用 zoom 進行線上研討會，一個人基本上是 7 分鐘，前 4 分鐘播放 Demo 簡報，後三分鐘會有評審問問題。

第一個問題是說：「Demo 中你是使用 zkSync 的錢包網頁去操作，那實際上你做得部分是什麼？」

我就回答我在他們的網頁上加了一顆按鈕，使用他們的 SDK 做出 gas relay 的功能，還有一個後端的 server 去作 relay。

第二個問題大概是問：「什麼樣的情境下會需要由 receiver 幫 sender 支付 gas fee？」

我的回答是，在一般超商購物的情境，消費者通常只支付商品的價格，不會支付額外的交易費，我認為以太坊的手續費應該屬於軟體的營運成本，由賣方支付比較適合。那如果賣方希望手續費的成本是由消費者承擔，可以直接調高商品的價格。

當然，我英文講得零零落落，希望評審有聽懂就是了…

最後一場直播就是 Finale 決選，主辦方選出十二個隊伍，公開再 Demo 一次，以及提供線上觀眾詢問問題，至此整個賽程就差不多進入尾聲。

決選後的不久，主辦方就公布了這次有獲得獎金的隊伍，幸運拿到了 zkSync 頒發的小獎～

zkSync — Matter Labs

- Zeneth — 2000 USDC
- ZeroSwap — 1500 USDC
- Kangaroo — 500 USDC
- Gas Relay Service — 500 USDC

後記

這次的參賽隊伍中，Zeneth 跟我的主題非常相似：
Zeneth — Use Flashbots to enable arbitrary meta-transactions so EOAs can enter L2s without ETH

另一個我覺得有趣的專案是 Alexandria：
Alexandria — A dApp using STARKs to verify aspects of your identity without revealing more than you should

沒想到主辦方 ETHGlobal 下個月又要再舉辦一場黑客松，有興趣的人可以看看：https://defi.ethglobal.co/ ，這次的主題是 De-Fi。

最後，只要有到 ETHGlobal 的 TV 網頁參加 Summit 研討會的直播，就能夠獲得 POAP 勳章，它就是一個酷東西～😋

POAP: Proof of Attendance Protocol

Scaling Ethereum 參賽心得 was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.

👏 歡迎轉載分享鼓掌

Tags:
Taipei Ethereum Meetup

About author
We have regular meeting twice per month on discussing blockchain technology, smart contracts and DApps development! We would love to have you join us!
3460 followers 3097 likes "https://www.meetup.com/Taipei-Ethereum-Meetup/"
View all posts

javascript project 在 BorntoDev Facebook 的最佳解答

BorntoDev By BorntoDev

2021-06-04 17:00:04 有 117 人按讚
  • Share this:

☕ CoffeeScript เป็นภาษาขนาดเล็กที่ Compile เป็น JavaScript สร้างขึ้นเมื่อปี 2009 เพื่อลบจุดด้อยของ JavaScript มี Syntax ที่ง่ายต่อการเรียนรู้มากกว่า JavaScript ช่วยให้เราเขียน JavaScript สั้นลง ดูแลได้ง่ายนั่นเอง !!
.
👨‍💻 การใช้งานเบื้องต้น
ก่อนอื่นจำเป็นต้องมี Node.js และ NPM ก่อนนะ และเริ่มต้นเขียนคำสั่งตามด้านล่างเลยจ้า
.
คำสั่ง
# Install locally for a project:
npm install --save-dev coffeescript
.
# Install globally to execute .coffee files anywhere:
npm install --global coffeescript
.
จากนั้นทำการเปิดใช้งาน CoffeeScript Library
coffee -c filename.coffee
.
ทดลองพิมพ์คำสั่ง
.
console.log "Hello world"
.
จะเห็นได้ว่า CoffeeScript มันไม่ต้องใส่วงเล็บ ก็สามารถรันโค้ดได้
.
🔎 มาดูข้อดีของ CoffeeScript กันดีกว่า
.
⭐ เข้าใจง่าย - เพราะ Syntax ของเจ้า CoffeeScript จะเน้นเขียนง่าย ทำให้จัดเรียงโค้ดได้สะอาดตา และทำให้เราเข้าใจได้ง่าย
.
⭐ ไม่ต้องใช้ var - ไม่ต้องประกาศ var ก่อนตัวแปร มันจะช่วยหลีกเลี่ยงปัญหาขอบเขตของตัวแปรได้
.
⭐ หมดปัญหาเรื่องลืม Symbol - เพราะ CoffeeScript ไม่ต้องใส่ Symbol เช่น () หรือ ; ต่อท้ายเลย ซึ่งเราจะใช้การเว้นวรรคแบ่งการทำงานของแต่ละฟังก์ชันแทน คล้ายๆ กับใน Python นั่นแหละ
.
⭐ Less Code - บรรทัดของโค้ดจะลดน้อยลง ซึ่งมันจะช่วยลดความซับซ้อนของโปรแกรมนั่นเอง
.
⭐ ดูแลง่าย - การที่มันเขียนง่าย เข้าใจง่าย มันจึงทำให้เราสามารถแก้ไขโค้ดได้ง่ายนั่นเอง
.
🌈 ทำไมถึงได้รับความนิยมน้อยลง ??
.
ด้วยการเกิดของ ES6 ในปี 2015 ซึ่งทำให้ลบจุดด้อยของ JavaScript ไปได้เยอะ และยังเพิ่มประสิทธิภาพของ JavaScript ไปได้อีกด้วย แถมยังมี Community ที่ใหญ่มากขึ้นด้วย อีกทั้ง TypeScript ก็ถูกพัฒนาเป็นภาษามาตรฐาน และมีประสิทธิภาพด้วยเช่นกัน ทำให้เจ้าใหญ่ๆ เช่น Angular ใช้ TypeScript ในการพัฒนาเป็นหลัก จนทำให้ทุกวันนี้ CoffeeScript ลดความนิยมไปอย่างมากนั่นเอง
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน

Tags:
BorntoDev

About author
BorntoDev (www.BorntoDev.com) เว็บไซต์ที่เกี่ยวกับการสอนการพัฒนาโปรแกรมหรือผลงานทางด้านคอมพิวเตอร์ จัดทำขึ้นเมื่อ 27 ตุลาคม 2556 โดยมีจุดมุ่งหมายเพื่อต้องการให้ผู้ที่สนใจพัฒนาซอฟต์แวร์ แอปพลิเคชั่น หรือ ผลงานทางด้านคอมพิวเตอร์ได้มีแหล่งในการเรียนรู้ที่ง่าย และ สนุก ไม่เน้นทฤษฏีจนทำให้ท้อหรือถอดใจไปก่อนจัดทำขึ้นโดยกลุ่มคนที่ต้องการจะเห็นความเปลี่ยนแปลงทางด้านเทคโนโลยี และ มีความหวังว่าจะมีนักพัฒนารุ่นใหม่ของไทยที่มีผลงานที่ยิ่งใหญ่ขึ้นมาได้ โดยจะใช้หลักการ “เน้นสนุก สอนเข้าใจ ทำได้จริง” สามารถเข้ามาเรียนรู้การพัฒนาซอฟต์แวร์ได้ตั้งแต่ระดับมัธยมศึกษาจนถึงนักศึกษาในมหาวิทยาลัย และ บุคคลทั่วไปที่สนใจในการพัฒนาซอฟต์แวร์และเทคโนโลยีคอมพิวเตอร์ ซึ่งในปัจจุบันนี้ถือว่ามีความสำคัญกับทุกสาขาอาชีพ และ เข้ามาเกี่ยวข้องกับทุกๆอย่างในชีวิตของเรา
ความสำเร็จของเรา คือ "การที่ได้เห็นคนไทยหันมาพัฒนาซอฟต์แวร์เพื่อโลก ที่ดีขึ้น"
96872 followers 92473 likes "http://www.borntodev.com/"
View all posts

javascript project 在 在地上滾的工程師 Nic Youtube 的精選貼文

在地上滾的工程師 Nic By 在地上滾的工程師 Nic

2021-07-12 21:00:16 有 58,419 人看過 有 2,019 人喜歡
  • Share this:

自從遠端工作之後，出勤的打卡記錄也轉成線上服務

雖然我也想不透工程師都線上工作了還打什麼卡...不過沒關係，打就打

但也因為在家裡工作反而常常忘記打下班的卡!

每次結算薪水都很痛苦，一整排的異常，是不是像我這種認真工作的人更容易忘記打下班的卡 XD?

既然容易忘記，我們就來寫個自動打卡系統吧!

拯救自己多無趣，當然要拯救所有同事啊!

這支影片特別感謝我的團隊伙伴陪我一起耍北爛，有你們真好。

===本月活動===
7/22 晚間 8 點「後端領航者論壇」直播活動，歡迎來參加
（適合新、中手或想往後端開發的工程師朋友）
名額有限，手刀報名 👉 https://bit.ly/3jERZRH

===影片中提到的專案===
自動化打卡 project 使用 Ruby on Rails 撰寫，架設於 Heroku
repo: https://github.com/niclin/bernard

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#前端 #後端 #工程師

post-title
在地上滾的工程師 Nic

About author
65300 subscribers viewes
View all posts

javascript project 在 在地上滾的工程師 Nic Youtube 的最讚貼文

在地上滾的工程師 Nic By 在地上滾的工程師 Nic

2021-05-24 21:00:11 有 32,312 人看過 有 1,435 人喜歡
  • Share this:

很多人都說要寫 Side project 提升競爭力、增加作品，但是不是總迷惘，要如何開始呢？

這支影片會和你分享，過去我從無到有，利用下班時間累積的 Side project，帶給我個人成長的好處

我的部落格文章:
1. 2 個月擁有 6000 用戶 Side project 這樣做（一）
https://blog.niclin.tw/2019/09/03/start-your-side-project-beiyi-app-1/
2. 2 個月擁有 6000 用戶 Side project 這樣做（二）https://blog.niclin.tw/2019/09/10/start-your-side-project-beiyi-app-2/
3. 2 個月擁有 6000 用戶 Side project 這樣做（三）https://blog.niclin.tw/2019/09/18/start-your-side-project-beiyi-app-3/
4. 經營 Side Project 300 天所帶來的收穫及挑戰
https://blog.niclin.tw/2020/05/27/beiyi-app-side-project-review/

章節:
00:00 學習挑戰與累積
01:07 什麼是 Side Project
03:46 如何開始 Side Project?
06:24 我的第一個 Side Project
08:37 收穫源自於失敗

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#工程師 #sideproject #前端 #後端

post-title
在地上滾的工程師 Nic

About author
65300 subscribers viewes
View all posts

javascript project 在 在地上滾的工程師 Nic Youtube 的最佳解答

在地上滾的工程師 Nic By 在地上滾的工程師 Nic

2021-02-22 21:00:06 有 20,507 人看過 有 593 人喜歡
  • Share this:

## 影片觀看說明

由於問題較多，大家的問題也可能是你的問題，建議可以先閱讀下方的「問題總匯」區，找到時間碼 Time code 之後跳轉到自己想聽的部分，會比較有效率哦

本影片 Q&A 留言是抓取
【2020 年度回顧! 成為 Team leader? 業外收入增加? 技術能力成長? (第一次蒐集 Q&A)】https://youtu.be/BGaDN9wxbKE

## 影片中提到的專案

簡單用 React 撰寫的留言爬取篩選功能，可以自己抓去玩
https://github.com/niclin/youtube-comment-filter

## 問題總匯

00:00 開場
01:26 QA-1 - 林天寸

一直很喜歡妳的頻道，不單單是因為工程師，當然也有部分原因是自己也是走工程師這條路的。
前一年2020年開始，其實是我剛轉職工程師的第一年，在滿多地方都遇到不小的問題，在troubleshooting上面也是有許多瓶頸的。
後來除了白天上班，下班看書跟休息，偶然間看到你的影片[工程師如何自我進修]，才開始慢慢用計畫的方式取代橫衝猛幹。
不得不說，規劃時間真的是比起技術性的功力還更有成效。因為它讓你適時的放鬆跟加強，然後在工作上面才更有長進，雖然很幹話，但我2020的下半年是這樣做的。
目前在準備考取網路管理的證照CCNA，計畫是走network這一塊，還有很多要磨練的。希望也能多看你產出跟network的影片，這是私心話啦，哈哈。

02:57 QA-2 - 仔仔

1.學程式會建議從前端或是後端哪個開始學會比較好?
2.一開始投履歷如何判斷一家公司是可以成長的，而不是進去3，5年後還是那個跟剛進去程度相差不遠的自己差不多
3.跟程式相關的產業有很多(像是製造業到博弈)，可以請Nic分析一下各產業的狀況嗎?以及進去各產業前須要具備哪些程式語言或能力?
4.投履歷時看到一些公司列出所需程式語言和工具一大堆，是不是代表你沒完全具備就不要投履歷了，還是可以請Nic給個意見哪些部分還是可以投看看
5.都說工程師又宅又不會說話，為什麼Nic可以交到女朋友?

10:40 QA-3 - ANDREW NG KAR EARN

如果当写编程语言遇到瓶颈，有什么方法可以有效地避免自己陷入钻牛角尖的情况？

11:46 QA-4 - JS Lin

如果NIC現在選擇能馬上精通一項語言會是哪個？會想用來做什麼PJ？

13:13 QA-5 - Rick0

成為 team leader 後無法直接在技術上有更深入的研究和突破，這樣的變化是否值得?
是否會擔心這樣在技術上跟不上其他人，甚至被下屬看輕呢?

14:39 QA-6 - Henry蔡

因為最近是寒假期間，
我開始考慮下學期的修課，
想請教nic大大，
應該在有什麼樣的基礎上，
開始學design patterns？
我目前是碩士生，
大學非資工本科，
學過Python，
也跟過一些網路影片實作過Flask+PostgreSQL，
大學學過資料結構演算法，
但不到得心應手的程度...

16:07 QA-7 - 黃柏瑋

如何同時Handle好好幾件事
我怎麼覺得上班，然後下班假日寫寫side project後就沒啥時間了🤔🤔🤔

17:24 QA-8 - 乾太

我想問一下這年頭轉行斜槓 VTuber 還有沒有搞頭A？

18:10 QA-9 - uuu06222

之前開始關注你有知道你有面試過人的經驗, 想問一下站在面試官的角度...
面試官會不會比較注重作品需要呈現那些東西, 或是有沒有什麼禁忌是不能碰的嗎?

20:07 QA-10 - Joery Lin

想請教您對於對於給你很多成長和照顧的公司，倘若您有一個更好的機會，無論薪水或未知挑戰都大於現在公司。
您將如何做選擇，或許現在公司會給你加薪留下你。

因為自己曾放棄了許多機會

21:37 QA-11 - YangTing Zheng

Q1: 想問通常一個產品開發的週期都多長呢？負責維運和開發的工作內容是否會差很多？
Q2: 想請您簡單介紹一下資工系學生的出路/工作內容？(如PM.SA.DBA.PG.RD.MIS…或是還有其他的？）

24:16 QA-12 - RTB

Hello World

24:18 QA-13 - Barry

目前是公司MIS 很想轉職成後端工程師，但在面試上面都都時常失敗
常常在問技術關卡時就被問倒了，總覺得 要準備的東西非常的龐大
毫無準備的頭緒，總覺得一直寫side project也不是辦法

26:49 QA-14 - 因地制夷

想請教Nic 有在做投資嗎? ex 股票 想聽一些投資心得

27:13 QA-15 - 比歐

想請教 Nic 大，
在之後的工程師生涯中之後有甚麼規劃或想法嗎?
例如:開發產品創業，或是開班授課、轉做顧問之類的。

28:14 QA-16 - yongming jia

请问新手如何学编程，学完去做什么？怎么自己创业？谢谢🙏

29:33 QA-17 - Minghao Chang

是否能請您推薦用來開發的筆電？（正好最近要汰換電腦），想從今年開始養成寫side project的習慣，謝謝。

30:31 QA-18 - Guan Jun Chen

想知道像Nic這麼厲害的工程師，年薪大概落在哪裡

30:46 QA-19 - Sheng Jiang

想請問Nic，如果非資工背景但是對寫程式有熱情，想轉職當軟體工程師，會建議如何起步?

補充：像是什麼樣的人適合自學，什麼樣的人適合去補習，或者補習跟自學的情況各有哪些優劣?

謝謝Nic

## 結尾

31:49 感想

喜歡影片的話！可以幫忙點個喜歡以及分享、訂閱唷！😘

━━━━━━━━━━━━━━━━
🎬 觀看我的生活廢片頻道: https://bit.ly/2Ldfp1B
⭐ instagram (生活日常): https://www.instagram.com/niclin_tw/
⭐ Facebook (資訊分享): https://www.facebook.com/niclin.dev
⭐ Blog (技術筆記): https://blog.niclin.tw
⭐ Linkedin (個人履歷): https://www.linkedin.com/in/nic-lin
⭐ 蝦皮賣場: https://shopee.tw/bboyceo
⭐ Github: https://github.com/niclin
⭐ Podcast: https://anchor.fm/niclin
━━━━━━━━━━━━━━━━
✉️ 合作邀約信箱: niclin0226@gmail.com

#QA #工程師 #在地上滾的工程師 #前端 #後端 #轉職

post-title
在地上滾的工程師 Nic

About author
65300 subscribers viewes
View all posts
社群媒體上有些相關的討論：

javascript project 在 Trending JavaScript repositories on GitHub today 的推薦與評價

GitHub is where people build software. More than 65 million people use GitHub to discover, fork, and contribute to over 200 million projects. ... <看更多>

javascript project 在 JavaScript Project checklist 的推薦與評價

JavaScript Project Checklist. The Github Repository | The Original Article. Jump to section... Management; Design & UX; Development. ... <看更多>

javascript project 在 The Top 1,555,375 Javascript Open Source Projects on Github 的推薦與評價

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. You Dont Know Js ⭐ 145,296. ... <看更多>

你可能也想看看
JavaScript project
HTML project
Front-end side project
JavaScript 15 project
JavaScript project GitHub
Javascript game project
Vanilla JS project
Vanilla JavaScript
搜尋相關連結

#1. 40 JavaScript Projects for Beginners – Easy Ideas to Get ...

Vanilla JavaScript Projects · How to create a Color Flipper · How to create a counter · How to create a review carousel · How to create a responsive ...

#2. 20+ JavaScript Projects You Can Do To Build Your Skills

JavaScript Projects for Beginners · 1. Build a JavaScript Clock · 2. Build a JavaScript Tip Calculator · 3. Build a JavaScript Animated Navigation Toggle · 4. Build ...

#3. 22 JavaScript Projects for Beginners For 2021 (With Source ...

Vanilla JavaScript stopwatch; JavaScript clock; JavaScript calculator; JavaScript drum kit; Guess the Color game; Hangman game; Tic Tac Toe; Pong game; Pairs ...

#4. 10 Best Javascript Projects to Build your Skills ... - Hackr.io

Best JavaScript Projects for Beginners · 1. JavaScript Calculator · 2. Hangman Game · 3. Tic Tac Toe Game · 4. JavaScript Weather App · 6. JavaScript ...

#5. 100+ JavaScript Projects for Beginners! [ Solutions Provided! ]

100+ JavaScript Projects for Beginners! · 1. Change Background Color Project. change background color project · 2. Hex Change Background Color Project · 3. Random ...

#6. 30 JavaScript project ideas for Beginners to Pro developer ...

Image slider: Image slider project · Product filter project : Product filter project · To-do List : To do list project · Grocery list · Budget ...

#7. 15+ Free JavaScript Projects to Boost Resume (2021) | Crio.Do

JavaScript Projects · OurApp - a social media web app in NodeJS · Sorting Visualizer · Email Alerts on WhatsApp · Codechef Notifier · Amazon clone using React.

#8. JavaScript | The Odin Project

Overview. Make your websites dynamic and interactive with JavaScript! You'll create features and stand-alone applications. This module includes projects ...

#9. 40+ JavaScript Projects For Your Portfolio [With Videos!] - The ...

JavaScript projects are guided tutorials or javascript project ideas that help you sharpen your skills by building real applications, websites, ...

#10. 10 JavaScript Project Ideas for Beginners - MakeUseOf

10 JavaScript Project Ideas for Beginners · 1. A Simple To-Do List App · 2. Create a Simple Timer · 3. Build an Image Carousel From Scratch · 4. Web ...

#11. JavaScript Programming with Visual Studio Code

VS Code provides IntelliSense within your JavaScript projects; for many npm libraries such as React , lodash , and ...

#12. Javascript Tutorial and Projects Course | Udemy

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the ...

#13. 100 JavaScript Project Ideas - Weekly Webtips

With that being said, let's see the 100 JavaScript project ideas, ordered by different types, such as small projects, apps, games, ...

#14. JavaScript Projects Archives

JavaScript Projects · To Do Listings In JavaScript With Source Code · Food Ordering System In JS With Source Code · Hangman Game In Vanilla JS With Source Code.

#15. OpenJS Foundation

The OpenJS is proud to host the Node.js certification program, ... open source JavaScript projects, including Appium, Dojo, jQuery, Node.js, and webpack, ...

#16. Trending JavaScript repositories on GitHub today

GitHub is where people build software. More than 65 million people use GitHub to discover, fork, and contribute to over 200 million projects.

#17. Documentation - JS Projects Utilizing TypeScript

How to add type checking to JavaScript files using TypeScript. ... move towards a safer type-system, but not every project needs that level of verification.

#18. 16 Exciting Javascript Project Ideas & Topics For Beginners ...

Some of the plausible Javascript Project Ideas · 1. Gaming · 2. Secure Transactions · 3. Online quizzes · 4. Finance Management · 5. Visual Storytelling · 6. Adaptive ...

#19. 博客來-HTML5 and Javascript Projects: Build on Your Basic ...

HTML5 and JavaScript Projects is fully updated as a second edition and covers important programming techniques and HTML, CSS, and JavaScript features to ...

#20. JavaScript API for Project - Office Add-ins | Microsoft Docs

Project supports add-ins made with the JavaScript API, but there's currently no JavaScript API designed specifically for interacting with ...

#21. Apache Cordova

Cordova command-line runs on Node.js and is available on NPM. Follow platform specific ... Create a blank Cordova project using the command-line tool.

#22. Babel · The compiler for next generation JavaScript

The compiler for next generation JavaScript. ... a small group of volunteers that spend their free time maintaining this project, funded by the community.

#23. Best JavaScript Projects For Beginners - - Codersera

Best JavaScript Projects For Beginners · 1. Calculator · 2. Gaming Applications · 3. Basic Quiz · 4. Web Assistant App · 5. JavaScript Timeline · 6. Digital Maps · 7.

#24. Create JavaScript Project · Set up a JavaScript project by ...

Create JavaScript Project Set up a JavaScript project by running one command. Get started. Focus on Code. You don't have to worry about build tools and ...

#25. 7 javascript Projects - Arduino Project Hub

Interested in javascript? Explore 7 projects tagged with 'javascript'. Find these and other hardware projects on Arduino Project Hub.

#26. Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. ... Node.js Project Licensing Information. Edit On GitHub · Report Node.js issue ...

#27. create-javascript-project - npm

Keep you away from boring procedures for new JavaScript/TypeScript project.

#28. JavaScript 30 — Build 30 things with vanilla JS in 30 days with ...

Start The Challenge Today! Sign up to get immediate access to the course dashboard. You'll get all 30 days at once so you can binge watch Netflix ...

#29. Add Firebase to your JavaScript project

Add Firebase to your JavaScript project · On this page · Step 1: Create a Firebase project and register your app · Step 2: Install the SDK and initialize Firebase ...

#30. 5 Incredible JavaScript project ideas for IT freshers | TechGig

Creating a Modal using Classes in JavaScript. A fun and interesting project to practice DOM, Event Handling and Classes. Takeaways: Document ...

#31. Machine Learning for JavaScript Developers - TensorFlow.js

... or Google Cloud Platform. TensorFlow.js is an open source ML platform for Javascript and web development. ... Explore Dev Library community projects ...

#32. Bootstrap · The most popular HTML, CSS, and JS library in the ...

You can also use our npm template repo to quickly generate a Bootstrap project via npm. Read installation docs. Copy. npm install bootstrap. Copy. gem install ...

#33. JavaScript Project checklist

JavaScript Project Checklist. The Github Repository | The Original Article. Jump to section... Management; Design & UX; Development.

#34. New program | Computer programming | Khan Academy

If you're new to JavaScript or ProcessingJS, you can learn more from this course: Intro to JS. Shapes. rect(x, y, w, h).

#35. DOM Commander - A JavaScript Project Course [Video] | Packt

With this course, you'll learn how to build a keyboard command project that allows you to press keys on your keyboard and move an element around on the page ...

#36. JavaScript guidelines - The MDN project

For JavaScript we use expanded syntax, with each line of JS on a new line, the opening brace of a block on the same line as its associated ...

#37. The Top 1,555,375 Javascript Open Source Projects on Github

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web. You Dont Know Js ⭐ 145,296.

#38. jQuery

With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. Other Related Projects. jQueryUI.

#39. Building a JavaScript and Node.js project - Travis CI Docs

Building a JavaScript and Node.js project ... Specifying Node.js versions using .nvmrc # ... The default build script for projects using nodejs is: npm test.

#40. Vue.js

Vue.js - The Progressive JavaScript Framework.

#41. Tutorial 01 - Setting up a Project with SciChart.js

Creating a New SciChart.js Project In this tutorial we will create a simple line chart with SciChart.js. We'll show you how to create a new JavaScript ...

#42. Integrating Prismic with an existing Javascript project

Here we walk through the steps needed to integrate your existing javascript project with Prismic by adding the Prismic javascript development kit libraries.

#43. Set up a Kotlin/JS project

js Gradle plugin that provides project configuration tools together with helper tasks for automating routines typical for JavaScript development ...

#44. JavaScript Course | Task Tracker Project - GeeksforGeeks

JavaScript Course | Task Tracker Project. Difficulty Level : Easy; Last Updated : 30 Sep, 2021 ... Project Structure. index.html styles.css list.js.

#45. Parcel.js

If your project has many entries or code split points, this can massively reduce ... index.js. import {add} from './math'; console.log(add(2, 3));. math.js.

#46. Polymer Project: Polymer library

js '; // Define the element's API using an ES2015 class class XCustom extends PolymerElement { // Define optional shadow DOM template static get template() { ...

#47. The Best Beginner JavaScript Projects for 2021 - Codelivly

JavaScript is almost certainly used in any application or website that has a clock. Making a clock is an excellent project for learning about ...

#48. Enabling JavaScript Support in PHP Projects - Eclipse

Enabling JavaScript support in PHP projects allows JavaScript libraries and external files to be referenced by the project . Note: Once JavaScript support has ...

#49. React – A JavaScript library for building user interfaces

Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM.

#50. JavaScript projects to learn programming - Codementor

JavaScript project ideas · Alpaca image generator website · Random number generator web app · Link shortener website · Build a custom google maps ...

#51. projection | API Reference | ArcGIS API for JavaScript 4.21

You can specify a specific geographic (datum) transformation for the project operation, or accept the default transformation if one is needed.

#52. V8 JavaScript engine

V8 is Google's open source high-performance JavaScript and WebAssembly engine, written in C++.

#53. Documentation | NestJS - A progressive Node.js framework

Nest is a framework for building efficient, scalable Node.js server-side applications. ... To install the JavaScript flavor of the starter project, ...

#54. How to start JavaScript project using WebStorm? [closed]

Have you read the Webstorm quickstart page? It goes over several of the points that you've requested; specifically: Start a Project from Scratch, ...

#55. Open-source JavaScript project Babel 'running out of money ...

The open-source Babel JavaScript compiler project is running out of money with big sponsors having pulled out, according to its core team.

#56. JavaScript for Beginners (includes 6+ real life projects)

Here's what you'll end up coding throughout the JavaScript for Beginners course: Mini Project #1: A concatenation project; Mini Project #2: Accepting user input ...

#57. 25 Javascript Project Ideas - Code Conquest

20 Javascript Project ideas For You · Popup Box – build a popup box with more than one input. · Memory Game – build a memory game to test your ...

#58. Javascript Project Idea: Sokoban game!

Looking to practice your Javascript skills? Try building a basic Sokoban game! Sokoban is, to quote Wikipedia, a “puzzle video game genre in ...

#59. Setting up a JavaScript project: Prerequisites | by Gabin Aureche

Obviously, you need some JavaScript, HTML and CSS knowledge to start a JavaScript project. You also need to install Node on your computer and have a basic ...

#60. How to move your project to TypeScript - at your own pace

You might be using TypeScript already · Pair-program JavaScript with VS Code · Using the TypeScript compiler for JavaScript · Turning JavaScript ...

#61. AngularJS — Superheroic JavaScript MVW Framework

AngularJS is what HTML would have been, had it been designed for building web-apps. Declarative templates with data-binding, MVW, MVVM, MVC, ...

#62. Nuxt - The Intuitive Vue Framework

Build your next Vue.js application with confidence using Nuxt. An open source framework making web development simple and powerful.

#63. Setting up in the Google Cloud Console | Maps JavaScript API

To use Google Maps Platform, you must have a project to manage services, credentials, billing, APIs, and SDKs. Billing setup is required for each project, but ...

#64. WebStorm: The Smartest JavaScript IDE, by JetBrains

The smartest editor. WebStorm deeply understands your project structure and can assist you with every aspect of writing code. It will autocomplete your code, ...

#65. YCIT 099 Full Stack JavaScript Capstone Project - McGill ...

9.0 Continuing Education Units (CEUs). Development and deployment of a full stack JavaScript project incorporating both the back end and front end elements ...

#66. JavaScript project ideas | Simple Steps Code

Autocorrecting text box · Form validator · Collapsible navigation menu · Countdown clock · Modal dialog box · A site that lets people design their own UI elements ( ...

#67. TodoMVC

... TodoMVC - a project which offers the same Todo application implemented using MV* concepts in most of the popular JavaScript MV* frameworks of today.

#68. Patch #4218: Javascript Project Selection - Redmine

Javascript Project Selection · Convert this from jQuery to Prototype, seeing as there's no jQuery being used in Redmine (afaik) · move the initialization block ...

#69. Hands-on JavaScript Project: JSON | Pluralsight

Hands-on JavaScript Project: JSON. By Paul Cheney. Learn to leverage the power of AJAX to access and display JSON data from your local server, ...

#70. Javascript Project Planning Structured - Learn.co

Learn about Javascript Project Planning Structured. Start learning to code for free with real developer tools on Learn.co.

#71. JavaScript Web 專案: 實作20 個專案充實你的履歷組合

從這32 小時的課程，你會學到. 20 個專案，包括純JavaScript、HTML5、CSS3 以及所有提供的程式碼; 從一個初學者到一個自信的JavaScript 開發者 ...

#72. 21 JavaScript Project Ideas for Beginners - Dunebook

In other words, practice helps in bringing perfection. Surfing the internet for simple JavaScript projects is not easy and because this saving ...

#73. Developing HTML5/JavaScript Applications - Oracle Help ...

20.3 Creating an HTML5/JavaScript Application Project. The IDE provides wizards for creating HTML5 projects and the HTML, CSS and JavaScript files that HTML5 ...

#74. Chapter 4. Node.js basics in CodeReady Studio - Red Hat ...

Import an existing JavaScript project. Run a Node.js application. Prerequisites. Installed npm . Installed Node.js. To install ...

#75. Accessing confluence api in my javascript project - Atlassian ...

I added authentication and X-Atlassian-Token in headers as directed but still, when I try to make an Axios req or fetch req through javascript ...

#76. Project: A Robot - Eloquent JavaScript

Our project in this chapter is to build an automaton, a little program that performs a task in a virtual world. Our automaton will be a mail-delivery robot ...

#77. Electron | Build cross-platform desktop apps with JavaScript ...

Electron uses Chromium and Node.js so you can build your app with HTML, CSS, and JavaScript. Open Source. Electron is an open source project maintained by the ...

#78. Setting up a CI / CD Pipeline for your Javascript Project [Guest ...

Setting up a CI/CD pipeline for a Javascript-based project and linking it to a DHTMLX UI framework can be a long and tedious process.

#79. Strapi - Open source Node.js Headless CMS

Strapi is the next-gen headless CMS, open-source, javascript, enabling content-rich experiences to be created, managed and exposed to any digital device.

#80. CS142 Project 3: JavaScript and the DOM - Stanford University

Although this project has you run code in your browser, you need to have Node.js install on your system to run the code quality checker JSHint.

#81. How to Build a Calculator using JavaScript - Section.io

This project covers the interactions with UI and key JavaScript methods. In this article, you will be taken through the various HTML and CSS ...

#82. Docs - Moment.js

Project Status. Moment.js has been successfully used in millions of projects, and we are happy to have contributed to making date and time ...

#83. Project: JavaScript Game - UW Canvas

For this project, you will use JavaScript to create a simple interactive game that is played in the browser. Some possible games include:.

#84. Express - Node.js web application framework

Express is a project of the OpenJS Foundation. Fork the website on GitHub. Copyright © 2017 StrongLoop, IBM, and other expressjs.com contributors. Creative ...

#85. How To Add Linting To Your Javascript Project - Jon D Jones

If you are new to Javascript and want to increase the quality within your codebase, then adding a linting tool within your project is a good ...

#86. JavaScript Project Ideas | Jorcus

Building projects is one of the most effective way that can help you get hired by company. ... I've got a list of JavaScript project ideas…

#87. How To Convert a JavaScript Project With Flow Types to ...

That takes care of Babel parsing our project files and stripping types to produce plain JS, but it doesn't actually achieve the type ...

#88. My Javascript Project Menu | Fikri Notes

Fikri Notes. Home · My Javascript Project. Project Without Artificial Intelligence ... Donkey.js Game · - ChatBot · - Weather App · - Number's Fact.

#89. The Ultimate Beginners Guide To Building Your First ...

Our blog squad member Omotola Shogunle talks us through how to build your very own Javascript project. The perfect article for beginners or ...

#90. Meteor Software: A Platform to Build, Host, Deploy and Scale ...

Meteor is an open-source platform for web, mobile, and desktop used by over half a million developers around the globe. Meteor makes shipping Javascript ...

#91. Project 0 - CS50's Web Programming with Python and ...

CS50's Web Programming with Python and JavaScript ... If you submitted CS50W 2018's Project 0: Homepage prior to 1 July 2020 and received a passing grade ...

#92. Node.js - JavaScript Tutorial - CircleCI

This file shows best practice for using version 2.1 config with Node projects. Build the demo JavaScript Node project yourself. A good way to start using ...

#93. Mocha - the fun, simple, flexible JavaScript test framework

Installation. Install with npm globally: $ npm install --global mocha. or as a development dependency for your project ...