🌟【 前端大神齊聚分享 】🌟
這次邀請了四個高手在線上分享前端技術
👉 包含了 Sass、Sublime Text、jQuery 以及前端工具
👉 只要 250元,就能夠在家裡學習前端技術
名額有限,要搶要快喔!
-----
🌟【眾星匯集的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
同時也有1部Youtube影片,追蹤數超過5,470的網紅老闆,來點寇汀吧。Boss, CODING please.,也在其Youtube影片中提到,本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。 現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。 (1:50:13) 哲宇大型 ...
css動畫效果 在 紀老師程式教學網 Facebook 的最佳貼文
[好站介紹] CodeRibbit:教學影片界的 YouTube
咳咳...好吧~我承認那個稱號是我封的...不過這個站真的有不少與程式設計相關的教學影片。在頂端選單的「All Tutorials」拉下來,可以看到分類得不錯:
* Ruby
- Ruby Basics
- Ruby on Rails
- Starting Rails
- Advanced Ruby
- Ruby Testing
* JavaScript
- jQuery
- Backbone.js
- Node.js
- Ember.js
- CoffeeScript
- Angular.js
* HTML/CSS
- CSS Fundamentals
- HTML5
- CSS3
- SASS
- Responsive Design
- Compass
- Design
* iOS
- iOS Fundamentals
- Objective-C
- XCode
* Electives
- R Basic
- Git Basic
- Advanced Git
幫大家小小介紹一下上面一些選項,好讓不熟悉的朋友能瞭解自己該從哪裡開始學起。畢竟看到上述那些名詞,還能發出「會心一笑」、羽扇綸巾地說著「略懂~略懂~」的人,也不需要看這個網站了吧?(哈哈哈)
Ruby 是一種常見於網頁程式設計的語言。能在兩三天內,就從零建造出略具規模的網站。以「網頁設計界的急行軍」著稱(好吧~這個也是我封的 XD)。Rails 是 Ruby 的一種「框架(Frameworks)」。比較不準確、但容易懂的講法,可以把 Rails 視為 Ruby 的一個函式庫,或是外掛工具,提供 Ruby 這個語言額外的方便功能。打個比方大家就容易懂:Ruby 是索爾,Rails 是雷神之鎚。Ruby on Rails 就是手握雷神之鎚的索爾。太陽花學運期間,有些一夜之間架起來的募資網站,都是神人們用 Ruby on Rails 做的。如果你對「快速網站塑型」(Rapid Web Prototyping)有興趣,建議可以看看 Ruby 與它的鎚子 Rails。一起服用效果更佳...
HTML, CSS, JavaScript 應該知道的人就多了。這三個有網站前台「三本柱」之稱所負責的範圍如下:
* HTML 負責標示文章結構(到哪裡是主標、哪裡是一個段落...)
* CSS 負責排版(主標對中+24點字+粗體...之類的)
* JavaScript 負責與使用者互動(動畫效果、檢查輸入資料是否符合格式...)
由於 JavaScript 用得廣,它不像 Ruby 只有 Rails 這把鎚子。它有 jQuery, Backbone.js, Node.js...等大劍、神盾、披風與紅內褲... =皿=。適度搭配的確可以收神兵利器之效,但把所有框架全都加在一起,你得有很高超的平衡技巧,才會讓這鍋大雜燴變成撒尿牛丸。如果你真的沒有時間,你的工作著重在網站前台的,學 jQuery 或 Angular.js。你的工作著重在網站後台的,學 Node.js,應該就不錯了。
iOS 學的是如何撰寫執行於 iPhone / iPad 等設備上的 App。至於下方的「R」,是大數據領域常常使用的一套統計分析用軟體(也有自己的 R 語言)。Git 是版本控制軟體。它可以記錄你每次存入程式碼的差異,以便將來後悔,想倒退回某一天的版本時,它就能幫你辦到。
啊!說了這麼多,差點忘了把 CodeRibbit 的網址給大家。請服用:
CodeRibbit: http://coderibbit.com/index.html
希望今天的分享大家會喜歡!別忘了按個讚鼓勵一下喔!
css動畫效果 在 Blogger調校資料庫 Facebook 的精選貼文
*快速回到網頁上方 Go Top 按鈕 + 各種動畫效果(CSS / jQuery)*
這次的效果跟其他回到網頁上方按鈕(Go Top)不同之處,多了放大縮小的動畫效果、以及使用了變速的捲動特效。只要參照使用說明,也能將這個按鈕修改為自己喜歡的效果。
css動畫效果 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最佳貼文
本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。
現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。
(1:50:13) 哲宇大型 debug 現場
#GSAP
--
追蹤老闆的 IG:https://www.instagram.com/bosscodingplease/
Hahow 線上課程:
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門(JS/CANVAS)👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV
Creative Coding 台灣站:https://bit.ly/3iQ8iZF
css動畫效果 在 Animate.css 動畫插件| 前端筆記 的推薦與評價
為網頁增加動畫效果的CSS 插件,只需要載入CDN 並在要有動畫效果的區塊加上Class 名稱就能看到效果了。 效果有彈跳、淡入淡出、滑入滑出、旋轉過場、放大 ... ... <看更多>