30 Comments



Join full 26hr course:

Timestamps:
0:0:14 Quick Overview
0:2:06 Detailed Overview
0:12:05 Installing WordPress Locally
0:25:35 First Taste of PHP
0:41:55 Create Theme
0:54:20 Functions
1:09:14 Arrays
1:21:43 The Loop
1:36:10 Header & Footer
1:54:44 Convert HTML/CSS Into Theme
2:14:42 Interior Page Template
2:32:28 Parent / Child Pages
2:49:16 When do we need to echo?
2:58:17 Children Links Menu

Follow me on Twitter for webDev updates and cat pics:

Nguồn: https://fumceunice.org/

Xem thêm bài viết: https://fumceunice.org/category/cong-nghe/

Author

hatuankhang90@gmail.com

30 thoughts on “Become a WordPress Developer: Unlocking Power with Code

  1. Waiting for next tutorial video as u mention total 26 hours of videos will uploaded to learn complete WordPress
    Kindly upload remaining videos

  2. This is the best wordpress development video I have ever seen. I understand things that I never understoof before. Thank you for creating this!! 🙂

    And a very happy new year to everyone!

  3. Hi… This video is really helpful ….but I have a question. How about if I want a some pages with a different design ?

  4. Teaching programming should be made only by you. I feels that you are living in the head of the student and reading minds !
    I myself have my own channel teaching web and graphic design, but I defenitly learning from your perfect style of teaching ! Thank you

  5. I really respected you before starting the video from you sentence " i am here to teach you everything i know", Good luck sir

  6. Amazing course, i was planning to spent thousands on WordPress course, but anyhow i planned to browse YouTube for this purpose. I browse too many times and finally got this course which i felt is really awesome. The method of teaching is awesome, everything detailed in this course is really amazing. I am a beginner of WordPress so i will share my experience with the passage of time.
    Again a bundle of thanks Sir!

  7. More timestamps…:

    18:07 : Installing WordPress
    "Local by Flywheel"
    local DOT getflywheel DOT com
    "VirtualBox", "Host Machine", and "Local Image"
    "PHP 7 DOT 1.7. nginx + Varnish. MySQL 5 DOT 6"
    <en DOT wikipedia DOT org/wiki/Varnish_(software)>
    "Varnish is an HTTP accelerator designed for content-heavy
    dynamic web sites as well as APIs. "
    20:57 : WordPress administrator dashboard
    25:40 : First taste of PHP
    28:00 : Three free text editors:
    Sublime Text
    Visual Studio Code
    Atom
    29:19 : Hello world content: "This is a test"
    29:30 : Save .php file in apppublic (local file system)
    30:14 : Saved as experiment DOT php
    30:58 : Corresponding URL: amazing-college DOT local/experiment DOT php
    32:40 : First with "<?php ?>":
    <?php echo 2 + 2 ?>
    37:22 : First variable:
    $myname = 'Brad';
    42:01 : Creating a new WordPress theme!
    44:59 : Themes are in '/wp-content/themes' (from the WordPress
    root, e.g. '/public_html/amazing-college')
    45:26 : Create a new folder in the "themes" directory, in this
    case "fictional-university-theme"
    46:44 : Save a new file as "index DOT php"
    So '/wp-content/themes/fictional-university-theme/index DOT php'
    (from the WordPress root, e.g. '/public_html/amazing-college')
    47:20 : New file, "style DOT css"
    48:10 : Add CSS comment, with magic fields:
    Theme Name: XXXXX
    Author: YYYY
    Version: ZZZZ
    50:49 : For preview image:
    screenshot DOT png
    1200 x 900 pixels
    51:39 : Activate theme
    Press a button in the administration interface
    52:38 : Deleting the other themes
    54:25 : "What is a function?"
    1:05:11 : Built-in WordPress function "bloginfo('name')"
    Corresponding to "Settings" -> "General" -> "Site Title"
    Note: This is still in the context of a new theme, file
    '/wp-content/themes/fictional-university-theme/index DOT php'
    1:07:20 : Built-in WordPress function for web site slogan/description:
    bloginfo('description')
    Corresponding to "Settings" -> "General" -> "Tagline"
    1:09:20 : Arrays
    Posts and pages.
    1:12:05 : Sample array:
    $names = array('Brad', 'John', 'Jane', 'Meowsalot');
    1:12:40 : Indexing into the array:
    <?php echo $names[2] ?>
    1:15:17 : A 'while' loop:
    $count = 1;
    while ($count < 100)
    {
    echo "<li>$count</li>";
    $count++;
    }
    1:18:18 : Looping through the array:
    $count = 0;
    while ($count < count($names))
    {
    echo "<li>Hi, my name is <?php echo $names[$count] </li>";
    $count++;
    }
    1:21:47 : Section "The Famous WordPress Loop"
    1:24:20 : WordPress functions:
    "have_posts()"
    "the_post()" Prepares / sets up the next WordPress post
    1:26:28 : WordPress function the_title() for the title of
    the current WordPress post
    1:27:00 : WordPress function the_content() for the body of
    the current WordPress post
    1:28:30 : WordPress function the_permalink() for a link to
    the current WordPress post
    1:31:06 : WordPress uses file name conventions:
    "index DOT php" on the home page
    "single DOT php" in the theme folder (and "index DOT php" as fallback)
    For "posts"
    1:32:50 : WordPress "pages" (in contrast to "posts")
    Static pages vs. blog posts.
    Pages: file name convention is "page DOT php"
    1:36:04 : Section "Header & Footer"
    Global!
    1:39:04 : Use WordPress function "get_header()" to include
    the header file with the magic file name "header DOT php"
    For both "posts" and "pages".
    "header DOT php" has the start of the naked structure
    of an HTML file – "… DOCTYPE", "<html>", and "<body>".
    1:40:32 : Use WordPress function "get_footer()" to include
    the header file with the magic file name "footer DOT php"
    For both "posts" and "pages".
    "footer DOT php" has the end of the naked structure
    of an HTML file – "</body>" and "</html>".
    1:44:00 : In WordPress, for loading CSS, etc., use
    function "wp_head()" instead of <link>.
    For the admin header.
    1:44:50 : File "functions DOT php":
    1:45:35 : WordPress function "add_action()":
    First parameter, for loading files: "wp_enqueue_scripts"
    For JavaScript and CSS files.
    Second parameter: name of a user-defined function,
    "university_files" in this case.
    JavaScript and CSS files can be loaded in "university_files":
    wp_enqueue_style()
    First parameter: nick name, e.g. "university_main_styles"
    Second parameter: file name
    get_stylesheet_uri()
    By file name convention "styles DOT css" (?)
    wp_enqueue_script()
    For JavaScript files.
    1:52:10 : Function name in a string, "university_files", not actual
    direct call.
    1:53:35 : In "footer DOT php", before "</body>":
    wp_footer()
    For loading JavaScript just before "</body>" –
    give WordPress a chance to do it.
    Or add the WordPress black administrator menu bar.
    1:54:37 : Section "Design / Style"
    AKA "Converting static HTML page to WordPress"
    1:55:18 : Not with CSS – the focus is on WordPress, PHP, and
    a little bit of JavaScript.
    Use predefined CSS from the author of the course…:
    <github DOT com/LearnWebCode/university-static>
    Clone
    <github DOT com/LearnWebCode/university-static DOT git>
    Cloned to:
    <C:temp22019-07-14university-static>
    Download ZIP
    Folder "university-static-master"
    Forked for fixing indentation index DOT html:
    <github DOT com/PeterMortensen/university-static DOT git>
    Local:
    <C:temp22019-07-14Forked university-staticuniversity-static>
    1:57:52 : General: Copy-paste stuff into our WordPress theme.
    1:58:22 : Opening the index DOT html file
    <github DOT com/LearnWebCode/university-static/blob/master/index DOT html>
    1:58:36 : The "header" element for the header…
    <header class="site-header">
    1:59:35 : Paste the content of the "header" element (and all
    children) into header DOT php

    Note: For the rest of the timestamps, see the next comment (posted as an answer to this comment).

  8. honestly speaking you have made me to understand programming language now.i like the way you are teaching you are my best teacher on YouTube am subscribing to your channel now.to tell you the truth i do not subscribe to any channel on YouTube but you i can say you are awesome man

  9. Thanks a lot Brad for your wonderful tutorial. I feel too lucky to have you as my mentor. Your style is in flow and feels so much connected. Hoping for your other tutorials too. Thank you so much. Love from Nepal. Namaste…..

  10. thanks for this tutorial. but the slider doesn't seem to work 🙁 pls help

    i don't quite understand this part here in scripts.js. where are these located?
    “`// 3rd party packages from NPM
    import $ from 'jquery';
    import slick from 'slick-carousel';“`

  11. pretty easy to understand! cool. & i thought wp was complicated. btw, i like how he refers to the html tags as "sandwhich" 😀

  12. Brad, thank you for putting this video up. Based on this I went ahead and purchased the full course. You are a great teacher. Keep up the good work!

Leave a Reply

Your email address will not be published. Required fields are marked *