程式教育會議| 碧華國小資訊中心

台南5a88官網：http://5a88.tn.edu.tw; 5A88 FB社群 https://www.facebook.com/groups/5a88.tw/ · [教學]USB工具隨身碟製作(系統安裝,備份&還原、測試工具、隨身碟) ... 日期：107年12月26日(三) 時間：下午1:30–4:30 地點：教研中心 主題：5A88電腦管理系統 講師：中信國小黃勝傑 簡報： 5A88虛擬磁碟開機還原系統 講義： 臺南市教育局Maker社群網-5A88電腦管理系統 VHDX差分指令 加入Acronis語法 線上教學文件： 臺南市教育局Maker社群網–5A88電腦管理系統 5A88維護工具隨身碟製作教學–臺南市5A88 相關學習資源： 5a88 台南5a88官網：http://5a88.tn.edu.tw 5A88FB社群 https://www.facebook.com/groups/5a88.tw/ [教學]USB工具隨身碟製作(系統安裝,備份&還原、測試工具、隨身碟) USB隨身碟(USB隨身硬碟、記憶卡)多重開機PE製作方法 USB隨身碟(USB-FLASH)多重開機PE製作方法GRUB4DOS教學 使用Grub4Dos來做隨身碟的開機管理 GRUB4DOS的menu.lst HyperV Hyper-V3.0實戰系列– iT邦幫忙鐵人賽 AcronisTrueImage 最好的電腦備份軟體-AcronisTrueImage2019 diskpart.exe 使用diskpart.exe清除分割區–建立磁碟分割區partition 日期：107年10月31日 地點：新北市教研中心 講師：林士立老師 主題：NTPCCoderOpenID整合範例 公文： 107公文E0005784 107下半年度自由軟體推廣暨程式軟體應用研發中心工作計畫 教材： https://github.com/t301000/ntpc-coder-example-201810 安裝設定： PHP範例中public/config/system.php資料庫連線設定要依照自己的環境去設定 composerinstall webserverdocumentroot設定到public資料夾 預設帳密：admin/12345678 開發環境與工具： Wagon的下載及設定 免安裝可攜的LARAVEL開發環境 wagonongithub 注意事項：解壓縮後，須設定該資料夾的安全性，使 Users 群組設為可「修改」，如此在啟動及關閉uwAmp時，才不會出問題。

XAMPPInstallersandDownloadsforApacheFriends PhpStorm VisualStudioCode PHPComposer Laradebut#11Composer新手入門教學一學就上手by閃亮亮 【影片】https://www.youtube.com/watch?v=qxaL_bjGKEw 【Repo】https://github.com/dj1020/ComposerTutorial COMPOSER設計原理與基本用法 COMPOSER進階原理：PHP命名空間與PSR-0 不專業網管筆記|林士立老師 Composer 官方網站(英文版) DownloadComposer Composer|正體中文文件 Packagist–ThePHPPackageRepository dg/rss-php: RSS&AtomFeedsforPHPisaverysmallandeasy-to-uselibraryforconsuminganRSSandAtomfeed 教學相關網站： NTPCOpenID：http://openid.ntpc.edu.tw 欄位規格說明 範例程式下載 注意事項： openid的範例中，openid.php這支library裡在#280,#293,#309這三行中，判斷ssl的CN_match這個設定已不再使用(deprecated)。

apache2目前似乎仍可正常使用，不過，放在nginx的話，會噴錯誤，將‘CN_match’自行改成‘peer_name’可正常執行。

教研中心研習：PHP網頁程式設計(1060807-0808) LAMP–維基百科，自由的百科全書–Wikipedia LAMP(Linux、Apache、Mysql、PHP)+phpMyAdmin安裝設定–行雲者 日期：107年7月5、6日 地點：新北市教研中心 主題：HTML5+CSS網頁設計-基礎篇 講師：AmosLee 課程使用軟體： SublimeText ColorCop(吸取螢幕色彩) ScreenRuler(螢幕尺規) ZoomIt(自由縮放螢幕) Prepros 前端攻城屍自動化教學1(入門軟體篇,使用prepros) XMind (心智圖軟體) 網頁開發工具簡介： 網頁開發工具 SublimeText SublimeText–維基百科，自由的百科全書 VisualStudioCode VisualStudioCode–維基百科，自由的百科全書 Atom Atom(文字編輯器)–維基百科，自由的百科全書 Brackets AdobeBrackets–維基百科，自由的百科全書 JSBIN線上編輯器網站：http://jsbin.com/ 網頁開發相關教學資源： Emmet： 前端開發神器Emmet快速上手教學整理，減少HTML/CSS輸入的麻煩 [技術分享]Emmet簡易教學–快速上手包 https://docs.emmet.io/cheat-sheet/ SublimeText 網頁設計： sublimeText免費線上教學影片(約半小時)：https://course.cool3c.com/p/sublime sublimeText線上免費簡報：https://www.slideshare.net/banPrint/sublime-text-51689543 SublimeText3推薦安裝的套件–網頁設計 SublimeText網頁勞工常用擴充套件 教學：淺談SublimeText的安裝設定及入門操作-[上篇] 教學：淺談SublimeText的安裝設定及入門操作–[下篇] Brackets網頁設計練習教學影片 主課程：HTML5 HTML5維基百科，自由的百科全書 W3SchoolsOnlineWebTutorials HTML5教程|菜鸟教程 SublimeText 網頁設計： Ctrl+Shift+G：在選取文字前後標示HTML標記 ! lorem lorem200 主課程：CSS CSS–維基百科–Wikipedia CSSTutorial–W3Schools CSS教程|菜鸟教程 CSS–MDN–Mozilla CSS基本-學習該如何開發Web|MDN 學習CSS版面配置 CSS可樂:CSSCoke 網頁色彩輕鬆學 使用XMind(心智圖軟體)歸納整理 安裝中文Lorem外掛： 按下Ctrl+Shift+P 輸入「InstallPackage」 選ChineseLoremIpsum 在網頁文件中，打CTlorem，再按Alt+C CSSBoxModel CSS–關於BoxModel（區塊模型） 名稱翻譯： margin:外距 padding：內距/留白/墊充 可見尺寸：width+padding+border 佔據空間尺寸：width+padding+border+margin 例如： .amos{ width:200px; padding:15px; border:10pxsolid#f00; margin:20px; } 可見尺寸：200+15*2+10*2=250 佔據空間尺寸：200+15*2+10*2+20*2=290 設定box-sizing:border-box;後： 可見尺寸：width 佔據空間尺寸：width+margin 例如： .box{ width:400px; background-color:#ccc; border:25pxsolid#f00; padding:25px; box-sizing:border-box; } 可見尺寸：400 CSSTools:ResetCSS： https://meyerweb.com/eric/tools/css/reset/ 存成reset.css 在網頁中引入： ResetCSS過度Over的作法： *{ margin:0; padding:0; line-height:1; list-style-type:none; } 版面配置： TemplateMonster(WebsiteTemplates|WebTemplates) 深入解析CSSFlexbox–OXXO.STUDIO flexbox–學習CSS版面配置 CSSFlexbox介紹與解析«MUKIspace 學習Flexbox版面配置·Rhadow’sTechNote RWD 網頁設計 回應式網頁設計-維基百科，自由的百科全書 MobileWeb前端技術筆記(一):Viewport的設定 MobileWeb前端技術筆記(二):MediaQueries與CSS Bootstrap Bootstrap4繁體中文手冊[六角學院譯] 日期：106年12月16-17日 時間：9:00-16:30 地點：新北市樹林區樹林國小 主題：Python入門 講師：邱昭士老師 Python開發環境與工具 Python官方網站 PyCharm WingPythonIDE 安裝及使用WingIDE開發你的Python程式 Python入門 Python–維基百科，自由的百科全書 Python2.7documentation Python3.6documentation Python3.5.2說明文件 (中文譯本) Python3Tutorial|SoloLearn:LearntocodeforFREE! PythonChallenge–GooglePlayAndroid應用程式 Python入門|DjangoGirlsTaipei Python程式設計–高中資訊科技概論教師黃建庭的教學網站 莫煩Python inventwithpython.com Python安裝 PythonLibrary pipforWindows Pypi：https://pypi.python.org (一)PythonTurtle Pythonturtle模組的各種方法 Pythonturtle模組的進階應用 turtle—Turtlegraphics PythonTurtle 上課教材與練習程式範例： TeachYourKidstoCode TeachYourKidstoCode:AParent-FriendlyGuidetoPythonProgramming Downloadthecodefilesandsolutionstoprogrammingchallenges (二)PyGame Pygame官方網站 Python遊戲教學 InventYourOwn ComputerGames withPython PDFandAllSourceCode MakingGameswithPython&Pygame PDFandAllSourceCode https://inventwithpython.com/starPusherLevels.txt https://github.com/xamox/pygame/raw/master/lib/freesansbold.ttf Python超級新手教學 零基礎入門學習Python python基礎 學習資源： Python–維基百科，自由的百科全書 VPhysics：Python程式設計和物理的火花碰撞(1060802-0804) Python官方網站 Python台灣使用者群組 Python–十分鐘入門 Python入門|DjangoGirlsTaipei DjangoGirls教學手冊 |DjangoGirlsTaipei Coding初學指南－Python–Liang2’sBlog 語言技術：PythonGossip 專欄文章：PythonTutorial Python慣用語–遵循PEP8的命名規則 PythonLibrary與第三方程式碼： Python3ModuleoftheWeek Pygame官方網站 Python遊戲教學 wxPython官方網站：Python的GUItoolkit，包裝了知名的C++GUItoolkit。

wxPython–維基百科，自由的百科全書 Maxkit:使用wxPython開發跨平台視窗程式 PyInstaller官方網站 pipforWindows Pypi：https://pypi.python.org github：https://github.com/python 日期：106年12月13日 時間：下午1:30–4:30 地點：教研中心電腦教室 主題：Node.js+MongoDB+Mongoose 講師：洪子謙老師 公文與計畫： 新北市106年度自由軟體推廣暨程式應用研發中心工作計畫 上課講義與範例程式： 簡報：MongoDB&MongooseODM todo2mongodb.7z angular2mongodb.7z sync.ffs_db 開發工具與環境建置： Wagon的下載及設定 免安裝可攜的LARAVEL開發環境 wagonongithub 注意事項：解壓縮後，須設定該資料夾的安全性，使 Users 群組設為可「修改」，如此在啟動及關閉uwAmp時，才不會出問題。

VisualStudioCode (1.18.1) Node.js (v8.9.3LTS,v9.3.0Current) Git (2.15.1) 教學相關網站與學習資源： MongoDB官方網站 MongooseODM官方網站 MongoDB學習（一）初識NoSql及MongoDB NoSQL資料庫概覽及其與SQL語法的比較 MongoDB的ODM：mongoose簡單介紹 參考資料： 新北市教育局程式應用研發社群工作坊：Angular+Node.js(1061122) 新北市教育局程式應用研發社群工作坊-Angular2進階(1060712~0714) 新北市教育局程式應用研發社群工作坊-Angular(1060503~0621) Postsnavigation 1 2 3 4 Next Search Search Archives 2022年四月 2022年三月 2022年二月 2022年一月 2021年十二月 2021年十一月 2021年十月 2021年九月 2021年八月 2021年七月 2021年六月 2021年五月 2021年四月 2021年三月 2021年二月 2021年一月 2020年十二月 2020年十一月 2020年十月 2020年九月 2020年八月 2020年七月 2020年六月 2020年五月 2020年四月 2020年三月 2020年二月 2020年一月 2019年十二月 2019年十一月 2019年十月 2019年九月 2019年八月 2019年七月 2019年六月 2019年五月 2019年四月 2019年三月 2019年二月 2019年一月 2018年十二月 2018年十一月 2018年十月 2018年九月 2018年八月 2018年七月 2018年六月 2018年五月 2018年四月 2018年三月 2018年二月 2018年一月 2017年十二月 2017年十一月 2017年十月 2017年九月 2017年八月 2017年七月 2017年六月 2017年五月 2017年四月 2017年三月 2017年二月 2017年一月 2016年十二月 2016年十一月 2016年十月 2016年九月 2016年八月 2016年七月 2016年六月 2016年五月 2016年四月 2016年三月 2016年二月 2016年一月 2015年十二月 2015年十一月 2015年十月 2015年九月 2015年八月 2015年七月 2015年六月 2015年五月 2015年四月 2015年三月 2015年二月 2015年一月 2014年十二月 Meta 登入