第一階段開發(fā)（2017年4月17—27日）：JavaScript在HTML中首次登場(chǎng)是用戶登錄驗(yàn)證，WebApp登錄偏形、驗(yàn)證静袖、注冊(cè)是PHP+MySQL動(dòng)態(tài)頁(yè)面開發(fā)的第一步，也是最根本最重要的一步俊扭，開發(fā)目標(biāo)是把美工準(zhǔn)備好的登錄UI系統(tǒng)資料與系統(tǒng)后臺(tái)首頁(yè)成功關(guān)聯(lián)队橙，實(shí)現(xiàn)數(shù)據(jù)庫(kù)穩(wěn)定連接和登錄注冊(cè)系統(tǒng)在PC、手機(jī)萨惑、平板電腦等智能設(shè)備及HTML5+PHP7運(yùn)行環(huán)境中都能夠自適應(yīng)穩(wěn)定運(yùn)行捐康。
主要開發(fā)內(nèi)容：
①Dreamweaver輔助PHP源代碼自動(dòng)生成功能體驗(yàn)及GUI面向?qū)ο蟠翱诓僮骷记散趨⒖悸氉鴺?biāo)用戶登錄JavaScript驗(yàn)證直播課程內(nèi)容，源代碼集成“用戶登錄/注冊(cè)/校驗(yàn)系統(tǒng)”③通過(guò)遠(yuǎn)程虛擬主機(jī)“白盒測(cè)試”自適應(yīng)功能庸蔼，選擇合適的UI登錄注冊(cè)前后臺(tái)框架模板解总。
開發(fā)方法和技巧：
①PDO數(shù)據(jù)庫(kù)抽象層包括對(duì)MySQL連接、查詢姐仅、登錄倾鲫、注冊(cè)、維護(hù)（增刪改查）靜態(tài)數(shù)據(jù)庫(kù)類單例模式以及應(yīng)用類封裝實(shí)例化②數(shù)字/字母驗(yàn)證碼制作③用戶數(shù)據(jù)庫(kù)信息校驗(yàn)跳轉(zhuǎn)/JavaScript/jQuery校驗(yàn)跳轉(zhuǎn)或Ajax異步更新數(shù)據(jù)傳遞處理頁(yè)面跳轉(zhuǎn)④JavaScript正則表達(dá)式檢測(cè)合法性輸入⑤WebStorm快捷代碼補(bǔ)全技巧(關(guān)鍵字+Tab/空格……詳見職坐標(biāo)H5直播JQuery進(jìn)度條課程錄頻）特別是炫酷特效創(chuàng)意直播課萍嬉、IDE快捷編程、調(diào)試方法及實(shí)用H5表單特效開發(fā)⑥不重復(fù)造輪子隙疚，分享PHPer社區(qū)智慧和成果壤追，輕松玩JavaScript快樂弄jQuery寫得少做得多、開源共享供屉、學(xué)習(xí)交流行冰，實(shí)用功能模板集成項(xiàng)目工程開發(fā)功能模塊……
開發(fā)重點(diǎn)和難點(diǎn)：
①用面向?qū)ο蠓椒▋?yōu)化和取代DW輔助生成的冗余源代碼②用PDO數(shù)據(jù)庫(kù)抽象層單例模式，平穩(wěn)解決PHP7與低版本查詢語(yǔ)句兼容性問題③注冊(cè)登錄校驗(yàn)合法輸入跳轉(zhuǎn)BUG排除方法技巧④jQuery自適應(yīng)開發(fā)技巧伶丐、Css3及JavaScript特效⑤Dreamweaver及PhotoShop輔助美工設(shè)計(jì)UI前端用戶友好操作界面或直接二次開發(fā)低調(diào)高端大氣悼做、平滑簡(jiǎn)約風(fēng)格的后臺(tái)框架模板，WebStorm或PhpStorm程序調(diào)試及項(xiàng)目開發(fā)階段性測(cè)試哗魂。
開發(fā)體會(huì)和啟發(fā)：①思路決定出路肛走。遇到新問題，不糾結(jié)不死纏著浪費(fèi)時(shí)間录别，停下來(lái)整理一下思路朽色，換個(gè)辦法就會(huì)迎刃而解邻吞，還會(huì)收到“踏破鐵鞋無(wú)覓處，得來(lái)全不費(fèi)功夫”意外效果葫男。每次開發(fā)前先用小便箋寫下幾句簡(jiǎn)短思路的話抱冷，開始按思路逐條快速實(shí)驗(yàn)，行不通又退出來(lái)再理新思路梢褐、換另一種新方法旺遮，直到問題破解。山重水復(fù)疑無(wú)路盈咳，柳暗花明又一村耿眉。這方法叫“便箋思路”開發(fā)。小便箋可輕松解決大問題②分享資源初衷是為省心省事達(dá)到優(yōu)勢(shì)互補(bǔ)猪贪、事半功倍的目的跷敬，但太多刻意改變?cè)瓌?chuàng)核心元素代碼，難免違背原創(chuàng)初心热押，反而效果不佳西傀、事倍功半。特別是后端工程師不要輕易改變前端美工平面設(shè)計(jì)而丟掉創(chuàng)意和美感桶癣。運(yùn)用共享資料中最大的體會(huì)就是充分尊重原創(chuàng)拥褂，不改原創(chuàng)初心繼續(xù)二次開發(fā)整合、嫁接適應(yīng)功能模塊③對(duì)開發(fā)前期知識(shí)的消化吸收很重要牙寞，“度娘”饺鹃、“搜狗”提供的源碼不少埋坑，踩過(guò)太多坑后才深知“書到用時(shí)方恨少”间雀。靈活運(yùn)用基礎(chǔ)知識(shí)和基本規(guī)律用PHP原生代碼永遠(yuǎn)是開發(fā)過(guò)程之中的重中之重悔详，上直播課收集資料不圖多而重在消化吸收，作為一個(gè)Web開發(fā)者需要每日積跬步行千里惹挟，重在每天不斷實(shí)踐讓自己更加優(yōu)秀茄螃。既然已經(jīng)準(zhǔn)備好走上Web開發(fā)之路，就讓我們充滿感激和動(dòng)力连锯，敢于實(shí)踐归苍，勤于動(dòng)手，多記筆記运怖，多寫體會(huì)拼弃，這是個(gè)自我否定和自我實(shí)現(xiàn)的過(guò)程，不斷總結(jié)摇展，就會(huì)快樂成長(zhǎng)和成就自我吻氧。
