ภาษาการเขียนโปรแกรมที่ดีที่สุดในการเรียนรู้สำหรับผู้ใช้ WordPress

เผยแพร่แล้ว: 2017-07-17

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

ไม่ต้องกังวลเพื่อน ฉันเดา

PHP

แม้ว่า iPhone ของฉันจะคิดอย่างไร แต่ PHP ก็ไม่ผิดหากฉันไม่ได้มองหาอาหารเวียดนามแสนอร่อยบน Yelp เป็นภาษาการเขียนโปรแกรมพื้นฐานของ WordPress และเป็นแกนหลักของอินเทอร์เน็ตมากกว่า 80% ข้อเท็จจริงทั้งสองนี้รวมกันน่าจะเพียงพอแล้วที่จะทำให้คุณต้องการเรียนรู้ PHP

หาก PHP เป็นภาษาการเขียนโปรแกรมแรกของคุณ มันอาจจะดูน่ากลัว แต่ก็ค่อนข้างง่าย ในกรณีของ Divi คุณสามารถดู single.php (ไฟล์ที่ทำงานในหน้าเดียว) และดูสิ่งนี้:

<?php
 
get_header();
 
$is_page_builder_used = et_pb_is_pagebuilder_used( get_the_ID() );
 
?>

โค้ดจับส่วนหัว ดูว่ามีการใช้ตัวสร้างเพจหรือไม่ จากนั้นจึงดึงเนื้อหาตาม ID ที่กำหนด นั่นเป็นไฟล์เดียวที่วิ่งออกไปและคว้าเนื้อหาจากฐานข้อมูลโดยไม่ต้องมีหน้า HTML หลายสิบ (หรือหลายร้อยหรือหลายพัน) ที่ต้องระบุเป็นรายบุคคลในส่วนของคุณ

นั่นเป็นฟังก์ชันที่มีไดนามิกมาก และ PHP เป็นหนึ่งในวิธีแรกๆ ที่อนุญาตสำหรับเว็บไซต์ไดนามิก มันใช้ล่ามเพื่อแยกวิเคราะห์โค้ด PHP (ซึ่งมักจะรวมกับ HTML) และดำเนินการบางอย่างตามเงื่อนไขบางประการ โดยพื้นฐานแล้ว ภาษาคือสิ่งที่ช่วยให้ WordPress เป็น WordPress

หากคุณต้องการทำการเปลี่ยนแปลงที่สำคัญและเจาะลึกใน WordPress คุณจะต้องใช้ PHP ฟังก์ชันใด ๆ ที่คุณต้องการเพิ่มนั้นเขียนด้วย PHP ปลั๊กอิน? คุณเดาได้: เขียนด้วย PHP

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

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

ตัวอย่างโค้ด PHP

WordPress Codex และ Developer Resources เป็นจุดเริ่มต้นที่ดีเมื่อพิจารณาถึงวิธีการใช้ PHP ใน WP ตัวอย่างเช่น นี่คือรหัสที่แสดงเนื้อหาโพสต์ สังเกตว่าเป็นการรวมแท็ก HTML และสคริปต์ PHP เข้าด้วยกันอย่างไร:

function the_content( $more_link_text = null, $strip_teaser = false) {
    $content = get_the_content( $more_link_text, $strip_teaser );
 
    /**
     * Filters the post content.
     *
     * @since 0.71
     *
     * @param string $content Content of the current post.
     */
    $content = apply_filters( 'the_content', $content );
    $content = str_replace( ']]>', ']]&gt;', $content );
    echo $content;
}

หากคุณต้องการตั้งค่าการติดตั้งเป็นหลายไซต์ คุณเพียงแค่เพิ่มลงใน ไฟล์ wp-config.php

เพื่อเพิ่มขีด จำกัด หน่วยความจำจากค่าเริ่มต้น (ซึ่งไม่ค่อยสูงพอ) ให้ใส่

define( 'WP_MEMORY_LIMIT', '512M' );

ลงใน wpconfig.php ของคุณ

JavaScript

JavaScript เป็นภาษาโปรแกรมที่น่าสนใจ เริ่มแรกสร้างขึ้นเพื่อการโต้ตอบกับผู้ใช้และการพัฒนาส่วนหน้า JavaScript ได้กลายเป็นความนิยมใหม่ในช่วงไม่กี่ปีที่ผ่านมา ตอนนี้เป็นภาษาแบบฟูลสแตก (หมายถึงใช้งานได้กับเบราว์เซอร์ส่วนหน้าและฐานข้อมูลส่วนหลังและเซิร์ฟเวอร์) JavaScript เป็นภาษาการเขียนโปรแกรมที่เติบโตเร็วที่สุดในเว็บระหว่างกัน

ด้วยแพลตฟอร์มอย่าง Ember.js, Node.js, React และ AngularJS ช่องว่างระหว่างจำนวนอินเทอร์เน็ตที่สร้างขึ้นบน PHP และ JavaScript จะเล็กลงเท่านั้น

ความแพร่หลายนั้นหมายความว่าหากคุณกำลังมองหาวิธีที่จะให้ทันกับ WordPress ในอนาคต JavaScript ควรเป็นของคุณ แม้ว่า WP จะถูกสร้างขึ้นบน PHP แต่ปัจจุบันประมาณ 27% ของรหัสหลักถูกเขียนด้วย JS และจำนวนนั้นจะเพิ่มขึ้นเมื่อมีการอัปเดตและมีส่วนร่วมมากขึ้นเท่านั้น

JS เป็นภาษาโปรแกรมเชิงวัตถุ ซึ่งหมายความว่าคุณตั้งค่า "วัตถุเพื่อสร้างแบบจำลองสิ่งต่างๆ ในโลกแห่งความเป็นจริงที่เราต้องการนำเสนอภายในโปรแกรมของเรา และ/หรือจัดเตรียมวิธีง่ายๆ ในการเข้าถึงฟังก์ชันการทำงานที่ยากหรือทำไม่ได้ การใช้” สรุปง่ายๆ ก็คือ ช่วยให้คุณไม่ต้องเขียนโค้ดซ้ำๆ กัน ทำงานให้เสร็จเร็วขึ้น และชีวิตคุณง่ายขึ้น

เป็นภาษาโปรแกรมที่ดีที่สุดในการเรียนรู้หรือไม่? อาจจะ. หากคุณเลือก JavaScipt ความปลอดภัยและความต้องการในงานของคุณในด้าน WordPress จะดีขึ้นเรื่อย ๆ และหากคุณตัดสินใจที่จะขยายออกไปนอกชุมชนของเรา คุณจะมีความได้เปรียบในการแข่งขันที่ชัดเจนเนื่องจากความเชี่ยวชาญของคุณ (โดยเฉพาะอย่างยิ่งถ้าคุณยัง ทำงานใน PHP)

ตัวอย่างโค้ด JavaScript สำหรับ WordPress

ทำให้ WordPress เป็นทรัพยากรที่น่าทึ่งหากคุณต้องการดูว่ามีการใช้ PHP หรือ JavaScript ในการอัปเดตหลักของซอฟต์แวร์อย่างไร พวกเขามีตัวอย่างที่ดีว่าโค้ดของคุณควรมีลักษณะอย่างไร โดยเฉพาะในแง่ของมาตรฐานที่ใช้ร่วมกันระหว่าง PHP และ JS

var i;
 
if ( condition ) {
    doSomething( 'with a string' );
} else if ( otherCondition ) {
    otherThing({
        key: value,
        otherKey: otherValue
    });
} else {
    somethingElse( true );
}
 
// Unlike jQuery, WordPress prefers a space after the ! negation operator.
// This is also done to conform to our PHP standards.
while ( ! condition ) {
    iterating++;
}
 
for ( i = 0; i < 100; i++ ) {
    object[ array[ i ] ] = someFn( i );
    $( '.container' ).val( array[ i ] );
}
 
try {
    // Expressions
} catch ( e ) {
    // Expressions
}

HTML

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

HTML โดยตัวมันเองเป็นแบบคงที่ (แม้ว่า HTML5 ได้แนะนำโครงสร้างไดนามิกใหม่จำนวนหนึ่ง) หากคุณกำลังจะทำงานกับ WordPress เลย HTML เป็นภาษาเดียวที่คุณต้องมีความรู้ในการทำงาน แม้ว่า WordPress จะเปลี่ยนไปสู่การแก้ไขเนื้อหา ธีม และสไตล์ที่มองเห็นได้ชัดเจนยิ่งขึ้น ความเชี่ยวชาญใน HTML จะไม่หายไปโดยสิ้นเชิง

แม้ว่า HTML นั้นค่อนข้างพื้นฐาน คุณเพิ่มลิงก์และแสดงข้อความ คุณแยกย่อหน้าและสร้างตารางและแทรกรูปภาพ มันเป็นโครงร่างของทุกหน้าบนอินเทอร์เน็ตจริงๆ เป็นเรื่องพื้นฐานที่การไม่รู้ (อย่างน้อยก็เพียงพอที่จะเป็นอันตราย) จะทำให้คุณต้องเสียค่าใช้จ่ายอย่างแน่นอน แน่นอนว่า HTML เป็นภาษาการเขียนโปรแกรมที่ดีที่สุดในการเรียนรู้

ตัวอย่างโค้ด HTML

<html>
  <head>
    <title>BJ's Awesome HTML Page</title>
  </head>
  <body>
    <h2>This is my awesome website</h2>
      <p>I wrote this in HTML. How about them apples?</p>
      <p><strong>I even made this paragraph bold. You like that, right?</strong></p>
      <p><a href="/linked-page">This is a link to a different page on the same website!</a></p>
  </body>
</html>

ภาษาการเขียนโปรแกรมที่ดีที่สุดในการเรียนรู้ - WordPress HTML Sample

CSS

ทุกวันนี้ คุณไม่สามารถมีทักษะเฉพาะใน HTML ได้ คุณต้องมีความชำนาญใน CSS เช่นกัน เนื่องจากนี่ไม่ใช่ปี 1997 และคุณไม่ได้สร้างไซต์ Geocities คุณ ต้อง ใช้ภาษามาร์กอัปทั้งสองภาษาเพื่อดำเนินการใดๆ ให้เสร็จสิ้น

ลองนึกถึง CSS และ HTML เช่น Leslie Knope และ Ann Perkins: BFF ที่คุณไม่สามารถแยกออกได้หากคุณพยายาม CSS ย่อมาจาก cascading style sheet โดยเน้นที่ style ใช่ คุณเดาถูกแล้ว CSS คือสิ่งที่คุณใช้เพื่อทำให้สิ่งต่างๆ สวยงาม นำหน้า HTML ของคุณจากการดูเหมือน Geocities ไปเป็นหน้าตา อย่างอื่น เพียงอย่างเดียวทำให้เป็นคู่แข่งสำหรับภาษาการเขียนโปรแกรมที่ดีที่สุดในการเรียนรู้

CSS คือสิ่งที่คุณใช้เพื่อทำให้องค์ประกอบเคลื่อนไหวโดยที่เราไม่ได้ใช้ Flash หรือ Shockwave จำพวกเขา? อา ความทรงจำ เราใช้ CSS เพื่อย้ายองค์ประกอบไปรอบๆ วางซ้อนกัน สร้างรูปร่าง (ใช่ คุณสามารถใช้ CSS เพื่อสร้างรูปทรงแปลกประหลาดได้ทุกประเภท) และทำให้เว็บไซต์ของคุณกระโดดข้ามห่วงใดก็ได้ที่คุณต้องการ

ที่พิเศษเกี่ยวกับ CSS คือในขณะที่มันสามารถนำมาใช้ในแนวเดียวกับ HTML ได้ (เพียงเพิ่ม

style=""

แท็กกับองค์ประกอบ) ไม่ควรเป็น หน้าจะแสดงแท็กแต่ละอินสแตนซ์แยกกัน ซึ่งทำให้หน้าเว็บของคุณช้าลงอย่างมาก

ป้อน สไตล์ชีต คุณอาจคุ้นเคยกับสิ่งเล็กน้อยที่เรียกว่า custom.css การใช้ไฟล์แยกกันเพื่อเรียกสไตล์ทั้งหมดจากที่เดียวหมายความว่าไฟล์จะถูกโหลดเพียงครั้งเดียว คุณตัดสินใจว่าองค์ประกอบใดต้องการคลาสหรือรหัส (คลาสจะถูกใช้หลายครั้งทั่วทั้ง stie ในขณะที่ id มีไว้สำหรับบางสิ่งที่ต้องการความสนใจเฉพาะเจาะจงมากขึ้น)

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

CSS ตัวอย่างโค้ด

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

 
body {
    font-family: "Roboto", arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
}
 
h1, h2, h3, h4, h5, h6 {
    color:  #fff;
    font-family: 'Exo', sans-serif;
    font-weight: 700;
}
 
h1 {
    font-size: 2.75rem;
    margin: 40px 0px;
    font-weight: 400;
}
 
h2 {
    font-size: 32px;
    line-height: 35px;
}
 
h3 {
    font-size: 24px;
    line-height: 32px;
}
 
h4 {
    font-size: 24px;
    line-height: 28px;
}
 
h5 {
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
}
 
h6 {
}
 
.widgettitle {
    text-align: center;
}

เช่นเดียวกับ HTML ไม่มีทางที่จะรู้จัก CSS ได้ แม้จะแยกจากกัน แต่ก็เข้ากันได้ดีเหมือนมันเทศและพริกฮาลาปินโญ่ (ลองเลยถ้าไม่เชื่อ)

ดังนั้นภาษาโปรแกรมใดที่ดีที่สุดในการเรียนรู้?

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

  • Codecademy – หลักสูตรภาคปฏิบัติฟรีสำหรับภาษาโปรแกรมมากมาย โปรแกรมแก้ไขในเบราว์เซอร์จะแนะนำทุกสิ่งที่คุณจำเป็นต้องรู้ทีละขั้นตอน
  • CodeSchool – เช่นเดียวกับ Codecademy หลักสูตรภาคปฏิบัติฟรีจะแนะนำคุณผ่านภาษาที่คุณเลือก พวกเขามักจะจัดหัวข้อบทเรียนเกี่ยวกับสิ่งต่างๆ เช่น ซอมบี้ เพื่อให้พวกเขาน่าสนใจ
  • Team Treehouse – ไม่ฟรีเหมือนอีกสองทีม Team Treehouse เป็นเหมือนโรงเรียนออนไลน์มากกว่าโรงเรียนอื่น พวกเขาใช้แทร็กที่รู้สึกเหมือนกำลังพูดถึงชั้นเรียนในหัวข้อเฉพาะของภาษาการเขียนโปรแกรมที่คุณเลือก
  • บล็อกธีมที่หรูหรา – เราไม่ใช่บล็อกเขียนโปรแกรม แต่มีบทความมากมายเหมือนกับที่ฉันลิงก์ไว้ที่นี่ โดยมองหาแหล่งข้อมูลที่ดีที่สุดที่คุณสามารถใช้เพื่อเรียนรู้การเขียนโปรแกรม ฉันชอบคนที่พูดถึงโปรแกรมแก้ไขข้อความต่างๆ เช่น Sublime Text และ Notepad++ ฉันชอบลองใช้โปรแกรมแก้ไขข้อความใหม่

ภาษาเหล่านี้ไม่ใช่ตัวเลือกเดียวของคุณ แต่เป็นพื้นฐานในการสร้าง WordPress ดังนั้น หากคุณกำลังมองหาภาษาการเขียนโปรแกรมที่ดีที่สุดในการเรียนรู้ ลองทำเองและทำให้มันเป็นหนึ่งในนั้น mmmkay?

ภาพขนาดย่อของบทความโดย Fernandodiass / shutterstock.com