สร้าง webserver ด้วย express node.js

บันทึกการหัดใช้ Node.js ด้วยใช้ framework Express Server ที่เล็กที่สุดที่เรียกว่า serer ได้ก็คือ app สามารถ ฟัง (listen) ที่ port ที่เรากำหนด เมื่อมีการเรียกเข้ามาด้วย get request ก็ส่งข้อมูล Text กลับไป ซึ่งจะแสดงผลบน browser ขั้นตอน สร้าง folder สำหรับ project เข้าไปที่ folder => cd newproject run npm init run npm install express สร้างไฟล์ app.js edit ในไฟล์ app.js ด้วย ใช้งาน ejs : เป็น Template engine สำหรับ render…

เอา node.js ขึ้นบน Heroku

บันทึกทดลองเอา node.js project ที่สร้างไว้ แบบง่าย เน้นดูขึ้นตอนการใช้งาน Heroku Heroku คืออะไร น่าสนใจตรงไหน เป็น Cloud Platform ที่ให้บริการเป็น Server สำหรับใช้ run webapp ที่เราทดลองสร้าง ซึ่งรองรับ เทคโนโลยีหลายๆภาษา เช่น node.js(javascript), python, ruby , go, etc สร้าง free project ได้ 5 project scalable ได้ หมายถึงอนาคตอย่างเพิ่ม resource ต่างๆ (CPU, RAM) ก็จ่ายเงินเพิ่ม เพื่อขยาย dyno ส่วนที่ผมทดลองใช้เป็นการใช้งานบน windows ซึ่งขึ้นตอนดังนี้ เครื่องเราต้องมี Git ผมใช้ Git bash download ได้ที่ https://git-scm.com/…

บันทึกการเรียน web dev : CSS

CSS เป็นการตกแต่งความสวยงามให้ webset , client CSS ไม่ใช้ ภาษา programming แต่เป็นรูปแบบการกำหนดรูปแบบของ html แต่ใช้การ casecade หมายถึงเป็นลำดับขั้นของระดับเอกสาร การเขียนมีรูปแบบ 3 อัน object : เป็น element พื้นฐานของ html เช่น “h1” , “body” การเขียน ไม่ต้องใช้จุด หรือ # นำหน้า class : เขียนโดยใช้ จุด .classname , class คือการจัดกลุ่ม element ที่ใช้รูปแบบเดียวกัน id : #id ใน 1 เอกสารจะมีได้เพียง id เดียว หากมีการใช้ id ซ้ำ ตอนที่เรียกใช้จะถือว่าใช้อันแรกที่เจอ id…

บันทึกการเรียน web dev : Javascript

javascript เป็น ภาษาโปรแกรมมิ่งที่ใช้สำหรับพัฒนา Web Application สมัยก่อนพัฒนาฝั่ง Client ใช้งานคู่ไปกับ HTML, CSS ปัจจุบันสามารถ ใช้ภาษา Javascript เขียนแล้วเรียกใช้งานบน runtime ที่ชื่อว่า node.js สามารถใช้งานนอกเหนือจาก browser ได้ ไม่ว่าจะนำมาเขียน backend server หรือใช้ทำ desktop application เช่น โปรแกรม Atom เป็น TextEditor, mobile app เช่นใช้ React native ซึ่งเป็น javascript library เขียนได้ เรียน javascript ก็เหมือนเรียนเขียนโปรแกรมอื่นๆทั่วไปที่ต้องรู้ ตัวแปร (var) การใช้งาน object-oriented สร้าง class ที่เหมือนเป็นพิมพ์เขียว และนำไปใช้งานโดยกาสร Flow control ( if-else,…

บันทึกการเรียน web dev

เนื้อหาทั้งหมดตามที่ หลักสูตรเขียนไว้ว่าถ้าจะเป็น Web development Full Stackต้องรู้อะไรบ้าง ช่างเยอะเหลือกเกิน จะเขียนบันทึกเป็นเรื่องๆ ตามความเข้าใจที่ได้ ต้องออกตัวด้วยนะครับ ว่าจะเป็นการบันทึกการเรียนรู้ ที่ตัวเองไม่ได้เป็น Programmer Front-End Web Development HTML 5 CSS 3 Bootstrap 4 Javascript ES6 DOM Manipulation jQuery ความรู้ทั่วไปที่เกี่ยวกับเครื่องมือและ Workflow Bash Command Line Git, GitHub and Version Control Backend Web Development Node.js NPM Express.js EJS REST APIs Databases SQL MongoDB Mongoose Authentication Firebase React.js React Hooks Web Design Deployment with GitHub Pages,…

ชวนหัด Plastic Love

ช่วงนี้กำลังหลงกับเพลงนี้ครับ Platic Love มาหัดกัน Version นี้ ทาง Bass เล่นน่าสนุก

Path Loss

ทบทวนเรื่อง Path Loss ที่ใช้สำหรับการออกแบบสัญญาณมือถือกัน Post ทั้งหมดอยู่ใน page : facebook.com/yordja.me ไปติดตามกันได้นะครับ

หัดเขียน Django : virtualenv

บันทึการเรียน python และ django ในการเขียน program ต้องในการใช้งาน virtual environment สภาพสำหรับการ run program เนื่องจากอาจจะมีการเรียกติดตั้ง package ต่างๆในแต่ละ project แตกต่างกัน python จึงมี concept การทำ virtual environment ขึ้นเหมือนเป็น กล่องๆ ในตอนที่เรียน เจอมี 2 อันที่ใช้คือ pipENV และ virtualENV ขอเลือกใช้ viritualENV อันเดียวเลย จะได้ไม่งงตัวเอง ติดตั้ง virtualenv สร้าง virtualenv ใช้งาน virutalenv รายละเอียด ติดตั้ง virtualenv pip install virtualenv สร้าง virtualenv virtualenv envName ใช้งาน virutalenv source…

หัดเขียน โปรแกรม python : #2 ต้องรู้อะไรบ้าง

หลังจากติดตั้งเสร็จ มาลอง list ดูว่าถ้าต้องเรียน ดูจากภาพรวมๆ สิ่งที่ต้องรู้สำหรับการเขียนโปรแกรมมีอะไรบ้าง สรุปสั้นๆได้ดังนี้ Syntax Variable : ตัวแปรมีอะไรใช้ได้บ้าง Control Flow : condition ต่างๆ if then else ใช้อย่างไร Data structure : List , Tuple, dictionary Function : การใช้งาน function , สร้าง function มาใช้งานเอง โดยแหล่งที่จะใช้เป็นข้อมูลอ้างอิง https://www.w3schools.com/python/default.asp //yordja

หัดเขียน โปรแกรม python : #1 ติดตั้ง

จากที่เขียนก่อนหน้านี้ว่าจะเริ่มหัดเรียนเขียน โปรแกรมด้วยภาษา python วันนี้จดบันทึกที่ตัวเองได้มาดังนี้ ติดตั้งโปรแกรม เริ่มต้นใช้งาน Run Program ครั้งแรก ใช้งานร่วมกับ IDE ขยายความ ติดตั้งโปรแกรม download program python จาก https://www.python.org/ ขั้นตอนการลงโปรแกรมก็เหมือนทั่วไป แต่มีเน้นสำหรับใช้งานกับ Windows คือ ต้องเลือก click “add python to path” จะทำให้เรา Run ได้โดยไม่มีปัญหา 2.เริ่มต้นใช้งาน Run Program ครั้งแรก เลือกที่ icon Python 3.8 จะได้ หน้าต่าง command prompt แบบนี้ เริ่มเขียน Program แรกเลย (บันทัดเดียวก็ถือว่าเขียนโปรแกรมละ ) ตัวอย่างอันนี้จะลอง พิสูจน์ว่า ในวงเล็บ จะใส่เครื่องหมายคำพูด ฟันหนู อันเดียว…