How to make a Mobile App in 30 minutes – Hybrid Mobile App by Jonathan Chen

Special thanks to our sponsor:

https://d3vzoqlbg2i3a3.cloudfront.net/wp-content/themes/zooskcompany/images/wordpress/wordpress-logo.png?ver=11Zoosk is a leading online dating company that personalises the dating experience to help singles find the person and relationship that’s just right for them.

前端主題分享連發! 這次我們請到在Google擔任前端工程師的 Jonathan 分享開發hybrid mobile app的經驗。Jonathan以live coding的方式來示範開發hybrid app的流程,並在30分鐘內完成了一個類似Instagram的食譜分享軟體,開發速度讓人印象深刻。

Demo source code: https://github.com/jonchenn/recipic

Talk 簡介

  • Why Hybrid apps (Hybrid vs. Native)
  • Make a mobile app using AngularJS + Ionic + Parse.com
  • Write once, run anywhere. (iOS / Android / Web)

講者

image00

Jonathan Chen is currently Frontend Engineer at Google, specialized in UI development and data visualization. Previously he worked as Full-Stack Engineer at Amazon, and Sales Engineer at IBM. He is passionate at exploring fast-development framework and tools that help test new ideas in the market quickly and pivot faster.

投影片

錄影

React 生態系介紹 – By Mr. Friday

Facebook React

這次前端的 Talk 一出手就是重拳,請到現職 Facebook 擔任前端軟體工程師的 Mr. Friday 來分享現在超紅的前端 Web/App 框架 React。

錄影的時後有點被切斷了,不過上下兩集影片都上傳了,請大家就多多分享吧 😉

Talk 簡介

  • React / Flux 概念介紹
  • ES6 + flow 新語法
  • 相關衍生應用 React Native / Isomorphic / Redux

講者

Mr. Friday

Mr. Friday  – Frontend Software Engineer at Facebook

投影片

錄影

React 生態系介紹(上)

React 生態系介紹(下)

歐,對了,如果還不知道讀書肚是誰,在做些什麼事情,請閱讀讀書肚介紹

The past, present and future of containers by Timothy Chen

The past, present and future of containers
圖片出處: https://denibertovic.com/talks/supercharge-development-env-using-docker/img/what_is_docker.png

這次的 docker talk 中, Tim 跟我們分享了整個 container 在 linux 中發展的概念。

因為一些技術問題,影片最後有點被切掉,但是還有錄到 90% 的分享。

Talk 簡介

You’ve heard the term “containers.” Maybe you’ve heard the buzz surrounding new technologies like Docker and CoreOS. They plaster the front pages of HackerNews and reddit .

If you’ve wondered just what the big deal is and what they are, this is a simple, what, why, and a how-to for containerization and how you can use it with your application.

Simply put, containerization enables you to scale your apps with increasing ease. For developers, you can abstract away your infrastructure and stop worrying about developing, testing, and running in identical environments – it’s all the same inside your container.

講者

Timothy Chen - Distributed Systems Engineer

Timothy Chen – Distributed Systems Engineering Lead at Mesosphere

投影片

//speakerdeck.com/assets/embed.js

錄影

D3.js: the Core Concepts by Zero Cho

Special thanks to our sponsor:

Taulia drives innovation in the Financial Supply Chain. By turning every invoice into a revenue opportunity, Taulia enables organizations to strengthen supplier relationships while adding millions to the bottom line.

以前的記錄方式都是以聚會為單位,導致兩個以上不同 topic 的分享記錄有時候會寫在同一篇紀錄中,這樣對未來想要找資料的人來說,效果沒有很好。

因此,接下來的聚會記錄,會以 talk 為單位,把講師的錄影與提供的資料放在同一篇文章標題中,讓大家方便查詢。

首先,我們先來放 Zero 上上個月分享的 D3 吧!(太晚放是我的錯,Zero 不要打我~~~)

Talk 簡介

d3.js is a famous data visualization library. All the power of d3.js comes from its simplistic syntax and data binding. This talk will guide you through d3’s core concepts and its core function: data transformation. We will then use a network topology editor to showcase d3’s dynamic capability.

講者

Zero Cho

Zero Cho – Software Engineer at Twitter

投影片

//speakerdeck.com/assets/embed.js

錄影

歡迎大家留言討論,有任何新的留言,我們都會通知講師。

謝謝大家

[聚會 #6 – 26 Sep @ 2:30pm] The past, present and future of containers by Timothy Chen

The past, present and future of containers
The past, present, and the future of containers

主題介紹

這年頭,沒有聽過,看過,用過 docker 就好像是沒有用過 iPhone 一樣可恥,docker 能夠飛天,能夠鑽地,能夠幫你把你整個 data center 中所有執行中的程式搞得服服貼貼的,還能夠幫你看小孩,溜小狗,讓所有宅宅桌機都可以跑類似 production 一樣的環境,免掉著名的『在我的機器上可以跑啊,在你的機器上怎麼不行?』這種困擾。

docker 這麼好用,還不快去買?

但是你知道嗎?docker 只是 linux 支援的 container 之中的一種喔!!

趕!docker 就 docker!container 是啥東西?可以吃嗎?

賣緊張,這次我們又請到 Mesosphere 擔任 Distributed Systems Engineering Lead 的 Timothy Chen 來跟我們剖析 container 的過去,現在,與未來。讓你以後在公司狂電同事老闆,高人一等。

聚會議程

2:30 to 3pm getting ready 🙂

The past, present and future of containers

(3pm to 4pm, including QA)

You’ve heard the term “containers.” Maybe you’ve heard the buzz surrounding new technologies like Docker and CoreOS. They plaster the front pages of HackerNews and reddit . If you’ve wondered just what the big deal is and what they are, this is a simple, what, why, and a how-to for containerization and how you can use it with your application. Simply put, containerization enables you to scale your apps with increasing ease. For developers, you can abstract away your infrastructure and stop worrying about developing, testing, and running in identical environments – it’s all the same inside your container.

Timothy Chen – Distributed Systems Engineering Lead at Mesosphere

Timothy Chen - Distributed Systems Engineer
Timothy Chen

Hacking Software Engineer Interviews

(4pm to 5pm , including networking)

In the meet-up, Cheng-Tao will share his experience as an software engineer interviewer at various companies including Google, LinkedIn, Square, and Codecademy.

Particularly, what different characteristics that interviewers from companies at different stage are looking for, as well as, what signals he personally is looking for during his interviews.

The session will be interactive and questions will also be highly welcome. If there is enough time, Cheng-Tao will also share tips of how to engineers can better prepare themselves for the interviews and a brief introduction of his startup which is aiming at disrupting the traditional engineer hiring process.

Cheng-Tao
Cheng-Tao

Cheng-Tao Chu – Google, Linkedin, Square, and Director of Engineering at Codecademy, currently starting up oneinterview.io

 

時間

26 Sep 2015 @ 2:30 pm

地點

Industrial Technology Reserach Institute (ITRI)
2870 Zanker Road, Suite 140, San Jose, CA 95134, USA

參加方式

請愛用 Facebook Event 參加:
https://www.facebook.com/events/1615259208735612/

[聚會 #5 – 18 July @ 2pm] D3.js: the Core Concepts by Zero Cho

Data visualization with D3.js by Zero Cho
Data visualization with D3.js by Zero Cho

主題介紹

D3 早就已經是網頁資料視覺化的標準配備,幾年前還在前公司服務的時候, Sales Director 有天神秘兮兮地靠過來,喜孜孜地跟我們分享他在客戶那邊聽到的成功訣竅,就是公司產品做 charting 的時候可以使用 D3… XD

很可惜地,當初負責前端設計的工程師比較鍾意有商業支援的 highcharts ,錯失了實作 D3 的機會。

這次,爛熟 graph 的 Zero 繼上次聊完 routing 演算法後,這次跟我們分享 D3 的實作經驗,人真是太好了!

聚會議程

2pm – 2:30pm: Let’s do: d3.js: the Core Concepts
d3.js is a famous data visualization library. All the power of d3.js comes from its simplistic syntax and data binding. This talk will guide you through d3’s core concepts and its core function: data transformation. We will then use a network topology editor to showcase d3’s dynamic capability.

2:30pm – 3:30pm: Networking and side project time.

Zero Cho – Software Engineer at Twitter

Zero Cho

上次 Zero 在讀書肚的分享:[聚會 #2 – 紀錄] Routing OpenStreetMap – by Zero Cho

時間

18 July @ 2pm

地點

Taulia: 201 Mission St #900, San Francisco, CA 94105

參加方式

請愛用 Facebook 活動連結報名:

https://www.facebook.com/events/659584477511003/

[聚會 #4 – 紀錄] 0 to Kaggle in 30 minutes – by Ming Tsai and You-Cyuan Jhang

10304502_10153311050208400_8182449893298095470_n

多謝工研院美西分院的贊助,這次 data science 的讀書肚 meetup 才能順利舉辦。

0 to Kaggle in 30 minutes

就算很多人聽過資料科學家的究極競技場 Kaggle ,也不一定人人都下場競技過,Ming Tsai 跟 You-Cyuan Jhang 這次的 talk 把資料科學的:

  • data preparation
  • training set/test set split
  • model training using just PostgreSQL, SQL, and Madlib
  • Kaggle result submission
  • … 等

的所有步驟清楚地介紹與 Demo,我想聽完這次 talk ,大家都可以下場玩玩。

Ming Tsai 與 You-Cyuan Jhang 目前在找挑戰 deep learning 的夥伴,請有興趣的一起加入打怪。

Youtube 影片檔

投影片