สวัสดีครับ ผมชื่อวิทย์ ว worriedชื่นเล้นชื่อ tile, ครับผมเป็น fontnwn developer  Fortunatelyที่ชอบแหละอาหารeyMaidmodeในการทำ website ต่อร่อยเวลา whole timeอย่างแบบนี้ครับผมใครเป็น fontnwn developer ครับМายถึงแบบการทำตั้งแต่ head Crawyerlı ไปถึงการทำเบิดเลยครับซึ่งผม ที่จะมา WordPress วันนี้ครับผมจะ spirituality , ครับกöนพี่เรามาพูดส่งพร้อมกันความการทำงานของผมในประจุบรณ์นะครับซึ่งค่านทำงานของผมเนี่ยผมจะลับฟาย P.A.D. หรือฟายอกแบบจากDesignerเนี่ยครับมาแพงเป็น HTML นะครับแล้วก็ลงไปถึงการ orthogonal เป็นหมด page นะครับผมซึ่งการทำงานแต่ก็ของผมเนี่ยปัญหาที่ผมเจอบอย ๆ ก็คือผมจะทำการแพงฟายตะกตกตกตความบรรย์อย่างนี้โดกเกอร์เนี่ยผมเอามาใช้ในการเซ็ดพวก PHP Engine X หรือว่า MyQL แล้วก็ PHP My Admin ของผมนะครับซึ่งแต่ผมจากที่บายว่าผมเลือกใช้โดกเกอร์อะไรบ้างนะครับผมครับอันนี้คือโฮข้อที่ผมพูดไปเมื่อกี้นะครับผมว่ามันมีอะไรบ้างนะครับอันแรกที่ผมจะชื่อกูก็คือทำความรู้จักก่อน Packet.packet.json ก่อนนะครับขึ้นสุดท้ายนะครับ การเป็น Beepoint ไปถึง Production เลยนะครับผมทำความรู้จักก่อน Packet.json ก่อนนะครับผมซึ่ง Packet.jsonเนี่ยครับโอ้โ морงทำแล้ว มันเล็กมากเลยผมขอโทษในครับ Packet.jsonเนี่ยมันจะได้ Find เนี่ยหอกมา ได้อย่างไรแล้วมีความสำคัญอย่างไร Packet.json นะครับมันจะมาจากการสร้าง Node.js 5 ขึ้นมาก่อน ขึ้นมาก่อนนะครับมันจะเราจะต้องทำการ mpn init ให้ได้มาซึ่งตัว Packet.json นี้Packet.json มันจะเป็นการบอกรายเลียดทั้งหมดของ FileInterfile ในโปรเจกเราว่ามีอะไรบ้างเช่นชื่อ นะครับDecryption, GitHub URL หรือจิต URL นะครับผมแล้วก็เหมือนกับ Dependency ต่างๆ ที่เราใช้ในนี้มีอะไรบ้างGunrun script มีอะไรบ้าง, browser list มีอะไรบ้างข้างใน Packet.json นะครับซึ่งในโปรเจกที่ผมทำเนี่ย ส่วนใหญ่ผมจะใช้ NPM นะครับผมไม่ได้ยยานนะครับแล้วติดตั้ง Webpack นะครับผมอันนี้ก็คือ การติดตั้ง Webpack มันจะมีอาทิบาอยู่ว่ามีอะไรบ้างซึ่ง Webpack ที่ผมจะใช้เนี่ยผมจะ NPM Insta ต่อ Webpackแล้วก็ NPM Insta ต่อ Webpack CLI นะครับเป็นบึงต้นในกัน Konfig File Webpack ของผมนะครับส่วนowy notน้องเขาเปิดปิดตัวให้ครับเดี๋ยวเรา��ิ Personally นะครับเหมือนม chosesเป็นปิดตัวครับน้องเขาเปิดจับ PeterCampเปิดเป็นตัวนี้ได้มั้ยครับเป็น Paul Poyครับใช่ครับOKครับใช่ครับผมซึ่ง Webpack มันความหมายของ ผมไม่จะไม่อาทิบาย whitout 익วะeping butมันเป็นการนำพวก resource ตั้งแต่ที่เราเขียนโปรแกลมขึ้นมาครับที่เราสร้าง ฟายพวก CSS อะไรอย่างนี้ครับ หรือJS มะคมพาย หรือว่ากัน Optimai รูปภาพเนี่ยในตัวแฟกนี้ มันจะจากการระเบียบ มันจะจากการฟายทั้งหมดของเราให้อยู่เพลงไม่กี่ฟาย หรืออาจจะเป็นหลายฟายก็ได้ฟาย.man.sc.s พวกนี้ มันสามารถเอามาร่วมในคอนฟิกในการข้างข้างใน NT ได้นะครับหมด มันจะมีอะไรมัน มันจะแบ่งรอเป็นหมด production กับหมดเดียวหลอมเม้น สองหมดนะครับผมเอาพูดก็เหมือนกับการการบอกตำแหนงว่าฟายทั้งหมดที่เราบันเดิน หรือว่าคมพายออกมานี่ มันจะบิวงที่ไหนแล้วก็จะเป็น Jay Cooley เมื่อต้อน Slim.js นะครับBoo Step พวกนี้ครับOcarousel, Widow Slider พวกนี้ครับEyes of the Hawk อย่างงี้นะครับ เมื่อต้อนซึ่งฟายสุดท้ายของผมเป็นฟาย.man.js เนี่ยผมจะทำการเขียนพวกJay Cooley จะว่าสคิปต่าง ๆ อะไรที่ไว้เล่น ลูกเล่นในเว็บสายนะครับใสลงมาในนี้ด้วยนะครับผมต่อไปนะครับฟาย Alput เนี่ยครับ มันก็จะเป็นใหม่ การบอกว่าฟายทั้งหมดเนี่ย ของเรามันจะไปอยู่เก็บไว้ที่ไหนแล้วออก Alput ลองมาเป็นฟายชื่อฟายอะไรอย่างงี้ครับผมต่อไปหมดนะครับอันนี้ผมเขียนหมดมาให้ดูบึงตนนะครับใน Package.js นี่ครับ ตรงส่วนของสคิปเนี่ยเราจะมีการทำลูกแบบการเชียน แบบว่า NPM run production อะไรอย่างนี้ครับซึ่งผมจะแยกคอนฟิกของ 2 ไฟนี้ต่างกัน ระหว่าง production กับ development นะครับซึ่ง ถามว่าทำไมมันต้องทำอย่างนี้นะครับเพราะว่ามันคอนฟิกของข้างน่าย แล้วก็เวลาเราดูไฟตั้งๆ มันจะดูไม่ยุ่งยากมากครับมอง ไม่เห็นใช่ไหมครับ เดี๋ยวผมส่ง และเรียดให้ในกิธรับอีกสินะครับอันนี้ก็จะเป็นโรดเดอร์ที่ผมใช้เบื้องต้นนะครับ ผมเนี่ยเวลาสลาย html ผมจะใช้ปัก html นะครับแล้วก็ ในโรดเดอร์มันจะมี html โรดเดอร์ บาเบล ซึ่งแป้งจาก js ให้ออกมาเป็น fmascript นะครับแล้วหว่าการทำโรดเดอร์ตรงมันเลย เวลาเราแก้แข่ไหร่บันทัดให้หนึ่งเนี่ยครับ หน้าหา เว็บเรามันจะเปลี่ยนแป้งไปเองโดยที่เราไม่ต้องไม่ Giulia Fête หรือก็อะไรสักอย่างนึงเลยครับแล้วเนี่ยใน miniset x ของผม ผมจะทำการแบบ ถ้าเป็นโมต production ผมจะให้ออกเป็น FI ชื่ออะไรอย่างเนี่ยครับอะไรอย่างนี้ครับ แล้วก็ค่าถ้าเป็นหมดแบบやってลอปเบอผมจะให้ออกเป็น ฝายดอต อะไรอย่างนี้ก็ได้ครับผมอันนี้ครับเป็น WIP ActDep server เป็นคำต่างติดตั้งโลดเดอร์เบิมตน มันก็ WIP ActDep server เหมือนตัวจำลอง Server เบิมตนค่ะผมของตัว WIP Actอันนี้ครับ ค่า การตั้งค่า Webpack Deserver ที่ผมมาทีบายไปเมื่อกี้สักผู้นะครับมันสามารถ Config เป็น proxy แบ่งเราแก้ไข่ YYL ใน Firehose เราได้ครับครับให้ทำงานร่วมกับ Docker ได้ แต่ผมจะทีบายกดีนะครับผมอันนี้ก็จะเป็นรูปแบ่งการใช้งานครับBurnton นะครับที่มันสามารถเรียบผ่านแบบสะชิบของ NPM ได้ก็คือ Packet.js และเรียบผ่าน Firehose ของมันด้วยตรงได้เลยในเจ้าตัวของ Webpack เลยนะครับอันนี้ก็จะเป็น Router เปื่องต้นนะครับผมที่ผมใช้เองนะครับมี Side Builder กับเจ้าว่า Skip Builder คือ Barbell ในเองนะครับนี่นะครับ หน้าที่หลักของ Webpack Router นะครับที่ผมเกรดที่บายไว้ก็คือเหมือนกับเช่นเหมือนกับ เราวจะแปลง SSX เป็น SSX ให้มันใช้งานได้นะครับผมเหมือนกับว่าแปลงจาก Packet.ML ให้เป็นแล้วแบบเราจะรันสกตัวพร้อมการอย่างนี้ มันจะเกิดเอลิ้ย เกิดปัญหาอะไรอย่างนี้ครับตัวดอกเกอร์เนี่ยมันเข้ามาช่วยผมในเรื่องของการทำงานที่แบบให้มันรสขันฟรรย์การทำงานได้น้อยลงมาครับเช่งเหมือนกับในดอกเกอร์เนี่ยผมจะใช้ img4 ตัวหลักหลักคือ วิทย์PAP-FPM นะครับ แล้วก็ EngineXแล้วตัวต่อไปคือ MariaDB แล้วก็ PAP-Mind ซึ่งผมใช้ WordPress PAP-FPMเพราะว่าผมต้องใช้ proxy ของ EngineX ในการทำงานร่วงกันนะครับแล้วตัว MariaDB ก็จะเป็นทางข้อมูลนะครับแล้ว PAP-Mind เอาไว้เป็นตัวดู ทางข้อมูลหลักหลักหลักซึ่งคำสั่งของ Docker ที่ผมใช้หลักหลักนะครับแล้วก็ Container นี่เหมือนกับเป็นการตั้งชื่อContainer ตัวนี้ ว่าชื่ออะไร พอดก็จะบอกว่าพอด 80 แล้วก็คล้อน 80 อย่างนี้ครับว่าลูกเหมือนกับการบอกต้นทางว่าเรามี config ไว้ตรงไหนบ้างนะครับแล้วจะให้ Fire ทำงานที่รูดไหนอย่างนี้ครับแล้ว Envelopment ก็จะเหมือนกับบอกว่าเราจะให้UIL นี่เป็นตัวหลัก แล้วก็ Engine Apple พวก 80 นะครับลิ้งไปที่ตัวโวดเผ็ดของโวดเผ็ด Container ของเรา ด้วยนะครับอันนี้ก็จะเป็นตัวโวดเผ็ดContainerเหมือนก็จะคาย-คายกัน แต่จะต่างกันที่ Envelopment เนี่ยครับซึ่ง Envelopment ตั้ง-ต่าง-ต่างในDocker-Inmate แต่ตัวตัวเนี่ย สามารถดูได้ที่Docker-Hubเลยนะครับว่าเราจะเซ็ดอะไรบ้างเราตั้งชื่อ หัววันเป็นอะไรตั้งชื่อBB Name ชื่ออะไรอย่างเนี่ยครับUser คืออะไร แล้วก็ Padword อย่างเนี่ยครับหรือว่า Cart-Table-Config ก็ได้ครับสามารถตั้งในนี้ได้เลยครับแล้วก็ Port ที่สำคัญของ PA ด เนี่ย เป็นก็เป็น Port 9,000 นะครับแล้วก็อันนี้คือ MariaDB ครับเป็นห่างข้อมูลักของ Wordplay เล่านะครับอันนี้ PAP Mike Min นะครับจะมีประมาณนี้ซึ่งเดี๋ยวจบคอนเนี่ยเดี๋ยวผมเจ้าคิดครับทั้งหมดให้หมดเลยครับอันนี้ก็จะเป็น Docker Compos นะครับก็คือผมจากที่บายสรุปเบืองต้นไว้ก็คือการเละใช้งาน Dockerเนี่ยครับเป็นเละใช้งาน Docker Inmate ที่อยู่ใน Docker-Hub มาใช้งานครับสองก็คือคอนไทนอเนี่ยมันคือชื่อของคอนไทนอตั้งๆที่เราจะตั้งสมุดเราจะโลดDabien มาตัว 1 นะครับเราก็ตั้งชื่อ Dabien ใน Dockerใน Condener ว่าเป็นชื่อโปรเศียงก็ได้แล้วแล้วก็สี่คิด Dabien อย่างนี้ครับเมื่อล่าเราเลี้กมันจะเลี้กง่ายหรือล่าเราใส่คำสั่งพวกคอมมาน์มาจะง่ายถ้าใครรู้จักคอมมาน์ของ Docker เิางเบาะแบบเวลาเราจะ executeicitเผ้าๆของตัดระตัว 호่ stayingเราก็ adding действ profesionalอี่าของไปใน Docker efe อย่างนี้ถ้าจะ Press플 domesticอุตกursignเป็นการระบูไฟต้นทางกับไฟทางนะครับอันนี้ก็คือเป็นไอเวลอนเม้นนะครับก็คือข้าบินต้นทุกอย่าง ดูได้ที่ตัว e-mail ของสันต์ตัวเลยนะครับแล้วก็ POPDepend On นี่คือเหมือนกับService 1 จะขึ้นอยู่กับอะไรบ้าง สมุดใช่มั้ยครับอ่ะ เราสั่งให้ Docker Container ทำงานตัว 1 นะครับว่าเวลอภัยจะทำงานก็ต่อเมื่ออย่าของย้อนให้กลับไปดูนะครับเจ้าตัวเวลอภัยจะทำงานก็ต่อเมื่อMineTube L ของเรา สาติขึ้นมาแล้วโทษนั้นนะครับ มันถึงจะทำงานได้นะครับอย่างนี้ครับ เป็นการลักที่บ้ายDepend On เบื่องต้นอ่ะ อันนี้ก็คือจะเป็นไฟ ทั้งหมดเลยทำการ อับ ในกิธรับให้ทีว่าคอนเต็ปการทางงานของผมเนี่ยมันเป็นยังไงบ้างแล้วคืออันดาวแรก ผมจะCopy Dockers Compos.yamlของผมเนี่ยครับมาลงในจาละโปรเจกแค่เปลี่ยนชื่ออะไร ๆ ๆ เนี่ยครับผมแล้วก็เริ่ม Run Dockers Compos.starแล้วมันก็จะได้ Fire ทั้งหมดที่เป็นพวกปดเผ็ดน่าครับ ลงมาอยู่ในโปรเจกเราทั้งหมดเลยอันที่สามก็คือผมจะเอาสลายคิ้งที่ผมทำHTML เรียบร้อย หรือว่าPangfy.js เรียบร้อย มาไว้ในลูกWP Content Teamแล้วก็ชื่อ Team ของเรา แล้วก็ทำการดึง Webpack ลงมาด้วยคำสั่ง FPM Insta ต่อเนี่ยครับเรามันก็จะลดDefensee ของเรา หรือเราไปคอนฟิกแล้วมีอะไรบ้างเนี่ยครับผมแล้วอันที่ 5 ก็คือตั้งค้าพวก Webpack Loader ตั้งแต่อันที่ 6 ก็คือจะเป็นการแก้ถ่าย Function.pap ในโปรเจกเพื่อให้สัมมาทำงานร่วมกับ Webpack ได้เนี่ยครับผมอันนี้ก็คือถ้าสมุ่นว่าเรารัน Docker ขึ้นมาแล้วแล้วมันใช้งานได้ น่าตามจะเป็นตามที่เราเซ็บ โปรเจกเบืองต้นเลยอันต่อไปก็อันนี้คือตัวอย่างของDocker Inmate ที่เป็นP.P. My Admin นะครับแล้วคำสั่งของหมดของผมเนี่ยผมจะทำงานพายใต้ผ่านที่เท่านั้นนะครับPP Content Team แล้วก็ชื่อ Team ของเรานะครับอันนี้ก็คือร่วมถึงการคอนฟิกไฟด้วยผมจะเก็บไปใน Folder เดียวกันหมดเลยที่เป็น Folder Team นะครับอันนี้ก็เป็นFivepack.jsonที่ผมใช้ว่ามีอะไรบ้างพวก Barbell Core นะครับพวก SSS Loader อะไรต่างต่างPetimal Loader, Puck Loader อะไรต่างต่างที่ผมจะมาเก็บไว้ถ้าสมุดว่าเราโลดโปรเจกของผมมาแล้วแล้วเราลองแก้ไฟ ไฟ สักฟายสักฟาย สักฟายหนึ่งแล้วลองดูครับหน้าเว็กมันจะเปลี่ยนไปแล้วก็คือทุกอย่างในที่เดียวใน Five.js จบเลยอันนี้คือคอนติกสุดท้ายที่เอาไว้ให้ WebpackWordPage แล้วก็ทำงานรูปกับDocker ได้ครับครับอันนี้ครับเหมือนกับ เป็นการบอกว่าพวกใน Bundle ที่เป็น Development Mode นะครับมันจะไม่มีตัวต้นอยู่ในผ่านของเราใน Folder Project ของเราซึ่งใช้คำสั่งมันจะมาไปหา Bundle ตัวนั้นเจอได้ไม่มาใช้งานใน Word Mingของเราได้ป destroying เลยครับตรงนี้เดี๋ยวผมสิ่ง会สคิปให้ทั้งหมดเลยนะครับโอเคครับเพราะวันนี้ผมจบการอาธีบร bone  Zeus บอส HYgelตรงนี้ดันดีครับขอบคุณสมาก มา converted มากค่ะมีคำถามอะไรเลยครับถ้าผมอาธีบรบลติบรบล สวร mortmว่าันมีอะไรบ้างผม這เสษ Many casaเธอแล้วครับมีที่ใช้ยานด้วยครับครับถ้าถามว่าทำไมใช้ NTM มันคุ้นเคยกับ NTM ไปแล้วครับครับครับเป็นช่วยของเรื่องการทำ Funn in มาใช่ครับ แล้วมากกว่าครับครับครับอ๋อ บูสตแตบเหมือนกับเป็น File Loader ตัวหนึ่งที่ผมใช้เข้ามาใน Webpack ครับครับตั้งแต่ตอน Slicer เลยครับครับครับซึ่งถ้าเดินดูในกิทับผม จากที่บายไว้หมดเลยว่าตัวตัวทำหน้าที่ยังไงบ้างอะไรบ้างอย่างนี้ครับมีคำถามไหมครับ แล้วผมส่งลิ้งให้ครับผมเดี๋ยวใน ถ้าพูดตรงไหนติคลัว ผิดภาษตรงไหนขอ ขอโทษด้วยแล้วครับครับครับ