วิธีที่ดีที่สุดในการเรียนรู้ JavaScript สำหรับ Dummies หลักสูตร Javascript และ jQuery สำหรับผู้เริ่มต้น: Object Oriented Programming Basics from Scratch Javascript Courses jquery

2 โหวต

สวัสดีผู้อ่านที่รัก ในขณะที่ใครบางคนกำลังมองหาสิ่งอื่นที่จะช่วยประหยัดเพื่อรักษาระดับความเป็นอยู่ที่ดีขึ้น แต่คนฉลาดก็ลงทุนในตัวเอง พวกเขาเข้าใจมานานแล้วว่าความรู้เกี่ยวกับเทคโนโลยีสามารถทำเงินได้ดี

ว่าอย่างไร? ฉันมีบทความเกี่ยวกับบล็อกประมาณ 100 บทความสำหรับเรื่องนี้ ตัวอย่างเช่น "" หรือ "" เราจะพูดอะไรเกี่ยวกับคนที่กำลังจะทำอะไรร้ายแรงได้บ้าง? ความรู้คอมพิวเตอร์ในหมู่ประชากรเพิ่มขึ้นและด้วยจำนวนสื่อการเรียนรู้ มันยังคงอยู่เพียงเพื่อค้นหาสิ่งที่ดีที่สุด

วันนี้เราจะมาพูดถึงบทเรียน JavaScript สำหรับผู้เริ่มต้น เมื่อรู้ภาษาโปรแกรมนี้คุณสามารถมองหาลูกค้าและสร้างรายได้ได้แล้ว สำหรับบางคนนี่จะเป็นก้าวต่อไปสู่ความสำเร็จในอุตสาหกรรมไอที

จากบทความในวันนี้คุณจะพบว่าคุณสามารถเรียนรู้การเขียนโค้ดได้จากที่ใดรับคำแนะนำเกี่ยวกับวิธีดำเนินการอย่างมีประสิทธิภาพและรวดเร็วที่สุดหรือฟรี แต่ละคนมีลำดับความสำคัญของตัวเองดังนั้นฉันจะพยายามเติมเต็มความหวังของทุกคนในการค้นหาสิ่งที่เป็นประโยชน์ในโพสต์นี้

ตรงกันข้ามกับประเพณีฉันจะไม่ตีรอบพุ่มไม้เป็นเวลานาน มีข้อมูลมากมาย มาเริ่มกันเลย.

คลาส JavaScript ฟรี

สำหรับโปรแกรมเมอร์ที่ต้องการหลาย ๆ คนปัญหาทางการเงินมีความสำคัญยิ่ง นี่ค่อนข้างมีเหตุผล เดิมทีอินเทอร์เน็ตถูกสร้างขึ้นเพื่อเป็นฐานความรู้ที่ทุกคนสามารถค้นหาข้อมูลที่สนใจได้ “ ทำไมฉันต้องจ่ายกะทันหัน” เป็นคำถามธรรมดา ๆ

น่าเสียดายที่คำตอบนั้นง่าย - มีคุณภาพ มีคนที่มีความสามารถและไม่เห็นแก่ตัวน้อยเกินไปในประเทศของเราที่พร้อมจะให้เวลาฟรี แต่คุณไม่ควรอารมณ์เสีย

โชคดีที่มีโปรโมชั่นโบนัสและหลักสูตรมากมายที่สร้างขึ้นเพื่อเพิ่มการประชาสัมพันธ์ของนักพัฒนา โรงเรียนที่ไม่ค่อยมีชื่อเสียงสร้างสื่อการเรียนการสอน แต่ในตอนแรกพวกเขาพร้อมที่จะให้คำติชมและบทวิจารณ์โดยไม่เสียค่าใช้จ่าย คุณเพียงแค่ต้องไปให้ถูกที่และหาเวลาที่ดีที่สุดสำหรับสิ่งนี้ ฉันจัดการเพื่อหาตัวเลือกที่ดีซึ่งฉันยินดีที่จะแบ่งปันกับคุณตอนนี้

หากคุณไม่รู้อะไรเกี่ยวกับ JS (ซึ่งเป็นชวเลขทั่วโลกสำหรับ JavaScript) ฉันสามารถแนะนำวิดีโอจาก YouTube ได้ นี่คือหลักสูตรเบื้องต้นสำหรับการเรียนรู้ตั้งแต่เริ่มต้นที่สร้างโดย Huxlet Online School

คุณยังสามารถรับหลักสูตร“ พื้นฐานของการเขียนโปรแกรม »กับงานบนเว็บไซต์อย่างเป็นทางการของ บริษัท การเรียนการสอน 17 ชั่วโมงประกอบด้วยบทเรียน 27 บทและแบบฝึกหัด 21 บท

เมื่อคุณเรียนรู้พื้นฐานแล้วคุณสามารถดำเนินการต่อในขั้นตอนต่อไป " JS: เริ่มต้น ". นอกจากนี้ยังให้บริการฟรี

โดยปกติแล้วตัวฉันเองไม่ได้เรียนหลักสูตรนี้ดังนั้นฉันจึงไม่สามารถรับประกันคุณภาพและบอกคุณเกี่ยวกับคุณสมบัติบางอย่างของการฝึกอบรมได้ Huxlet ปรากฏตัวเมื่อไม่นานมานี้และวางตำแหน่งตัวเองเป็นทีมผู้เชี่ยวชาญระดับนานาชาติที่มีส่วนร่วมในการฝึกอบรมผู้คนตั้งแต่เริ่มต้นจนถึงระดับมืออาชีพ

ตำราภาษาอังกฤษหลักสูตรการอ้างอิงแหล่งข้อมูลที่คุ้นเคยเช่น Lifehacker และ Habra เป็นแรงบันดาลใจให้เกิดความมั่นใจ อย่างไรก็ตามข้อได้เปรียบหลักในความคิดของฉันยังคงฟรี

บางทีหลังจากนั้นไม่นาน บริษัท จะสามารถพิสูจน์ตัวเองพิสูจน์ความสำคัญในโลกนี้แสดงระดับผู้เชี่ยวชาญที่สำเร็จการศึกษาและได้รับชื่อเสียงความสำเร็จและสิ่งที่คล้ายกัน


หากคุณไม่ต้องการเสียเวลาและศึกษามากนักคุณสามารถ“ ซื้อคืน” ได้เฉพาะข้อมูลที่เกี่ยวข้องกับ JS:“ JavaScript ระดับหนึ่ง "และ" JavaScript ระดับสอง " อย่างไรก็ตามฉันคิดว่าในกรณีนี้การฝึกงานจะต้องถูกลืม ข้อมูลนี้ควรได้รับการตรวจสอบกับนักพัฒนา

โดยพื้นฐานแล้ว ขอให้โชคดี. อย่าลืมสมัครสมาชิก กลุ่ม Vkontakte ของฉันเรียนรู้เพิ่มเติมเกี่ยวกับการสร้างรายได้บนอินเทอร์เน็ต จนกว่าจะถึงครั้งต่อไป.

JavaScript & jQuery จาก Zero ถึง Pro-

  • ปีที่ออก: 2013
  • ประเทศ: รัสเซีย
  • เรื่อง: การเขียนโปรแกรม
  • ประเภทวัสดุ: วิดีโอการฝึกอบรม
  • ระยะเวลา: 20:36:46 + 20:34:43 + 12:28:14 (2CD + โบนัสซีดี)
  • วิกเตอร์ Gavrilenko
  • ลิ้น: รัสเซีย
- คำอธิบาย:
ถึงเวลาที่จะได้รับ เทคโนโลยีใหม่ล่าสุด ในการสร้างเว็บไซต์ เป้าหมายหลักของไซต์คือการดึงดูดผู้เข้าชมและเปลี่ยนให้เขาเป็นลูกค้าหรือผู้ใช้ทรัพยากรอย่างถาวร ในกรณีที่ความดึงดูดใจและอินเทอร์เฟซที่ใช้งานง่ายมีบทบาทหลักในการรักษาลูกค้าที่มีศักยภาพ
และนี่คือจุดที่ความรู้เกี่ยวกับจาวาสคริปต์และ jQuery จะให้ความช่วยเหลืออันล้ำค่า!
ต้องขอบคุณชุดค่าผสมนี้ที่คุณสามารถเปลี่ยนไซต์ให้เป็นทรัพยากรบนเว็บที่สวยงามคุณภาพสูงและมีการแข่งขันสูงได้อย่างรวดเร็ว ทุกคน - ตั้งแต่ไซต์นามบัตรขนาดเล็กไปจนถึงพอร์ทัลที่มั่นคง
javascript + jQuery คือชุดค่าผสมที่ในปัจจุบันเรียกกันอย่างถูกต้องว่าเป็นเทคโนโลยีที่ปฏิวัติวงการซึ่งทำให้ผู้ดูแลเว็บได้รับประโยชน์และโอกาสที่ไม่อาจปฏิเสธได้มากมายและผู้ใช้เว็บก็ได้รับความสะดวกสบายอย่างมาก
ขอบคุณหลักสูตร:
คุณจะใช้ไลบรารี jQuery ได้อย่างง่ายดายซึ่งจะช่วยให้คุณประหยัดเวลาได้มากและทำให้งานของคุณง่ายขึ้นมาก
คุณจะเขียนสคริปต์ในจาวาสคริปต์อย่างมั่นใจและรวดเร็วและแก้ไขสคริปต์ของผู้ดูแลเว็บรายอื่นด้วยตัวคุณเอง
คุณสามารถเปลี่ยนไซต์ที่น่าเบื่อให้กลายเป็นเว็บไซต์ที่หรูหราได้ด้วยหน้าเว็บที่สะดวกและน่าดึงดูดสำหรับผู้ใช้
กล่าวอีกนัยหนึ่งคุณจะกลายเป็นนักพัฒนาจาวาสคริปต์มืออาชีพ
คุณจะได้รับเอฟเฟกต์อะไรบ้างจาก javascript + jQuery?
แกลเลอรี่
แถบเลื่อน
เว็บไซต์ที่มีการเลื่อนพารัลแลกซ์ผิดปกติ
แผนภูมิเคลื่อนไหว
แท็บ
เมนูเลื่อนแฟนซี
การทำงานกับแผนที่
การจัดเรียงตาราง
ช่องกรอกแบบฟอร์มอัตโนมัติ
การผสมผสานของเอฟเฟกต์ต่างๆ
การสร้างองค์ประกอบแบบโต้ตอบ
และอีกมากมาย ...
คุณสามารถแสดงรายการเทคนิคต่างๆสำหรับการใช้สคริปต์ javascript และ jQuery ได้อย่างไม่มีที่สิ้นสุด
วันนี้คุณไม่จำเป็นต้องเป็นกูรูด้านการสร้างเว็บไซต์เพื่อฝึกฝนคุณสมบัติขั้นสูงของจาวาสคริปต์โดยใช้ไลบรารี jQuery สิ่งที่คุณต้องทำคือความรู้พื้นฐานเกี่ยวกับ HTML และ CSS ด้วยกลเม็ดทั้งหมดของ javascript + jQuery คุณจะสามารถจัดการกับความซับซ้อนต่างๆด้วยหน้าเว็บได้อย่างรวดเร็วและง่ายดายอย่างน่าประหลาดใจ
หลักสูตรวิดีโอประกอบด้วย 2 ส่วนหลักของข้อมูลที่เป็นประโยชน์อย่างยิ่งโดยมีระยะเวลารวมกว่า 36 ชั่วโมง นี่คือบทเรียน 49 บทที่ผู้เขียนแสดงและอธิบายทีละขั้นตอนโดยใช้ตัวอย่างจริงวิธีเปลี่ยนเว็บไซต์โดยใช้จาวาสคริปต์และ jQuery
เพื่อการผสมผสานและการรวมเนื้อหาที่ดีขึ้นมีการมอบหมายการบ้านสำหรับแต่ละบทเรียน หลังจากทำเสร็จแล้วสามารถตรวจสอบผลลัพธ์ได้ด้วยวิดีโอสอนพิเศษที่มีโซลูชันสำเร็จรูป นั่นคือคุณจะไม่เพียงได้เห็นและเรียนรู้ว่าการทำให้ทรัพยากรบนเว็บโต้ตอบและน่าสนใจนั้นง่ายและรวดเร็วเพียงใด แต่คุณจะได้ลงมือทำด้วยตัวเองในระหว่างหลักสูตรด้วย!
-

ส่วนที่ 1. ภาษาจาวาสคริปต์
หลังจากจบส่วนนี้ของหลักสูตรคุณ:
เรียนรู้การฝังโค้ดจาวาสคริปต์ลงในเพจ HTML
เรียนรู้ไวยากรณ์ของภาษา
เรียนรู้ว่าตัวแปรคืออะไรและใช้เพื่ออะไร เรียนรู้การสร้างลบเปลี่ยนค่าตลอดจนดำเนินการปรับเปลี่ยนตัวแปรต่างๆ
เรียนรู้การสร้างเงื่อนไขและรันโค้ดที่แตกต่างกันเมื่อดำเนินการ
เรียนรู้ว่าลูปคืออะไรและทำไมจึงใช้ วิธีประมวลผลค่าคุณสมบัติของวัตถุและองค์ประกอบอาร์เรย์อย่างง่ายดายด้วยความช่วยเหลือ
เรียนรู้การแสดงหน้าต่างโมดอลมาตรฐานสำหรับการแสดงป้อนและยืนยันข้อมูลต่างๆ
เรียนรู้เกี่ยวกับอาร์เรย์การสร้างและวิธีการจัดการลบและเปลี่ยนโครงสร้างของอาร์เรย์
ดูวิธีการทำงานกับข้อมูลสตริงในจาวาสคริปต์ ได้แก่ - การแทนที่การลบและการค้นหาสตริงย่อยในสตริงรวมถึงการทำงานกับอักขระแต่ละตัวแยกกัน
เรียนรู้การสร้างฟังก์ชันของคุณเองและดำเนินการได้ทุกที่ทุกเวลา และคุณจะได้เรียนรู้ว่าการเรียกซ้ำคืออะไรและทำไมจึงใช้
เรียนรู้การทำงานกับเวลาและวันที่และดูว่าแสดงเวลาอย่างไรในจาวาสคริปต์ ในกรณีนี้คุณสามารถแสดงวันที่บนหน้าจอเบราว์เซอร์ในรูปแบบใดก็ได้ที่คุณต้องการ
เรียนรู้การดำเนินการทางคณิตศาสตร์ในจาวาสคริปต์ - ทั้งการคำนวณทางคณิตศาสตร์อย่างง่ายและที่ซับซ้อนมากขึ้น: การยกกำลัง, รากที่สอง, ตรีโกณมิติ ฯลฯ
เรียนรู้การทำงานกับวัตถุ - สร้างแก้ไขลบเพิ่มวิธีการและคุณสมบัติให้กับวัตถุ เรียนรู้แนวคิดพื้นฐานประการหนึ่งของอ็อบเจ็กต์ฟังก์ชันคอนสตรัคเตอร์
พิจารณาวิธีการพื้นฐานและคุณสมบัติของวัตถุจาวาสคริปต์ส่วนกลาง
เรียนรู้ว่า DOM คืออะไร
เรียนรู้การปรับแต่งต่างๆด้วยองค์ประกอบของหน้า html: การเลือกการลบการเปลี่ยนแปลงเนื้อหา ฯลฯ
เรียนรู้ว่าเหตุการณ์คืออะไรและคุณจะจัดการได้อย่างไร
เรียนรู้วิธีจัดการข้อผิดพลาดที่เกิดขึ้นระหว่างการเขียนสคริปต์
ส่วนที่ 2 jQuery Library
หลังจากจบส่วนนี้ของหลักสูตรคุณ:
ค้นหาสาเหตุที่คุณต้องเลือกองค์ประกอบ
เรียนรู้ว่าตัวเลือกคืออะไรและคุณสามารถใช้เพื่อเลือกองค์ประกอบได้อย่างไร
คุณจะเห็นวิธีการเลือกเฉพาะสิ่งที่จำเป็นจากองค์ประกอบต่างๆที่คล้ายคลึงกัน
เรียนรู้ว่าตัวกรองคืออะไรและจะช่วยคุณเลือกรายการได้อย่างไร
เรียนรู้การจัดการคุณสมบัติขององค์ประกอบ - เพิ่มเปลี่ยนแปลงและลบ
เรียนรู้ที่จะเปลี่ยนแปลง ลักษณะ องค์ประกอบของหน้า html โดยการแก้ไขกฎ CSS
คุณจะสามารถจัดการเนื้อหาขององค์ประกอบทางโปรแกรมได้ - เพิ่มเปลี่ยนแปลงและลบ
คุณสามารถเพิ่มองค์ประกอบ html ที่กำหนดเองในเพจของคุณหรือเปลี่ยนโครงสร้างโดยรวมได้อย่างง่ายดาย
เรียนรู้การคัดลอกองค์ประกอบของหน้าเว็บและวางสิ่งที่คัดลอกไว้ที่ใดก็ได้
เรียนรู้เทคนิคที่คุณสามารถใช้เพื่อเดินผ่านองค์ประกอบที่เลือกอย่างรวดเร็วและเน้นเฉพาะสิ่งที่คุณสนใจ
คุณจะเห็นว่าการสร้างฟังก์ชันตัวจัดการเหตุการณ์เฉพาะนั้นง่ายและรวดเร็วเพียงใด
เรียนรู้การทำงานกับแอนิเมชั่นและเปลี่ยนองค์ประกอบของเพจ html โดยใช้เอฟเฟกต์ภาพเคลื่อนไหวต่างๆ
เรียนรู้วิธีใช้เอฟเฟ็กต์ภาพเคลื่อนไหวหลายรายการกับองค์ประกอบเดียวและวิธีควบคุมเอฟเฟกต์เหล่านั้น
เรียนรู้ว่า AJAX คืออะไร
เรียนรู้การส่งและรับข้อมูลจากเซิร์ฟเวอร์แบบอะซิงโครนัสโดยไม่ต้องโหลดซ้ำทั้งหน้า
วนบทเรียนโบนัส
ในบทเรียน ของหลักสูตรนี้ ฐานที่จำเป็นสำหรับการเขียนปลั๊กอินของคุณเอง และเพื่อรวมฐานผลลัพธ์ในกระบวนการเรียนรู้คุณจะสร้างปลั๊กอินที่เรียบง่าย แต่ใช้งานได้ในเวลาเดียวกัน จากนั้นปลั๊กอินที่สร้างขึ้นสามารถนำกลับมาใช้ซ้ำได้ในทุกไซต์
Video course-Library "jQuery User Interface"
บทนำ
ผลกระทบ
วิดเจ็ต
การดำเนินการกับองค์ประกอบ
หลักสูตร "javascript & jQuery: from Zero to Profi" เป็นเวอร์ชันล่าสุดใน Runet ซึ่งสร้างขึ้นโดยคำนึงถึงการพัฒนาล่าสุดทั้งหมดและช่วยให้คุณเชี่ยวชาญเนื้อหาทั้งหมดในเวลาเพียงไม่กี่สัปดาห์ซึ่งด้วยวิธีการสอนอื่น ๆ ได้หลายเดือน ...

-
  • คุณภาพ: PCRec
  • รูปแบบ: autorun.exe
  • ตัวแปลงสัญญาณวิดีโอ: AVC
  • ตัวแปลงสัญญาณเสียง: AAC-LC
  • วิดีโอ: AVC, 1024x768, 157 Kbps, 15.000 fps, 0.013 บิต / พิกเซล
  • เสียง: AAC-LC, 125 Kbps, 44.1 KHz, 2 ช่อง
-

บทเรียนส่วนบุคคลเท่านั้น โทรและลงทะเบียน!

หลักสูตรนี้สอนเป็นรายบุคคล ค่าใช้จ่ายจะระบุไว้สำหรับ 1 บทเรียน (4 ชั่วโมงวิชาการ) คุณสามารถตกลงเรื่องจำนวนชั้นเรียนและเวลาในการฝึกอบรมกับผู้จัดการของศูนย์ของเราได้

GTSDPO ขอเชิญคุณเข้าร่วมหลักสูตรการเขียนโปรแกรม Javascript โดยใช้เทคโนโลยี AJAX และ jQuery framework บทเรียนเชิงปฏิบัติ 8 บทเรียนจะช่วยให้คุณเชี่ยวชาญกฎพื้นฐานเครื่องมือและเทคนิคในการพัฒนาเว็บแอปพลิเคชันแบบโต้ตอบที่ทันสมัยตั้งแต่เริ่มต้นและ ส่วนต่อประสานผู้ใช้ ขึ้นอยู่กับ Javascript หลักสูตรพื้นฐานมุ่งเป้าไปที่นักเรียนที่มีประสบการณ์การเขียนโปรแกรมน้อยที่สุดหรือไม่มีเลยดังนั้นจึงมีโปรแกรมนี้สำหรับนักเรียนที่ไม่มีความรู้พิเศษ

วัตถุประสงค์ของหลักสูตร: สอนนักเรียนเกี่ยวกับแนวคิดหลักการไวยากรณ์และเครื่องมือสำหรับการพัฒนาหน้าเว็บและแอปพลิเคชันโดยใช้ Javascript ซึ่งเป็นภาษาการเขียนโปรแกรมสคริปต์ต้นแบบตั้งแต่เริ่มต้น

หลักสูตร Basic Professional Javascript ออกแบบมาเพื่อ:

  • นักเรียนที่ไม่มีประสบการณ์ในการพัฒนาเว็บและความรู้เกี่ยวกับภาษาโปรแกรมใด ๆ
  • ผู้ฟังที่มีความรู้พื้นฐานเกี่ยวกับ HTML และ CSS
  • นักออกแบบเค้าโครงโปรแกรมเมอร์และผู้เชี่ยวชาญส่วนหน้าที่ต้องการเรียนรู้ภาษาโปรแกรมเพิ่มเติม

อันเป็นผลมาจากการเรียนรู้โปรแกรมของหลักสูตร Javascript และ jQuery คุณจะได้รับชุดความรู้และทักษะต่อไปนี้:

  • ขอบเขตและหลักการเขียนโปรแกรมใน JavaScript และ jQuery
  • แนวคิดของวัตถุตัวระบุอาร์เรย์ลูปและโครงสร้าง
  • ฟังก์ชั่นวิธีการและคุณสมบัติของวัตถุที่เป็นตัวเลข
  • jQuery framework ทำงานอย่างไรและมันโต้ตอบกับภาษา Javascript อย่างไร
  • การทำงานกับ DOM - รูปแบบวัตถุเอกสาร
  • การใช้ฟังก์ชันและการดำเนินการกับองค์ประกอบเหตุการณ์การเขียนโปรแกรมและปฏิกิริยาบนหน้าเว็บการทำงานกับแบบฟอร์มการสร้างแถบเลื่อน

ลงทะเบียนเรียนหลักสูตรการเขียนโปรแกรม Javascript ที่ State Center for Higher Education เพื่อรับพื้นฐานสำหรับการพัฒนาวิชาชีพในด้านการพัฒนาเว็บ!

หลักสูตรของหลักสูตร

หัวข้อ 1. ข้อมูลทั่วไป และหลักการเขียนโปรแกรมJavaScript และjQuery... การสร้างสภาพแวดล้อมการพัฒนา

1. พื้นฐานของไวยากรณ์ JavaScript วิธีการวัตถุคุณสมบัติ

2. วิธีการเขียนของวัตถุเอกสาร

3. แนวคิดและการใช้ตัวแปร

4. การดำเนินการกับตัวแปร

หัวข้อที่ 2. อาร์เรย์โครงสร้างลูป

1. ความรู้เบื้องต้นเกี่ยวกับอาร์เรย์

2. คุณสมบัติความยาววิธีการต่อรอย

3. วิธีการพื้นฐานและวิธีการทำงานกับอาร์เรย์

4. อาร์เรย์หลายมิติ

5. การก่อสร้าง if-else

หัวข้อ 3. วิธีการฟังก์ชันคุณสมบัติของสตริงและวัตถุตัวเลข.

1. การสร้างแบบวนซ้ำในขณะที่และสำหรับ

2. วิธีการแจ้งเตือนวัตถุหน้าต่างพร้อมต์ยืนยัน

3. ความรู้เบื้องต้นเกี่ยวกับฟังก์ชัน

4. วิธีการพื้นฐานและวิธีการทำงานกับฟังก์ชัน

5. คุณสมบัติและวิธีการของวัตถุสตริง

หัวข้อ 4. การทำงานกับวันที่ในJavaScript... การปรับเปลี่ยนเว็บ- หน้า

1. หน้าที่และวิธีการของวัตถุที่เป็นตัวเลข

2. การทำงานกับวันที่ใน JavaScript

3. การสร้างวัตถุของคุณเอง

4. การสร้างวิธีการสำหรับวัตถุของคุณเอง

หัวข้อที่ 5. ความเข้าใจทั่วไปjQuery และหลักการพื้นฐานของการมีปฏิสัมพันธ์

1. การปรับเปลี่ยนหน้าเว็บ

2. DOM - โมเดลวัตถุเอกสาร

3. แนะนำ jQuery

4. พื้นฐานของเทคโนโลยีและการใช้ jQuery

หัวข้อที่ 6. การสร้างส่วนที่เลือกจากองค์ประกอบของหน้าการดำเนินการกับองค์ประกอบที่เลือก

1. การดำเนินการกับองค์ประกอบที่เลือก

2. ฟังก์ชั่นข้อความซ่อนแสดง

3. แนวคิดของการทำงานของโซ่และรอบอัตโนมัติ

4. เปลี่ยนความกว้างและความสูงขององค์ประกอบ

5. ฟังก์ชั่นพื้นฐานที่ขยายการดำเนินการกับองค์ประกอบ

หัวข้อ 7. ปฏิกิริยาขององค์ประกอบหน้าเว็บต่อเหตุการณ์.

1. กิจกรรมบนหน้าเว็บ

2. พฤติกรรมขององค์ประกอบหน้าเว็บ

3. เหตุการณ์ที่ติดตามโดยเบราว์เซอร์

4. โมเดลเหตุการณ์ jQuery

5. เหตุการณ์ jQuery

6. การสร้างแถบเลื่อนด้วยสไลด์โชว์

หัวข้อ 8. วิธีการและตัวกรองสำหรับการทำงานกับแบบฟอร์ม

1. พื้นฐานการทำงานกับแบบฟอร์มใน jQuery

2. การเลือกและกรององค์ประกอบฟอร์ม

3. ตัวกรองสถานะขององค์ประกอบแบบฟอร์ม

4. ปิดและเปิดซ่อนและแสดงฟิลด์

5. คุณสมบัติเพิ่มเติมของ jQuery

หลักสูตรนี้อุทิศให้กับ JavaScript สมัยใหม่ (EcmaScript 2015+) โดยใช้ JS เพื่อทำงานในเบราว์เซอร์ (เหตุการณ์การจัดการ HTML และ CSS) การทำงานกับโมดูล JS (NPM, Webpack) การทำงานกับเซิร์ฟเวอร์ (HTTP, REST, AJAX, Axios, WebSocket) หลักสูตรนี้เป็นรากฐานสำหรับการเรียนรู้เว็บเฟรมเวิร์ก Angular และ React เน้นการใช้ OOP, ทำงานร่วมกับ JSON, การเขียนโปรแกรมเชิงฟังก์ชัน การทำงานกับคลาสออบเจ็กต์อาร์เรย์วันที่ความไม่เปลี่ยนรูปและอะซิงโครไนซ์ได้รับการศึกษาในรายละเอียด

ครอบคลุมหัวข้อ

1. ภาษา JavaScript:
  • เวอร์ชันและการใช้งาน JavaScript
  • แอปพลิเคชัน JavaScript (เบราว์เซอร์เซิร์ฟเวอร์ การพัฒนาอุปกรณ์เคลื่อนที่);
  • ชนิดข้อมูล: String, Number, Boolean (แนวคิดเรื่องจริงและเท็จ);
  • ตัวดำเนินการลำดับความสำคัญของตัวดำเนินการ;
  • การประกาศตัวแปร: var, const, let;
  • ลูป: while, for, for ... in, for ... of;
  • การทำงานกับตัวเลขและสตริง
  • ค่าว่างและไม่ได้กำหนด: ความแตกต่างและวัตถุประสงค์ในการใช้งาน
  • การทำงานกับคอนโซล
  • ข้อยกเว้นของ JavaScript
2. JSON วัตถุและอาร์เรย์:
  • รูปแบบ JSON ตัวอย่าง;
  • JSON.parse และ stringify;
  • วัตถุทำงานกับคลาส Object;
  • การสร้างวัตถุ (โดยใช้ literal () ตัวดำเนินการใหม่วิธีการสร้าง);
  • มรดกต้นแบบการอ้างอิง __proto__;
  • Getters และ Setters;
  • ในตัวดำเนินการและ hasOwnProperty แนวคิดของคุณสมบัติที่แจกแจง
  • ToString () วิธีการเรียกเมธอดและการแทนที่;
  • วิธี ValueOf () การเรียกใช้เมธอดและการแทนที่;
  • การสร้างอาร์เรย์: ตัวอักษรและอาร์เรย์ใหม่ ();
  • เปลี่ยนความยาวอาร์เรย์อัตโนมัติ
  • การรับและตั้งค่าความยาวของความยาวอาร์เรย์การตัดทอนอาร์เรย์
  • ใช้วิธี join () และ concat ();
  • ใช้วิธีการเรียงลำดับการตั้งค่าลำดับการจัดเรียงของอาร์เรย์
  • ใช้วิธีการฝานและประกบกัน
  • ใช้วิธี push, pop, shift, unshift: สร้างกองหรือคิว
3. การทำงานกับวันที่และสตริง:
  • การใช้ตัวสร้างใหม่ Date ();
  • แนวคิดเกี่ยวกับการแสดงวันที่เป็นเวลาด้วยคอมพิวเตอร์ด้วย Epoch
  • ใช้ getTime () และ setTime ();
  • การแยกวิเคราะห์การแสดงวันที่สตริง
  • ตัวเลือกสำหรับการสร้างสตริงใน JS: ใช้เครื่องหมายคำพูดเดี่ยวและคู่
  • การแก้ไขสตริง (สตริงในเครื่องหมายอะพอสทรอฟี);
  • การหลีกเลี่ยงอักขระพิเศษในสตริง
  • เชื่อมต่อสตริงแปลงเป็นตัวพิมพ์ใหญ่และตัวพิมพ์เล็ก
  • การค้นหาสตริงย่อยโดยใช้ indexOf () และ lastIndexOf ();
  • การแยกสตริงย่อยด้วยสตริงย่อย () และสตริงย่อย ()
  • การใช้วิธีการ include, endWith, beginWith
4. การใช้ JavaScript ในเบราว์เซอร์: DOM Model:
  • การจัดการหน้าต่างเบราว์เซอร์เอกสารเหตุการณ์และการออกแบบ (CSS-styles);
  • วัตถุหน้าต่างและการใช้งาน
  • การเชื่อมต่อโค้ด JavaScript กับเพจ HTML
  • ลำดับที่สคริปต์ถูกเรียกใช้บนเพจ
  • การแคชสคริปต์เซิร์ฟเวอร์ CDN บังคับให้รีบูต จาวาสคริปต์;
  • การทำงานกับลิงก์เชื่อมต่อ JavaScript กับลิงก์
  • เหตุการณ์ Onload และการใช้งาน
  • XSS โจมตีไซต์
  • การทำงานกับ DOM: ใช้หน้าต่างเอกสาร childNodes;
  • การจัดการเอกสารโดยใช้ DOM: การสร้างการลบการเคลื่อนย้ายองค์ประกอบ
  • ใช้ getElementById (), getElementsByTagName (), getElementsByClassName () เพื่อค้นหาองค์ประกอบบนเพจ
  • ทำงานกับเมธอดและคุณสมบัติ HTMLDocument และ HTMLElement
5. การทำงานกับเหตุการณ์ในเบราว์เซอร์:
  • แนวคิดการเขียนโปรแกรมเหตุการณ์
  • ตัวจัดการเหตุการณ์และผู้ฟัง
  • การเชื่อมต่อตัวจัดการโดยใช้ addEventListener ();
  • คุณสมบัติและวิธีการของคลาส Event;
  • การแพร่กระจายเหตุการณ์ขึ้น (เดือด) และลง (จับภาพ);
  • หยุดการขยายพันธุ์;
  • เหตุการณ์หน้าต่าง;
  • เหตุการณ์เมาส์และคีย์บอร์ดคุณสมบัติของเหตุการณ์พิเศษ
  • แบบฟอร์มเหตุการณ์;
6. การทำงานกับ CSS และรูปแบบการจัดการ:
  • มาตรฐาน CSS คุณสมบัติ CSS พื้นฐาน
  • รูปแบบทั่วไปและรูปแบบของแต่ละองค์ประกอบ
  • ลักษณะลดหลั่น;
  • ตัวเลือก CSS
  • การแก้ไข CSS ด้วย JavaScript
  • เยื้อง: ขอบช่องว่างขอบ;
  • การควบคุมการมองเห็นองค์ประกอบ: การมองเห็นและการแสดงผล;
  • องค์ประกอบการวางตำแหน่ง: ค่าสัมบูรณ์คงที่ญาติการตั้งค่าด้านบนและด้านซ้าย
  • หน่วยการวัด px, pt และอื่น ๆ
  • องค์ประกอบล้นและควบคุมผ่านคุณสมบัติล้น
  • การจัดการชั้นเอกสาร: คุณสมบัติ zIndex;
  • ภาพเคลื่อนไหวองค์ประกอบที่เคลื่อนไหว
  • การทำงานกับคลาสการตั้งค่า className;
  • ทำงานด้วยความโปร่งใสและการเปลี่ยนแปลง
  • querySelectorAll () วิธีการ
7. การทำงานกับโมดูลใน JavaScript, ตัวจัดการแพ็คเกจ NPM, ตัวสร้าง Webpack:
  • เหตุผลในการใช้โมดูล
  • ส่งออกจากโมดูล
  • นำเข้าจากโมดูล
  • รีพอร์ต;
  • ทำงานกับ NPM, ไฟล์ package.json;
  • การติดตั้งแพ็คเกจทั่วโลกและในพื้นที่
  • การใช้ webpack เพื่อสร้างโครงการ
  • ตัวโหลด CSS และ TypeScript;
  • Webpack.config.js config;
  • การสร้างบันเดิลการบีบอัด;
  • ปลั๊กอิน Webpack;
  • การใช้ระบบโมดูลาร์แบบเก่า - CommonJS และ AMD;
  • ใช้ CommonsChunkPlugin หลายจุดเข้า;
  • Hot swap ของโมดูล HMR
8. คลาสและการสืบทอดใน JavaScript:
  • Prototypal inheritance, __proto__ อ้างอิง;
  • ต้นแบบวัตถุ;
  • ใช้ instanceof;
  • คีย์เวิร์ดคลาสสร้างคลาส
  • คำหลักสุด;
  • การใช้ Object.assign () วิธีการ;
  • ใช้ Object.defineProperty () วิธีการ;
  • Getters และ Setters;
  • ตัวดำเนินการกระจายสำหรับการทำงานกับวัตถุและอาร์เรย์
  • การทำลายอาร์เรย์และวัตถุ
9. การเขียนโปรแกรมการทำงานใน JavaScript:
  • หน้าที่เป็นตัวแปร
  • อาร์เรย์ของข้อโต้แย้ง;
  • คลาสฟังก์ชัน call () และใช้ () วิธีการ;
  • Bind () วิธีการตั้งค่านี้และพารามิเตอร์บางอย่างโดยใช้การผูก;
  • การปิดใน JavaScript
  • การห่อหุ้มค่าโดยใช้การปิด
  • การสร้างฟังก์ชันผ่านตัวสร้างฟังก์ชัน: การสร้างสตริง
  • ฟังก์ชั่นลูกศรตัวอย่างการใช้งาน;
  • การจัดการอาร์เรย์ที่ใช้งานได้: ค้นหา findIndex ตัวกรอง;
  • ตัวอย่างการใช้แผนที่ / ตัวกรอง / ลดเพื่อประมวลผลข้อมูลในอาร์เรย์
10. ความไม่เปลี่ยนรูปการทดสอบรูปแบบ MVC:
  • แนวคิดเรื่องความไม่เปลี่ยนรูปประโยชน์ของมัน
  • วิธีการที่ไม่แน่นอนและไม่เปลี่ยนรูปสำหรับการเปลี่ยนวัตถุและอาร์เรย์
  • แนวคิดและข้อดีของ Virtual DOM
  • การทดสอบฟังก์ชันที่ไม่เปลี่ยนรูปโดยใช้ Jest;
  • การท่องจำประโยชน์;
  • ข้อผิดพลาดและคำแนะนำที่สำคัญเมื่อใช้การเขียนโปรแกรมเชิงฟังก์ชัน
  • รูปแบบ MVC สร้างส่วนต่อประสานผู้ใช้
  • ภาพรวมของไลบรารีหลักสำหรับการพัฒนาอินเทอร์เฟซ: Angular, React, Vue
11. Asynchrony ใน JavaScript สัญญา:
  • แนวคิดและความจำเป็นของอะซิงโครไนซ์
  • การทำงานกับ setTimeout, setInterval, clearTimeout;
  • ฟังก์ชันการโทรกลับ (การโทรกลับ);
  • การสูญเสียสิ่งนี้เมื่อทำงานกับฟังก์ชันเรียกกลับ ตัวเลือกโซลูชัน (ใช้ฟังก์ชันผูก, ลูกศร ฯลฯ );
  • แนวคิดสัญญาคืนสัญญาจากฟังก์ชันอะซิงโครนัส
  • วิธี Promise.all () แอปพลิเคชัน;
  • Async / await ไวยากรณ์กรณีการใช้งานข้อ จำกัด ;
  • การจัดการกับสถานการณ์ที่ผิดปกติ: การปฏิเสธสัญญาการจัดการข้อยกเว้นสำหรับการโทรแบบอะซิงโครนัส
12. การทำงานกับเซิร์ฟเวอร์ โปรโตคอล HTTP บริการ REST:
  • โปรโตคอล HTTP;
  • ส่วนหัว HTTP และวิธีการ (GET, POST, PUT, DELETE, อื่น ๆ ), การถ่ายโอนข้อมูล;
  • เซิร์ฟเวอร์ HTTP (ภาพรวม);
  • รหัสตอบกลับเซิร์ฟเวอร์ HTTP;
  • การใช้แบบฟอร์มเพื่อส่งข้อมูล
  • การถ่ายโอนข้อมูลไปยังเซิร์ฟเวอร์โดยใช้ AJAX;
  • สถาปัตยกรรม REST: ข้อดีและคุณสมบัติ
  • การใช้งาน CRUD (การดำเนินการสร้าง / อ่าน / อัปเดต / ลบ) เมื่อทำงานกับ REST;
  • การใช้ฟังก์ชัน fetch () เพื่อรับและส่งข้อมูล
  • การจัดทำเอกสารบริการ REST ด้วย Swagger;
  • แนวคิด HATEOAS การประยุกต์ใช้;
13. แกนห้องสมุด WebSocket โปรโตคอล:
  • การเปรียบเทียบไลบรารี Axios ระดับสูงและการใช้การดึงข้อมูลระดับต่ำ ();
  • รับและโพสต์คำขอไปยัง Axios;
  • ใช้ async / await กับ Axios;
  • ข้อผิดพลาดในการจัดการเมื่อใช้ Axios;
  • การยกเลิกคำขอโดยใช้ Axios;
  • WebSocke โปรโตคอล
  • ตัวอย่างการใช้ WebSocket เปรียบเทียบกับ HTTP
  • ภาพเคลื่อนไหว HTML;

วัตถุประสงค์

หลังจากจบหลักสูตรนักเรียนจะมีความเชี่ยวชาญในความสามารถของภาษา JavaScript เป็นอย่างดีพวกเขาจะได้รับพื้นฐานสำหรับการใช้เว็บเฟรมเวิร์กต่อไปเช่น React หรือ Angular นักเรียนจะได้ศึกษารายละเอียดโครงสร้างและไวยากรณ์ของภาษารูปแบบวัตถุ รูปแบบ DOM ของเอกสาร HTML ได้รับการตรวจสอบโดยละเอียดมีการให้คำแนะนำเกี่ยวกับ CSS และศึกษาเทคนิคในการจัดการ DOM และ CSS โดยใช้ JavaScript มีการศึกษารูปแบบของการจัดการเหตุการณ์ มีการศึกษาประเด็นของการสร้างแบบฟอร์ม เทคโนโลยี JSON และเทคโนโลยี Ajax แบบอะซิงโครไนซ์และทำงานกับเซิร์ฟเวอร์ได้รับการพิจารณา

กลุ่มเป้าหมาย

นักพัฒนาเว็บ

การเตรียมการเบื้องต้น

นักเรียนคุ้นเคยกับ HTML และ CSS ประสบการณ์การเขียนโปรแกรมในภาษาใด ๆ ที่มีไวยากรณ์คล้าย C เป็นที่พึงปรารถนา (C, C ++, Java, C #)