第一階段開發（2017年4月17—27日）：JavaScript在HTML中首次登場是用戶登錄驗證，WebApp登錄、驗證、註冊是PHP+MySQL動態頁面開發的第一步，也是最根本最重要的一步，開發目標是把美工準備好的登錄UI系統資料與系統後臺首頁成功關聯，實現數據庫穩定連接和登錄註冊系統在PC、手機、平板電腦等智能設備及H5+PHP7運行環境中都能夠自適應穩定運行。
主要開發內容：
①Dreamweaver輔助PHP源代碼自動生成功能體驗及GUI面向對象窗口操作技巧②參考職座標用戶登錄JavaScript驗證直播課程內容，源代碼集成“用戶登錄/註冊/校驗系統”③通過遠程虛擬主機“白盒測試”自適應功能，選擇合適的UI登錄註冊前後臺框架模板。
開發方法和技巧：
①PDO數據庫連接、查詢、登錄、註冊、維護（增刪改查）②數字/字母驗證碼製作③用戶數據庫信息校驗跳轉/JavaScript/jQuery校驗跳轉或Ajax異步更新數據傳遞處理頁面跳轉④JavaScript正則表達式檢測合法性輸入⑤WebStorm快捷代碼補全技巧(關鍵字+Tab/空格……詳見職座標H5直播JQuery進度條課程錄頻）特別是炫酷特效創意直播課、IDE快捷編程、調試方法及實用H5表單特效開發⑥不重複造輪子，分享PHPer社區智慧和成果，輕鬆玩JavaScript快樂弄jQuery寫得少做得多、開源共享、學習交流，實用功能模板集成項目工程開發功能模塊……
開發重點和難點：
①用面向對象方法優化和取代DW輔助生成的冗餘源代碼②破解PDO連接查詢MySQL數據庫，穩定解決PHP7兼容性問題③註冊登錄校驗合法輸入跳轉BUG排除方法技巧④jQuery自適應開發技巧、Css3及JavaScript特效⑤Dreamweaver及PhotoShop輔助美工設計UI前端用戶友好操作界面或直接二次開發低調高端大氣、平滑簡約風格的後臺框架模板，WebStorm或PhpStorm程序調試及項目開發階段性測試。
開發體會和啓發：
①思路決定出路。遇到新問題，不糾結不死纏着浪費時間，停下來整理一下思路，換個辦法就會迎刃而解，還會收到“踏破鐵鞋無覓處，得來全不費功夫”意外效果。每次開發前先用小便箋寫下幾句簡短思路的話，開始按思路逐條快速實驗，行不通又退出來再理新思路、換另一種新方法，直到問題破解。山重水複疑無路，柳暗花明又一村。這方法叫“便箋思路”開發。小便箋可輕鬆解決大問題②分享資源初衷是爲省心省事達到優勢互補、事半功倍的目的，但太多刻意改變原創核心元素代碼，難免違背原創初心，反而效果不佳、事倍功半。運用共享資料中最大的體會就是充分尊重原創，不改原創初心繼續二次開發整合、嫁接適應功能模塊③對開發前期知識的消化吸收很重要，“度娘”、“搜狗”提供的源碼不少埋坑，踩過太多坑後才深知“書到用時方恨少”。靈活運用基礎知識和基本規律永遠是開發過程之中的重中之重，上直播課收集資料不圖多而重在趕快消化吸收，作爲一個Web開發者需要每日積跬步行千里，重在每天不斷實踐讓自己更加優秀。既然已經準備好走上Web開發之路，就讓我們充滿感激和動力，敢於實踐，勤於動手，多記筆記，多寫體會，這是個自我否定和自我實現的過程，不斷總結，就會快樂成長和成就自我。