Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

week - 2016-09-25 ~ 2016-10-01 #115

Open
Rplus opened this issue Oct 2, 2016 · 20 comments
Open

week - 2016-09-25 ~ 2016-10-01 #115

Rplus opened this issue Oct 2, 2016 · 20 comments
Labels

Comments

@Rplus
Copy link
Member

Rplus commented Oct 2, 2016

收集:10-02
票選:10-02 ~ 10-04

week-28

@Rplus Rplus added the 週刊 label Oct 2, 2016
@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 1 431 13 36
在讀傅立葉轉換跟波形疊加的時候
想說找找上網可以玩的示波器(? 但是沒有找到好玩的
所以就自己用 Canvas+Vue.js做了一版
效果還蠻像真的在操控儀器介面的XD
可以添增雜訊跟sin波~ 管理介面用vue刻了一下

練習的示波器網址:
http://codepen.io/frank890417/pen/ORWqdJ?editors=0010

------------------------------------------------------------
最近在hahow開設的動態網頁課程
https://hahow.in/cr/monoame-webdesign1
持續在上線中,如果有興趣鑽研動態網頁的人歡迎一起切磋:)

: i.giphy.com

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 2 93 3 20
這個線上課程有實作,作者還提供 Slack ,可以透過 Slack 問作者問題。

你將學到什麼?

1. 如何用React.js從頭到尾建立整個App或網站元件
2. 了解 React 元件並用JSX寫markup
3. 維護你的應用程式的State
4. 元件之間的溝通
5. 了解如何使用 State 和 HTML5 LocalStorage
6. 運用Firebase實時處理 web socket資料
7. 以 JavaScript 模組創建可維護的程式碼
8. 運用 React Router 做 URL 路由選擇
9. 利用新的 ES6 功能
10. 還有更多內容,請看內文介紹


: Pragmatic Studio推薦的React.js 課程
Pragmatic Studio在Ruby & Rails方面的課程非常受好評,最近回應客戶詢問可否提…

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 3 95 9 10
上個月看到大大們推薦幾個投影片的 framework
對 impress.js 很感興趣,覺得很好上手也很好玩!
原本想推薦朋友玩 ...
但對於完全沒接觸過 html 和 css 的朋友好像有點困擾
雖然在 impress.js 的 wiki 上有一些不錯的 tools 可以使用
不過秉持著台灣製造的念頭(?) XDD 
加上最近在玩 reactJS 所以就利用機會練習一下!

用 React 搭配 Redux 寫了這個編輯器:
https://oawan.me/Oi

------------------------------------------------------------
由於剛接觸前端這塊不久,這個作品還很粗糙
希望能得到大大們的建言或是能一起寫 =D
如果喜歡的話也請大大們給個星星吧 ccc

Github repo:
https://github.com/georgiowan/Oi

p.s. 麻煩自動轉成 chrome 使用,瀏覽器和尺寸的支援度還超低呀... 正在慢慢改善中 (爬)

#React #Redux #impressJS #WYSIWYG

: imgur.com

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 4 45 29 3
常常在逛網頁的時候會打開原始碼看看,很常發現一個首頁載了非常多的css or js套件,理論上來說應該都要分別壓成一支檔案就好(減少和伺服器的請求數量),但實際開發上往往會不如預期,試問假設目前看到圖片的js有那麼多支,壓成一支之後,除了把註解標記清楚(每個套件的作用,方便後人參考)以及寫到文件中以外,還有什麼需要注意的呢?

:

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 5 60 6 9
跟各位分享一個無用小常識,style 請乖乖設定在 css 啊 XD

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 6 56 2 7
[分享 OSX Calculator] 之前因為常常要計算 em, pt ( 因為很多設計很~~~喜歡在PSD用 pt ) 還有一些CSS中的數字 去找了一下有沒有工程師用的計算機. 找到最後覺得這個很好用, 可惜目前只有Mac版本. 可以存 variable, 計算結構很適合工程師 還有直接轉換 em, pt 轉換對我在工作上幫助很大 :) 分享

: http:&/&/numi.io ‒ Beautiful calculator for Mac
Numi is a beautiful text calculator for Mac.

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 7 24 6 2
大家好,歡迎有志之士,與我聯繫

泰德連橫是泰德時代投資集團旗下的新創團隊,我們相信新技術帶來新的生活體驗,目前正在進行一項新計畫,希望能夠找到想法不受限的夥伴一起加入。

大多數人習慣將資料放在Google Drive, Dropbox等雲端儲存平台上,但User的隱私與安全透過這種集中式儲存卻難以得到保障,我們希望開發私有雲,透過這服務,可以輕易將家裡的電腦,轉換成自有的雲端儲存設備,透過這種方式更加保障User的隱私安全以及資料的快速流通。

月薪:60,000 新台幣以上

【公司名稱】泰德連橫有限公司/ Tidetime Union Limited
【工作職缺】資深前端工程師(Senior Web Front-end Engineer) 1名

【工作內容】

- 開發使用者經驗導向的 Desktop 和 Mobile 網頁。
- 對網頁的Scalability,Performance,Cross-browser Compatability 和 Stability 有敏銳的認知。
- 時常進行產品定位和設計相關的溝通,配合開發前端組件,維護並優化前端頁面效能。
- 與後端工程師密切配合進行數據交互整合。
- 探索最新的前端技術,持續學習。

【應徵條件】

- 熟悉 HTML5, CSS3, JavaScript
- 熟悉 React.js
- 能將設計人員提供的畫面, 手動以 HTML, CSS , JavaScript 等實作出來
- 具有 RWD 開發經驗
- 良好的溝通和理解能力。

【加分項目】

- 熟悉 webpack, babel, gulp 等輔助工具
- 熟悉 ES6 尤佳
- 熟悉 flux or redux
- immutable.js 使用經驗
- seo 實作經驗

【工作地點與環境】
基隆路信義路交會
定期補充各式零食

【工作時間】
周一至周五 09:00~18:00(含午休1小時)

【月休】
周休二日

【薪資範圍】
年薪TWD 900,000-1,000,000

【需求人數】
1位

聯絡人:Jackson Kuo
email: [email protected]
phone: 02-27207928, 302

來信請寄至 < [email protected] >
信件主旨開頭請為:【應徵 TideUnion 資深前端工程師】OOO (OOO 請用您的名稱取代之)。
履歷或作品附件請用標準 PDF 檔案寄送

: 資深前端工程師(Senior Web Front-end Engineer) - 泰德連橫有限公司&/ Tidetime Union Limited
泰德連橫有限公司是泰德時代投資集團旗下的新創團隊,我們相信新技術帶來新的生活體驗,目前正在進行一項新計畫,希望能夠找到想法不受限的夥伴一起加入。 我們一直在研究區塊鏈blockchain與去中心化上的應用,目前正在開發的項目為去中心化的線上空間分享服務,可以看做是線上的Uber,用戶可以將自有的閒置空間出租給其他人使用,我們認為區塊鏈與去中心化還有許多未來可能的應用,歡迎有志之士一起加入開發。 在區塊鏈上,我們進行了許多的應用開發,像是透過區塊鏈記錄方式,用戶可以將閒置的硬碟空間,出租給其他人使用;還有透過區塊鏈,進行線上線下交易的記錄,為拍賣公司創造更大的市場。目前預計開發的還有點對點的通訊...

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 8 32 0 2
Vue 2.0 正式發佈了 https://medium.com/the-vue-point/vue-2-0-is-here-ef1f26acf4b8

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 9 28 0 2
要看 CSS 繪圖 or 要找前端工程師的朋友,週四晚上見囉!!

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 10 22 1 2
ReactNative 仰望星空工作坊 Run3
10/06 (四) 主要分享如何用JS呼叫Native

http://f2e.kktix.cc/events/1894833b-e4cec3-f20b42

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 11 14 5 2
有在用 Yahoo! 出品的名為 pure 的 CSS lib 的人要注意一下
有在討論要從 Yahoo 內遷出去了
且有可能現在官方的 CDN 不會用 Yahoo 的了(我之前看見他不支持 https 就用 cdnjs 上的了

: Progress &/ Roadmap · Issue #557 · yahoo&/pure
I'm just curious about the current state and the maintenance of this project as the oldest issue is from 3rd of july 2013 with actually 85 open issues and 20 open pull requests - where the oldest i...

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 12 17 0 3
ES6 是 JavaScript 近來重要的更新,有許許多多的新功能。 本課程以簡單易懂為前提,有效地找出哪些是JavaScript新增且最重要的,且告訴你何時以及如何使用。

建議一定要追蹤他的Twitter @wesbos    

這位講師的課程都有提供 slack 服務


: Pragmatic Studio推薦的ES6課程
Pragmatic Studio在Ruby & Rails方面的課程非常受好評,最近回應客戶詢問可否提…

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 13 17 3 0

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 14 4 8 1
前輩們請教一下要如何讓HTML標籤無效.......例如<br> 我希望他顯示的是文字不要真的給我輸出換行@@

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 15 14 1 0

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 16 1 9 0
各位前輩大家好

不知這裡是否能提問較低階的問題

一時google不到相關範例,所以在這提問麻煩大家

小魯我在練習選擇多組單選條件後送出不同結果

現在學疏才淺只會無腦用if判斷式

http://codepen.io/harveylee/pen/jrmWxm

但今天如果其中一個項目選項有增減

整個就是要砍掉重寫

想請教前輩們比較聰明正確的方法(陣列處理?)

給小魯我一點思考方向

謝謝

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 17 9 3 0
F2E 設計 九月場

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 18 3 3 0
各位好 用node express當後端的新手 
最近碰到一個問題 想問一下大家

在前端網頁 用表單傳送一個值給後端資料庫的時候
回傳的時候該用什麼方法 才能把值回傳在原來的表單呢?
目前是用req.send() 或 req.end()這種方法傳
但用這種方法 整個網頁版型會跑掉(變白)

有朋友建議是用ajax + jquery 用api的方式就可以簡單做出來
所以我想用ajax+ jquery 的方式去用表單傳給DB ,然後讓從DB回傳的值到正確的dom上,請問有人能推薦node.js的範例可以參考嗎...
或是有相關的書可以參考
書本找到的大都是php 或是 asp的方式   試半天還是無法達成
附上程式碼
謝謝

https://www.codepile.net/pile/0qPkbE5b
https://www.codepile.net/pile/y8rNYg8M

: CodePile | Easily Share Piles of Code
{{ description }}

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 19 1 4 0
請教一下各位前輩,我使用bootstrap-table表格工具.如下圖一.
圖二.

圖片中的右邊有個藍色按鈕“新增頁籤” 當我點擊後會新增頁籤.

當我點擊新增頁籤後是用 append($('<table></table>'))將table元素放入第二張圖(TAB 2)的頁籤內容中 , 但因為append給的是string所以圖二他不會吃到bootstrap-table.js(兩張圖表格才會長得不一樣)

不知道有什麼方法可以吃到bootstrap-table.js? 或是針對這個範例有其他作法  或我方向根本錯了~ 謝謝!

@Rplus
Copy link
Member Author

Rplus commented Oct 2, 2016

power# likes comments shares
# 20 5 0 0
【六角學院 - 10月線上前端講座】
大家好,向各位分享下月活動,
這次邀請許多前端講師來分享程式與工具的教學,
希望讓剛接觸網頁設計的臺灣各地朋友,
也能透過線上講座吸收前端開發技巧哩 :D

🌟【眾星匯集的10月--週週都是精華】🌟

六角學院校長在精進技能的 10 月份中,
號召多位前端明星講師提升各位技能,輕鬆銜接11月份的新課程!
註冊10月線上講座去 (限量180名):https://goo.gl/mkt6fG

學生 4 堂課註冊費 250 元, 名額限定 180 位
當進入智付寶進行付費時,請記得留下 Email 資料,
我們將會寄發 zoom 的網址,讓大家連線上課,
破天荒開放校外人士報名,名額有限要搶要快唷!

10月主題大綱 ---

1、10/06(四) 晚上 7:30~9:30 - 廖洧杰 (SASS)

  • 想要了解如何有效率地撰寫 CSS 嗎?由六角學院校長教你目前業界上最熱門的 CSS 預處理器 SASS !

2、10/13(四) 晚上 7:30~9:30 - Amos (Sublime)

  • 上完六角學院的 sublime 課程還意猶未盡,想了解更多 Sublime 進階用法嗎?讓前端戰神 Amos 報你災!

3、10/20(四) 晚上 7:30~9:30 - Muki (JavaScript+jQuery 設計網頁動畫效果 )

  • 已經會用 jQuery 那就更適合學習 JavaScript 基礎,讓 Muki 前端講師教你兩者如何結合設計更豐富、彈性的網頁互動效果

4、10/27(四) 晚上 7:30~8:30 - PJCHENder (前端工具分享)

  • PJCHENder 是璀璨的前端新星(提供粉絲連結),本次議程為提供各種前端工具協助各位開發效率 upup

註冊10月線上講座去 (限量180名):https://goo.gl/mkt6fG
👉我們將會用 mail 傳送線上 ZOOM 會議網址,所以請各位務必將 mail 填寫正確唷!

P.S.:六角學院有官方Line嘍!歡迎加入隨時獲得六角學院第一手資訊!
直接加入 LINE 好友:https://line.me/R/ti/p/%40guv7422g
LINE ID:@guv7422g

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant