HelloJS-JavaScript暑期苦幹實做訓練營

2017Hellojs心得 - isomorphic

Fri, 15 Sep 2017 00:00:00 +0000

Hellojs八周學習心得

自身從大學修過一些課，有點HTML/CSS/JS基礎。每次HelloJS上完4小時的課，還是得回家都會練習使用新工具或新語法，看看官方文件、額外從google和udemy獲得資訊，畢竟程式一定要動手做才有感覺~

學習技術統整:

Git&Slack Git是個很好用的工具，每個寫程式的人都至少要會一套版本控制系統。上完HelloJS的課，每次寫作業都會要求用GIT提交，強迫你使用GIT(誤)。
BootStrap 學到VS CODE的輔助套件加入Bootstrap 3的table或是row各種class真的超方便。講師一步步帶著做，有系統化的介紹每個class的使用方法和代表意思，省掉不少照著Bootstrap官網文件試誤的時間。

小組的專案做到一半的時候Bootstrap悄悄升級為4，class的用法也大改，所幸官方文件對class用法有額外著墨，加上有3的基礎其實很容易上手。

JaveScript ES6 在接其他網站的api時要合併超大的Object，欄位超過50個的那種，在前端可以用ES6 spread operator，在node.js只能用Object.create()；還有很好用的async和await，對於非同步的請求如fetch或Promise，流程會更好控制。學到的東西非常有用。
Webpack 很好用的工具可是webpack.config.js很難寫。
ReactJs 回家反覆看著講師的PTT和錄影，寫了個Todo List，總算會用了REACT JS，雖然有些名詞例如declarative UI在google後發現非常深奧，不過以後有機會再去摸吧~

webpack和react，這兩樣真的頗複雜，但透過chrome套件Wappalyzer，看到這麼多網頁使用react框架還是撐著學它。雖然課程中後段要複習的時間越來越多，開始懷疑人生XD。

最後真高興有遇到玩加密貨幣的同好。

HelloJS JS 專題競賽名次公布!

Thu, 14 Sep 2017 00:00:00 +0000

HelloJS JS 專題競賽名次公布!

在為期兩個月的 #2017 #HelloJs Web 工程師訓練營的最後一週，學員們完成了很精彩的、從零開始的分組專案開發競賽，期間內大家需要共同發想產品，然後協力開發、分工合作，最後還要製作簡報與進行宣傳，大家都辛苦啦！

由於各位的努力都很驚人，對於最後的名次評鑑，創科的快樂夥伴們也十足的傷透腦筋。今天創科小幫手替大家帶來了好消息：競賽名次公佈囉！

今年競賽評分與去年的評分基礎相同，取實作 55% / 實際展示 20% / 學員間人氣 10% / 社群分享 5% / 技術整合 10% 為評分依據，也由於組別不多，而且各組之間的總分接近，為求公平起見，我們忍痛只取總分排序最高的前兩名。

以下將依序列出得獎的組別，最後會列出得獎者的領獎方式。

第一名:

拉霸 ETH（組別 ncueIM）

ncueIM 串接以太坊的 API，並且使用 React + Bootstrap 與 Express + Mongoose 實做了完整的前後端，同時透過 JWT 進行驗證；使用者可以透過以太幣在網站內玩拉霸遊戲，是一套實作度非常高的系統。

第二名:

浪漫臺三線（組別 DeadlineClub）

DeadlineClub 成員們使用 ReactNative 串接了政府開放資料 OpenData 平台的資料，透過 Google Map 套件的支援，可以提供使用者前往臺三線週遭景點的導航、推薦清單等功能。另外，本組在製作 app 之前有先使用 Adobe XD 規劃設計稿，施工流程非常完整。

在參與本次競賽的全部七個組別中，前五名組別的最後評分差距非常的小，可以看出今年依然競爭激烈！甚至有一組不僅 app 做的有趣，簡報更是做得超好！但可惜的是 — 我們依然只能忍痛選擇其中總分最高的前兩名。如果你所屬的組別沒有得名也不要灰心，你們已經努力過、也證明自己可以做到了，你們都是最棒的！

最後，也別忘了我們每個月都有技術小聚喔！歡迎隨時回來找創科的快樂夥伴玩～感謝你們的參與與支持，我們明年再見！

p.s 今年的『社群分享 5%』沒有組別來出示證明以領取這個分數，非常可惜呀。 p.s.2 得獎的夥伴們！我們會發信通知領獎方式，請多加留意自己的信箱嘿 :p

2017 HelloJS 暑期苦幹實做訓練營心得 - kaya

Thu, 31 Aug 2017 00:00:00 +0000

HelloJS 八周學習心得

###上課情形我每個禮拜都會忍不住期待講師是誰，因為除了創科厲害的講師以外，有時還會請到常在社群出沒開課的大大。每個講師上課時句句都是重要的觀念，4 個小時內都盡可能的教好教滿，所以真的要很專心聽，不然一晃神就很容易讓進度飛走了(> <)

###關於助教雖然上課時偶爾有漏聽到的地方，但回去後還可以看助教幫忙更新的線上筆記和錄的影片，真的非常感謝。而且每次練習時，助教們都會在四處巡看，除了讓我們隨時可以請教，他們也會主動問我們有沒有問題，真的讓人很安心啊(QwQ)

###專題心得雖然專題規劃的很開心，但在執行時真的很不容易，過程中不斷的考驗自己在上課時學到的東西，並且漸漸的了解到前端是在做什麼。雖然主要分為撈資料和刻畫面，但其中包含的細節真的很多，短時間滿難掌握。專題雖然沒來的及做完所有功能，但主要功能有做出來，還是滿有成就感的(=u=)

###下課之後每次要離開前，都有跟當天上課有關的印章可以蓋，能夠集滿八個真的很有成就感，HelloJS 的小本本我會好好保留的(>u<)

心得 - miss960916

Wed, 30 Aug 2017 00:00:00 +0000

HelloJS期末心得-化學人初探編程之路

我大學就讀的是化材系。我是一位完全沒有編程基礎的人，我為什麼會來參加HelloJS課程？

因為我發現電腦造成了我們這一代和父母一輩的認知鴻溝，而我深深相信『寫程式』的能力在過幾年就會如同現在的英語能力一樣重要，為了趕上時代的洪流，我決定將我對編程的意淫付諸實踐！

奇妙的體驗

其實我是為了HelloJS買了我的第一台ＭＡＣ，沒錯上課前三天去買的！在上課前我的終端機連npm都沒有，當然我也從來沒開過終端機。

git

第一週的git，著實讓我大開眼界。git的多人協作及版本控制等，讓我覺得應該每個科系的大學生都該學習如何使用git做專題報告。且在git的生態中，竟然還有許多強者大大無私的開源分享個自己的code提供他人使用，讓我深感佩服。經過第一週的教學和練習後，到現在我已經可以流暢的使用git了（還沒實際用過check out) 。

js101

我除了參加HelloJS課程外，也在CodeCademy按照自己的節奏學習著，所以這週的課程我倒是意外的有跟上。雖然當下對於某些概念還不是很理解，不過課後通過調研都有跟上了！

Bootstrap

這週的課程實在讓我驚嘆，上完課後竟然可以用Bootstrap框架硬生生的弄一個網頁的前端出來，實在讓我很有成就感，回家後也自己把玩了Bootstrap好一陣子！

第四週之後我就開始有些聽不懂了，不過助教和隊友還是非常有耐心的協助我，讓我大致了解了ＥＳ6，ReactJS等等。我相信來參加ＨelloＪＳ對我的學編程之旅無疑是一個好的開始，我會繼續努力！最後感謝所有講師及助教，雖然美中不足的是我簽到表的名字有六週是錯的，不過你們的堅持以及對學員的用心是不容置疑的！

能在初入編程之路時加入HelloJS這個大家庭，一同努力八週。對你們獻上最高的敬意及感謝！

2017Hellojs心得 -battle0450

Tue, 29 Aug 2017 00:00:00 +0000

Hellojs八周學習心得

學習技術統整:

Git&Slack
Bootstrap
JaveScript
ReactJs
React Native
心得

兩個月的訓練營好快就過去了,參加前就想說痾~我啊他上面說要教那些東西看起來都很屌可是我除了C++跟Java之外都沒碰過啊T_T,啊沒完全沒語法基礎去這種跟完全不認識甚至可能年紀互相差很大的訓練營,而且還要組小組做專題,這也太刺激了吧0.0。第一次進去的時候覺得很緊張XD,真的完全不認識還有社會人士..,然後講slack的時候講師問有誰用過, 超多人舉手,我就想說完了差距,還好跟另外兩個大大一組,不然我覺得我現在學得懂的可能更少,雖然我暑假因為還要去駕訓班跟補習班,但是我作業還是有試著去做,但是我做不出來的我還是不行0.0,但還是有試著去理解每一周教的東西(之後會花更多時間去複習的),

上課內容

之後教git,JS,React這些都有不少人已經用過了,還有些看起來或著就是真的已經會了,我完全菜到不行T_T,一開始沒跟一起去的朋友坐一起 ,跟不認識的人坐然後還一組了Σ(;ﾟдﾟ),可是我現在覺得超棒Der,因為跟舒適圈之外的人接觸,我才知道我可是我真的菜到一個不行,超多東西都是第一次聽到,像是Dom,Api這些我真的是第一次聽到 ,還好跟另外兩個大大一組,不然我覺得我現在學得懂的可能更少,後面教React,React-Native的時候,我就覺得有點無法消化了,打開範例都是沒寫過的語法

後記

其實我也知道要教的東西真的不少,上課只能盡量用範例,這也沒辦法XD,因為就我自己來說,偉是在完全沒基礎的情況下去上這些課的,在完全不知道哪些語法是做什麼,或是練習應該要改哪些程式碼 ,但是還是覺得有點負荷不了,我自己現在覺得如果可以教更多JavaScript相關實作的語法的話,我覺得對我來說更實用,這是我自己學到現在的感想XD,最後我覺得有上HelloJS 很值得,不然都不知道業界在用些什麼技術,這點是我覺得最值得的。

2017Hellojs心得 - ji40709

Tue, 29 Aug 2017 00:00:00 +0000

Hellojs八周學習心得

學習技術統整:

Git&Slack
Bootstrap
JaveScript
ReactJs
React Native

心得

這兩個月算是學到很多，因為學校只教java跟C++，而且教的很淺，大二下的手機app開發竟然是教App Inventor，去了一節直接退選XD。在這裡學到目前主流的工具，我覺得收穫很多。

上課內容

因為只有在學校上過php跟css(學校有夠爛)，所以有點跟不上講師學的速度，環境或是小地方稍微卡住一下就後面就跟不上了，這時候上課的錄影就派上用場啦~!，幸好回家可以複習不然會很慘XD。我覺得Bootstrap跟React Native讓我學到很多，可以很快的實際應用，算是這兩個月來的最大收穫!

後記

其實這段時間有個很大的問題是環境XD，VM常常出問題，Genymotion也是問題一大堆，在弄專案的時候還沒開始寫code，環境就先搞掉一整晚，俗話說的好，最難的不是code，而是環境啊~~XD

Hello JS 學習心得 - William

Mon, 28 Aug 2017 00:00:00 +0000

課程心得

由於工作上使用想當多的前端工具與技能，基於在工作上學習到都是比較片段也容易混亂，很難有系統性的了解。因此報名參加這一次課程，希望可以較全面的學習相關工具與技能，另外也希望增加對 JavaScript 的了解與撰寫能力。由於先前工作已經有使用到一部分工具與技能，因此大多能快速掌握與瞭解相關的課程內容。結束課程後需要加強的就是差在 JavaScript 實作的經驗歷練了。

感謝創科資訊籌備課程，提供這一次學習的機會。

學習心得

Slack 入門
Git 101
NPM 套件管理工具
JavaScript 基礎
Bootstrap 框架使用
JavaScript 進階
JavaScript ES6
React 入門
React Native 基礎、元件使用
React Native 進階、套件應用

Slack 入門心得

先前的工作團隊就使用過 Slack，自動化的通知與訊息的管理都很實用。不過需要團隊導入才能增加接觸率。本次課程似乎有點冷清，學員似乎更愛其他通訊工具 XD

Git 101 心得

第一次發 PR 就在這裡。 (´▽｀)

在工作上一直都有使用，不過都片段了解，GitHub 帳號也開立持有很久，但都放到發霉了，透過這次課程也對遠端儲存庫 GitHub 操作與應用多了一層認識。透過作業的提交過程也了解 Git 搭配 Github 在團隊開發上的流程。

NPM 套件管理工具心得

一直覺得 NPM 是個很神奇的東西，鍵盤敲一敲就裝好東西了 @@q

透過這次課程了解 NPM 在專案上的導入、初始化、應用，對於後續在專案套件使用與管理更加容易。

JavaScript 基礎心得

JavaScript 是這一次參加主要原因，透過課程上的解說與程式碼範例，可以更快速了解基礎知識。「this」與「非同步」則是在撰寫上容易搞不清楚的。我想還是要透過實作來增加經驗會更好。

Bootstrap 框架使用心得

在工作專案都有使用 Bootstrap，不過先前都是局部使用。這堂課程對經常切版的人來說算是相當容易上手。

JavaScript 進階心得

Promise 是這一堂課的重點，特別是在實作 AJAX 時候可以更精確的控制流程，由於時間上的因素現場實作時間較少，先前串接資料上曾經使用到，後續實作幾個範例應該更能快速掌握。

JavaScript ES6 心得

這堂課從Ｗeb 的歷史講到 JavaScript ES6 從新讓大家認識了 JavaScript ES6 在開發上的角色與為什麼要使用它。ES6 讓程式開發上更為簡化與穩定，不過如果原本對於 JavaScript 了解不夠的人就要更注意其中的差異。

React 心得

透過「中文」的現場介紹真的是親近許多。

雖然先前有閱讀過，在本次課程對 React 有了近一步瞭解。React 的 Component 組合與重用特性加上 Virtual DOM 並提供跨平台的開發實現能力，相信未來工作上有許多應用的機會。

React Native 基礎心得

第一次接觸 React Native 感到很奇特。

React Native 很接近 Web 開發方式卻能撰寫真正的原生 App，透過這一次基礎元件的使用介紹已能快速 layout 出 App 的樣貌。

React Native 進階心得

透過第三方套件的使用教學，讓我們更容易開發出想要的功能。同時也能達成不同平台介面的差異。

2017Hellojs心得-s0461117

Wed, 23 Aug 2017 00:00:00 +0000

Hellojs八周學習心得

學習技術統整:

Git&Slack
BootStrap
JaveScript
ReactJs
React Native

心得

當初會想參加這次的活動，除了本身對程式語言就有興趣，再加上同學的邀約就參加了，但沒想到第一堂就被課程內容震驚了，接觸的工具全部都是學校沒教的，讓我剛開始其實壓力超級大的哈哈!!

但是我還是告訴自己一定要在課程結束之前學會做出一個APP，不然真的是太浪費在這邊學到的課程了

果然在開發APP的過程中，深深感受到之前每一堂課都超重要的阿!!!

最讓我印象深刻的就是git和github了,在我完全改壞程式碼也不知道該從何修起的時候，git的”checkout”功能真的拯救了我哈哈,我想我會記得這個指令一輩子的

而github上面有超多豐富的資源和教學，真的是一個學習程式的好地方，也讓我深深的覺得自己在學校真的甚麼都不知道，要出來才會看到新的世界哈哈

最後經過這兩個月，我很明顯感覺自己在寫程式的能力相較於之前更好了，也很慶幸自己來了HelloJS

上課內容

-Git&Slack

其實當天聽完課程後我還是完全不懂git在做甚麼哈哈，但是回家好好複習一番後，再加上與團隊開發專案時會使用，才發現Git與GitHub原來是這麼神的東西!!!!

真的要實際體驗才知道這個東西多棒

-BootStrap

雖然這個工具自己以前有自學碰過一點點，但是在課堂上老師講了很多關於切版的觀念讓我收穫很多，不然我以前都是亂切一通也不知道哪裡出錯了哈哈

-JavaScript

其實原本是最期待這邊的課程，但是一堂課程的時間其實也沒辦法學完JavaScript，但還是有學到一些以前不知道的觀念

像是一些物件的觀念，變數的觀念都是自己以前沒去好好理解過的

-ReactJs

雖然講師很細心地講解，這也是一個超棒的工具，但這也是最讓我挫折的一堂課，有很多的語法讓我完全不知道是在做甚麼，之後有時間一定要回來好好研究一下

-React Native

這是最讓我感到新鮮和有興趣的課程了，因為從來沒有寫過APP也不知道該如何開發，但是透過兩堂講師認真的講解，連我這個以前完全沒碰過React Native的新手也可以了解React Native大概是怎麼運作的

雖然在開發APP時一直瘋狂出錯，虛擬機真的超難操作的哈哈，但是也因為這些錯誤，讓我了解到之前課堂上教的東西都超重要的，像是npm、git與github、reactJs都是經過虛擬機一連串的出錯讓我往前複習和加深印象與觀念

後記

雖然2個月的課程要教這麼多的工具真的很緊湊，課程的進度也讓我感到有壓力，但是對我來說，最重要的不是這兩個月自己進步了多少，而是我學到了超級多實用的工具，相信以後好好持續的學習，一定可以會對自己有很大的幫助的

也謝謝HelloJs的工作人員總是很親切幫助我哈哈

2017Hellojs心得 - j508508

Wed, 23 Aug 2017 00:00:00 +0000

Hellojs八周學習心得

學習技術統整:

Git&Slack
Bootstrap
JaveScript
ReactJs
React Native
心得

很幸運暑假可以參加HelloJs的課程，每次上課都是新的開始。因為自己是文組沒接觸過，學習起來蠻吃力。不過身邊的助教和夥伴都很好心，願意幫助我。上完課想複習上課內容，也有貼心的小幫手幫忙整理好。在這裡不只可以學習也能認識朋友。

上課內容

每堂上課的講師都很認真講解很多觀念要很專心聽。不然很容易錯過，而跟不上課的速度。每上課到一個小段落，會有小練習可以複習剛剛學到的內容。如果上課中卡關，身邊的助教也會幫忙。

後記

當初為了專題而來報名，學習過程中蠻挫折。最後上課結束後，要和組員做出專案。我真的嚇壞了，以前大學修程式課都是混過去。經過課程洗禮，改變我寫程式的態度。雖然自己蠻廢，拖累組員的進度。值得慶幸的是我遇到很棒組員願意包容我，不然我只能對著程式QQ且專案gg

心得範例 - vagrant

Wed, 23 Aug 2017 00:00:00 +0000

( ～’ω’ )～

title 1 (・ε・)

發文 Tips:

語法使用 Markdown，可以先在 HackMD 寫完後直接貼過來
上方的 categories 跟 tags 統一都使用 feedback
如果想看這頁的原始碼請點這
還是有障礙就直接複製這個下去改吧!

HelloJS-JavaScript暑期苦幹實做訓練營

2017Hellojs心得 - isomorphic

Hellojs八周學習心得

學習技術統整:

HelloJS JS 專題競賽名次公布!

HelloJS JS 專題競賽名次公布!

第一名:

第二名:

2017 HelloJS 暑期苦幹實做訓練營心得 - kaya

HelloJS 八周學習心得

心得 - miss960916

HelloJS期末心得-化學人初探編程之路

奇妙的體驗

git

js101

Bootstrap

2017Hellojs心得 -battle0450

Hellojs八周學習心得

學習技術統整:

心得

上課內容

後記

2017Hellojs心得 - ji40709

Hellojs八周學習心得

學習技術統整:

心得

上課內容

後記

Hello JS 學習心得 - William

課程心得

學習心得

Slack 入門心得

Git 101 心得

NPM 套件管理工具心得

JavaScript 基礎心得

Bootstrap 框架使用心得

JavaScript 進階心得

JavaScript ES6 心得

React 心得

React Native 基礎心得

React Native 進階心得

2017Hellojs心得-s0461117

Hellojs八周學習心得

學習技術統整:

心得

上課內容

後記

2017Hellojs心得 - j508508

Hellojs八周學習心得

學習技術統整:

心得

上課內容

後記

心得範例 - vagrant

( ～’ω’ )～

title 1 (・ε・)

發文 Tips:

title 2 ─=≡Σ((( つ•̀ω•́ )つ

title 3 (ﾟ∀ﾟ)

title 4 (つд⊂)

title 5 (›´ω`‹ )