🔥 วันนี้มาเอาใจสาย Backend กันบ้างดีกว่า !! กับของดีที่ต้องแชร์ สำหรับคนทำงานหลังบ้านมือใหม่ <3
.
ซึ่งเครื่องไม้เครื่องมือในที่นี้แอดรวมให้มาเพียบ ตั้งแต่ Framework, Web Server จนไปถึงสายชอบโม อย่าง CMS ที่เราใช้ระบบพื้นฐานเขาเป็นแกน แต่จะแปลงเป็นเว็บอะไรก็ได้บนโลก !
.
⭐️ ในวันนี้เรามาพร้อม Link เหมือนเดิม และ คัดเฉพาะอันที่เด็ด ๆ Doc อ่านง่าย ๆ มาให้ทุกคนแล้วว สำหรับใครพร้อมแล้วมาลุยดูกันเลย
.
📚 Framework เฟรมเวิร์คสุดเจ๋งในยุคนี้ ที่ไม่พูดไม่ได้
.
Django
https://www.djangoproject.com/
.
Flask
https://flask.palletsprojects.com/en/1.1.x/
.
Laravel
https://laravel.com/
.
✅ Runtime Environment ของมันต้องใช้ !
.
NodeJs
https://nodejs.org/en/
.
Deno
https://deno.land/
.
💻 Web Server เว็บ Server ที่เป็นของที่ขาดไม่ได้
.
Express.js
https://expressjs.com/
.
Nginx
https://www.nginx.com/
.
Apache
https://www.apache.org/
.
🔖 Content Management System จัดการ Content ง่าย ๆ แต่สร้าง Plugin /Add-on เองได้ไม่จำกัด
.
WordPress
https://wordpress.org/
.
Joomla
https://www.joomla.org/
.
Drupal
https://www.drupal.org/
.
📑 Database ระบบฐานข้อมูลที่สำคัญจัด ๆ เลือกได้ตามสไตล์งานเราได้เลย
.
MySQL
https://www.mysql.com/
.
Firebase Realtime Database
https://firebase.google.com/products/realtime-database
.
PostgreSQL
https://www.postgresql.org/
.
MongoDB
https://www.mongodb.com/
.
🧰 Developing & Debugging Tool เครื่องมือช่วยดีบัก และ แก้ไขเว็บไซต์ ตรวจสอบระบบให้ง่ายทันตา
.
Web Developer : Chrome extension ที่ทำให้สามารถเปิดปิดองค์ประกอบการทำงานของเว็บเช่น cookie JavaScript เพื่อทดสอบได้ตามที่ต้องการ
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
.
Postman : ทดสอบและพัฒนา API
https://www.postman.com/
.
ESLint : เครื่องมือตรวจโค้ด
https://eslint.org/
.
⏱ Performance Testing Tool ทดสอบประสิทธิภาพเว็บ ให้แรงเกินใคร
.
Apache JMeter
https://jmeter.apache.org/
.
Selenium
https://www.selenium.dev/
.
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
.
GTmetrix
https://gtmetrix.com/
.
💸 Payment Gateway ระบบชำระเงินหลังบ้าน ที่พลาดไม่ได้ !
.
PayPal
https://www.paypal.com/
.
2C2P
https://www.2c2p.com/
.
Omise
https://www.omise.co/th/thailand
.
Stripe
https://stripe.com/
.
"ใครมีตัวไหนดี ตัวไหนเด็ด มาแชร์กันได้ใต้ Comment เลยยย !"
.
ส่วนใครอยากสายจัดเต็ม Full-Stack มาอ่านส่วนของ Front-End ได้ที่นี่เลยย :
.
https://www.facebook.com/borntodev/photos/a.830302417028053/3151098954948376/?type=3&__xts__%5B0%5D=68.ARA4zgbud_wSTbb2v24PmV3dGtxcmM1rIQq2NBRv98xAKbRK7o51jdqKQPBpX-4fXq7zssGB3-pvI9Tt1Tsblr-irW6OsraEMcEIV3pYRmlAw88hdvSpLBpUkz9Fb1Wrnt4MysXgaBDe9Z3lv2SSz7pXAMCb_syq0QOjIpefgnbaMQDEm3AF8BBAtDVX1POivCkvYgerfYV19YnojEThkFU1ztVt2xz_fbgJbY_SJ3jaXZpGj_RuMtnmUcBQBu5qtBLbTuwRoxt4r9JqwKbGynToSCgDYeuCaaggQReB0UKf56eHewseUP2VnlDpegqRMN4Y-wQaFtIIxrlI9Ablg9lkXA&__tn__=-R
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
laravel api 在 BorntoDev Facebook 八卦
🔥 ถามมากันเยอะ ว่าอยากทำเว็บแบบนั้น แบบนี้ต้องรู้อะไรบ้าง !? วันนี้แอดจะมาบอกแนวทางการเรียนรู้ไปพร้อมกันน <3
.
โดยจะต้องบอกคร่าว ๆ ก่อนว่า "ไม่ว่าเราจะทำเว็บอะไร แบบไหนก็แล้วแต่ ล้วนต้องมีพื้นฐานมาก่อนเหมือนกันทั้งสิ้น !!"
.
คล้าย ๆ กับการเรียนภาษาอังกฤษนั่นแหละ ถ้าเราเริ่มต้นเราก็อาจจะต้องเริ่มจากตัวอักษรภาษาอังกฤษ การใช้ Tense ต่าง ๆ ของเว็บก็มีเช่นกัน โดย Basic ของเว็บจะมีเรื่อง
.
✅ HTML
เป็นโครงหลักของเว็บไซต์ทั่วไป โดยหน้าตาของภาษา HTML นั้นจะเป็นการใช้ tag ที่เริ่มต้นด้วย <> แล้วปิดด้วย > เพื่อสร้างชิ้นส่วนต่างๆในหน้าเว็บเรียกว่า Element
.
✅ CSS
CSS นั้นเป็นสิ่งที่ช่วยเพิ่มความสวยงามให้กับหน้าตาของเว็บ เราสามารถปรับแต่งหน้าตาของเว็บได้จาก CSS ไม่ว่าจะเป็นสี รูป ไปจนถึงตำแหน่งของสิ่งต่างๆ หรือแม้แต่การทำ animation ก็สามารถทำได้
.
✅ JavaScript
JavaScript นั้นเป็นส่วนที่เพิ่มความสามารถให้กับเว็บของเราเป็นอย่างมาก ทำให้ส่วนต่างๆของเว็บสามารถทำงานได้ตามที่เราต้องการ
.
และ เมือเรารู้พื้นฐานตรงนี้แล้ว เราจะมีเส้นทาง 2 ทางหลักให้เลือก โดยมีทางที่ชื่อว่าสาย Front-End และ Back-End ส่วนถ้าใครชอบทั้งคู่ จนไปครบจบกระบวนการที่เว็บควรมีเราจะเรียกว่า Full-Stack นั่นเอง
.
⭐️ โดยเริ่มจาก Fornt-End กันก่อน
มันเป็นส่วนหน้าตาการแสดงผลของเว็บไซต์ ที่ผู้ใช้งาน(Client)มองเห็นทั้งหมดไม่ว่าจะเป็น ตัวหนังสือ ปุ่ม หรือแถบเมนูต่างๆ ทุกๆส่วนที่ผู้ใช้เห็นและมีปฏิสัมพันธ์ด้วยนับว่าอยู่ใน Frontend ทั้งหมด ซึ่งภาษาที่ใช้ในฝั่ง Frontend ก็คือ HTML, CSS และ JavaScript
.
✅ Framework
สิ่งอำนวยความสะดวกในการเขียนโปรแกรม ซึ่งประกอบด้วยชุดคำสั่งหรือองค์ประกอบต่างๆ ให้เราสามารถนำมาใช้ได้ง่ายๆ โดยไม่ต้องเขียนเองทั้งหมด
.
Js CSS
Angular Bootstrap
Vue.js Materialize
React Semantic UI
Backbone.js Bulma
.
⭐️ ตามมาด้วย Back-End กันต่อ
ส่วนการทำงานประมวลผล และ จัดเก็บข้อมูลของเว็บไซต์ เพื่อทำให้ส่วนของ Frontend สามารถทำงานได้อย่างถูกต้องสมบูรณ์
.
✅ Programming language
เราจะต้องใช้ภาษาโปรแกรมมิ่งในส่วนของการทำงานใน Backend เช่น เมื่อรับข้อมูลสินค้าที่ผู้ใช้เลือกมาจาก Frontend, Backend ก็จะนำมาคำนวนโปรโมชั่นแล้วนำมาหักลบกับเงินในบัญชีจากนั้นเก็บข้อมูลใน Database เป็นต้น
.
PHP
Python
C#
Java
JavaScript
Ruby
.
✅ Framework
สิ่งอำนวยความสะดวกในการเขียนโปรแกรม ซึ่งประกอบด้วยชุดคำสั่งหรือองค์ประกอบต่างๆ ให้เราสามารถนำมาใช้ได้ง่ายๆ โดยไม่ต้องเขียนเองทั้งหมด
Django
Express.js
Flask
Laravel
Ruby on Rails
ASP.NET
.
⭐️ส่วนสำคัญอื่นๆ
นอกจากส่วนของการแสดงผลและการติดต่อกับผู้ใช้อย่าง Frontend และ ส่วนของการทำงานด้านหลังของระบบอย่าง Backend แล้ว การเขียนเว็บยังมีส่วนที่สำคัญที่ขาดไปไม่ได้ เช่น ส่วนของการรับส่งข้อมูล
.
✅ API
Application Programming Interface เป็นช่องทางในการเข้าถึงข้อมูลต่างๆ ของเว็บไซต์ ไม่ว่าจะเป็นการอ่านเขียนข้อมูลจากฐานข้อมูลจาก server ไปจนถึงข้อมูลจากภายนอก
.
✅ WebSocket
วิธีการติดต่อเพื่อรับส่งข้อมูลแบบระหว่าง Client กับ Server โดยแต่ละฝั่งสามารถส่งข้อมูลไปหาอีกฝั่งตอนไหนก็ได้ เหมาะสำหรับรับส่งข้อมูลแบบ real-time
.
"ทั้งหมดนี้ก็เป็นเส้นทาง Path คร่าว ๆ ของสายเว็บ หากใครชอบของสวย ๆ งาม ๆ ก็อาจจะทำส่วนหน้าบ้าน ใครชอบ Logic จัด ๆ มาหลังบ้านก็สนุกไม่น้อยนะแอดว่าาา <3"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
laravel api 在 The News Lens 關鍵評論網 Facebook 八卦
【 The News Lens 關鍵評論網 又要徵才拉!】
★10/28新增「國際版編輯」★
小編常常收到私訊詢問關於我們何時要徵人?現在機會來拉!
我們有:
✔有競爭力的待遇
✔吃不完的零食(話說最近常常一下子就被掃光了...導致某些同事的身材....小編話就不多說了XD)
✔三不五時的聚餐(體重上升的理由再+1)
✔自由的工作環境(會互嗆打鬧的同事 <3 嘻嘻~)
TNL創立至今剛滿兩週年,粉絲頁突破26萬人,網站排行也躍進全台百強榜,是台灣成長最快的新媒體!有句話這樣說:「當有人給你一個可以登上火箭的座位,就直接跳上去,先別管坐哪裡了。」現在TNL火箭上,位置任你選,歡迎想一起創造優質好媒體的人才加入!
▶▶職缺釋出
▍International Editor:(★10/28 New added)
✔1-2 years experience in journalism
✔Social media savvy
✔Keeps up with happenings and trends around the world
✔Fluent in English and Chinese
✔Has two or more years of experience living overseas
▍企劃主管:
✔將公司商品擬定銷售計劃與為客戶主量身打造專案
✔規劃與執行專案及活動成效追蹤
✔撰寫產品文案
✔定期進行媒體評估分析、趨勢報告及競媒研究
✔五年以上相關經驗對媒體產業有熱情
▍PHP Developer:
✔工作內容:
依照公司年度各項活動計劃製作網站與系統。
✔技能需求
1. PHP 一年以上撰寫經驗
2. 熟悉 github 線上版本控制服務
3. 熟悉 HTML 、 Java Script 、 CSS 、 jQuery 等 Web 技術
✔我們需要
1. 具使命感,想要為台灣媒體盡一份心力
2. 注重團隊合作的夥伴
3. 能獨力解決遇到的問題
✔以下是加分條件
1. 熟悉 laravel 框架運用
2. Amazon Web Services 相關架設經驗
▍Ruby on Rails Developer:
✔工作內容
1. 針對數位媒體的特性研發適合的系統。
2. 發揮創意去創造實驗性的功能。
3. 收集數據,進行分析使用者分析。
✔技能需求
1. 熟悉 Ruby on Rails
2. 熟悉 github 線上版本控制服務
3. 熟悉 HTML 、 Java Script 、 CSS 、 jQuery 等 Web 技術
✔我們需要
1. 有新聞熱情,具使命感,想要為台灣媒體盡一份心力
2. 注重前後端開發細節與使用者體驗
✔以下是加分條件
1. 有"媒體相關"技術作品
2. 有使用第三方服務 API 使用實作經驗 ex ga gdata 之類的
3. 有使用第三方服務分析使用者行為的實作經驗
✔投遞履歷時附上:
作品連結 (上傳 github,如有正在線上的作品也歡迎提供)
▶▶不管你是初生之犢或者沙場老將,只要你有滿滿的創意想法,對改變台灣媒體有熱情,都歡迎你來面試。
▍各項職位詳細工作內容、加分條件、投遞履歷注意事項與其他職缺請詳閱此連結:www.thenewslens.com/jobs
▍履歷請統一投遞至:job@thenewslens.com
laravel api 在 [Laravel][PHP][教學] Web API#01. Web API 章節介紹與簡易 ... 的八卦
![影片讀取中](/images/youtube.png)
Laravel 後端PHP架站, API Server與訂閱軟體全攻略完整課程連結:https://progressbar.tw/links/ytlaravel 後端工程師(Back end Developer)是什麼? ... <看更多>
laravel api 在 How to Build a REST API With Laravel: PHP Full Course 的八卦
Download Laravel scripts: https://codecanyon.net/search/ laravel... Laravel lets you easily and quickly build RESTful APIs. ... <看更多>