CodePhilip
CodePhilip
  • 29
  • 501 002
watch me learn how to code a wordpress plugin | coding session #coding #wordpress
Hey whatsup. Today I want to start learning wordpress plugin development.
I found a nice little "Hello World" project and with the help of chatGPT I managed to get it running.
It is a simple plugin which just display a text anywhere you want in on the wordpress page using hooks and a shortcode. I also implemented a button in the admin dashboard sidebar to add some settings like changing the text to a custom one.
It was surprisingly easy and I really look forward to extending the functionality of that plugin.
I hope you learned something, I certainly did!
#coding #wordpress #devlog
Переглядів: 72

Відео

To Do List with LocalStorage (Save To Do's in Browser!) | JavaScript Beginner Project
Переглядів 3,3 тис.4 місяці тому
#javascript #todolist #localstorage 📌 In this episode we will learn how to create a To Do List that uses LocalStorage which is like a database inside your browser on the client side, so no backend is needed! Im using HTML, CSS and JavaScript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects tha...
How to Change the Favicon on your Wordpress Website
Переглядів 410Рік тому
Hello Everyone, today I want to show you how to change your Favicon (the little Icon in your Tab) on a Wordpress Website. Thanks for Watching!
How to Connect JavaScript and CSS to a HTML File
Переглядів 2,6 тис.Рік тому
#html #webdevelopment #javascript #css Hello Everyone, today I want to show you how to connect a JavaScript and CSS file to a HTML File. With the "link" and "script" tag. I use a HTML Button to change the Background Color of the HTML File with JavaScript code. Thanks for Watching! Source Code: justpaste.it/8xksu
How to Embed a YouTube Video in a HTML File
Переглядів 2,4 тис.Рік тому
#html #webdevelopment #tutorial Hello Everyone, today I want to show you how to Embed a UA-cam Video into your HTML Webpage. We create a basic HTML File and then go to the UA-cam Video that you want to embed. There you can Copy the iframe of that Video and paste it into your HTML File. Thanks for Watching! Source Code: justpaste.it/39icx
Raspberry Pi Pico - How to Control the Onboard LED
Переглядів 813Рік тому
#raspberrypi #coding #microcontroller Hello Everyone, today I want to show you how to control the onboard LED on a Raspberry Pi Pico. You will need a Raspberry Pi Pico and a USB Cable to connect it to your PC. Also you will need to download Thonny: thonny.org/ The Source Code to light the LED: from machine import Pin led = Pin("LED", Pin.OUT) # Change Value to 1(on) or 0(off) led.value(1) # One...
How to install a WordPress Theme (and where to find them)
Переглядів 34Рік тому
#wordpress #themes #webdevelopment Hello everyone, today I will be showing you how to find and Install a WordPress Theme. Free WordPress Themes can be found on the official WordPress website: de.wordpress.org/themes/ Themes that cost money can be bought here: themeforest.net/ and if you want to build your own Theme you can buy Elementor: (thats what I personally use for projects) be.elementor.c...
How to Install and Run a WordPress Website Locally on your PC
Переглядів 131Рік тому
#Wordpress #webdevelopment #xampp Hello Everyone, in this Video I will be showing you how to run and install a WordPress Website locally on your PC with XAMPP. Usually you would install WordPress locally to develop a website. The Website is not online, so no one can visit it except you through your Computer. XAMPP Download Link: www.apachefriends.org/de/index.html WordPress Download Link: de.wo...
To Do List | Javascript Beginner Project Tutorial
Переглядів 225 тис.4 роки тому
#javascript #todo #todolist 📌 In this episode we will learn how to create a To Do List with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. ⚜ For the Source Code and other Javascript Beginner Projects visit my ...
Pomodoro Timer | Javascript Beginner Project Tutorial
Переглядів 14 тис.4 роки тому
📌 In this episode we will learn how to create a Pomodoro Timer with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. ⚜ For the Source Code and other Javascript Beginner Projects visit my GitHub Page: ⚜ ▶️ github...
Scroll Indicator | Javascript Beginner Project Tutorial
Переглядів 1,7 тис.4 роки тому
📌 In this episode we will learn how to create Scroll Indicator with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. 🕹 For the Demo visit: 🔗 / ⚜ For the Source Code and other Javascript Beginner Projects visit m...
Change CSS Styles with JavaScript | Javascript Beginner Project Tutorial (DOM)
Переглядів 1,8 тис.4 роки тому
📌 In this episode we will learn how to change CSS styles with JavaScript with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. 🕹 For the Demo visit: 🔗 / ⚜ For the Source Code and other Javascript Beginner Projec...
Image Slider | Javascript Beginner Project Tutorial
Переглядів 3,6 тис.4 роки тому
📌 In this episode we will learn how to create an Image Slider with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. 🕹 For the Demo visit: 🔗 / ⚜ For the Source Code and other Javascript Beginner Projects visit my...
Countdown Timer | Javascript Beginner Project Tutorial
Переглядів 24 тис.4 роки тому
📌 In this episode we will learn how to create a Countdown Timer with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. 🕹 For the Demo visit: 🔗 / ⚜ For the Source Code and other Javascript Beginner Projects visit ...
Tip Calculator | Javascript Beginner Project Tutorial
Переглядів 11 тис.4 роки тому
📌 In this episode we will learn how to create a Tip Calculator with html, css and javascript. 📢 Subscribe if you want more Javascript Beginner Project Tutorials 👍 Leave a like if you enjoyed it 📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below. 🕹 For the Demo visit: 🔗 / ⚜ For the Source Code and other Javascript Beginner Projects visit m...
BMI Calculator | Javascript Beginner Project Tutorial
Переглядів 8 тис.4 роки тому
BMI Calculator | Javascript Beginner Project Tutorial
Weight Converter | Javascript Beginner Project Tutorial
Переглядів 3,9 тис.4 роки тому
Weight Converter | Javascript Beginner Project Tutorial
Meter to Feet Converter | Javascript Beginner Project Tutorial
Переглядів 2,3 тис.4 роки тому
Meter to Feet Converter | Javascript Beginner Project Tutorial
Show Day of the Week | Javascript Beginner Project Tutorial
Переглядів 7 тис.4 роки тому
Show Day of the Week | Javascript Beginner Project Tutorial
Number Guessing Game | Javascript Beginner Project Tutorial
Переглядів 34 тис.4 роки тому
Number Guessing Game | Javascript Beginner Project Tutorial
Random Quote Generator | Javascript Beginner Project Tutorial
Переглядів 22 тис.4 роки тому
Random Quote Generator | Javascript Beginner Project Tutorial
Recreating the DuckDuckGo Homepage with HTML & CSS (Grid, Flexbox)
Переглядів 8834 роки тому
Recreating the DuckDuckGo Homepage with HTML & CSS (Grid, Flexbox)
Recreating the Twitter Homepage with HTML & CSS (Grid, Flexbox)
Переглядів 1,3 тис.4 роки тому
Recreating the Twitter Homepage with HTML & CSS (Grid, Flexbox)
Simple Counter | Javascript Beginner Project Tutorial
Переглядів 30 тис.4 роки тому
Simple Counter | Javascript Beginner Project Tutorial
Recreating the Facebook Homepage with HTML & CSS (Grid, Flexbox)
Переглядів 1,7 тис.4 роки тому
Recreating the Facebook Homepage with HTML & CSS (Grid, Flexbox)
Word Length Calculator | Javascript Beginner Project Tutorial
Переглядів 2,2 тис.4 роки тому
Word Length Calculator | Javascript Beginner Project Tutorial
Change Image on a click | Javascript Beginner Projects Tutorial
Переглядів 30 тис.4 роки тому
Change Image on a click | Javascript Beginner Projects Tutorial
Recreating the Google Homepage with HTML & CSS (Grid, Flexbox)
Переглядів 23 тис.4 роки тому
Recreating the Google Homepage with HTML & CSS (Grid, Flexbox)
Change Background color on Click | Javascript Beginner Project Tutorial
Переглядів 44 тис.4 роки тому
Change Background color on Click | Javascript Beginner Project Tutorial

КОМЕНТАРІ

  • @chuuyazZz
    @chuuyazZz День тому

    22:54 that silent moment was so reasonable and funny

  • @TimeLords910
    @TimeLords910 4 дні тому

    Question why didn’t you use live-server to update between code instead of reloading the page ?

  • @DamosyTheFreckle
    @DamosyTheFreckle 11 днів тому

    I did this, it is amazing! But everytime I refresh or close tab, I lose the number where I previously left off. How do I make it such that everytime I refresh, i still get the previously stored number?

  • @yothkajornsanannam3495
    @yothkajornsanannam3495 Місяць тому

    Any command to control output state with out toggle..?

  • @Isaac-kb6jo
    @Isaac-kb6jo Місяць тому

    Hello thanks baba But ur video no clear at all oooo

  • @zizom
    @zizom Місяць тому

    Thank you for this great tutorial I learned a lot. I have a question about how you handle the delete text. Wont the you code used in the video make any delete word get deleted ? What if i wanted to add a note about delete old files for example ?

  • @yy.u.i
    @yy.u.i 2 місяці тому

    Short, precise and clear. Thank you!

  • @meghanohara9153
    @meghanohara9153 2 місяці тому

    This video was SOOO helpful. I have been banging my head against a wall trying to find a tutorial for a todo list for beginners and everyone claims they are for beginners but are really way more detailed and advanced making it so much more confusing than it needs to be and this version you put out was so straightforward and easy to code along with and understand. Thanks so much for posting! You saved my sanity! My next project to tackle is a memory game any chance you want to help with that!???

  • @SonaBeau_13
    @SonaBeau_13 2 місяці тому

    During the journey of creating the To-Do List, I enjoyed it as well! Hehe, I love the process of building project.

  • @freguenshoodjean5841
    @freguenshoodjean5841 2 місяці тому

    i like the way you said you are a beginner and there are some better way to do it.. thats so humble. 4 years later i hope you now an advance devlopper.............

  • @Masantingku
    @Masantingku 2 місяці тому

    Thank you so much.. I am a subscriber now..

  • @darkknight-rp2ry
    @darkknight-rp2ry 2 місяці тому

    Thx for solving my doubt 🧐👍💪🫡

  • @EmmanuelLeakono
    @EmmanuelLeakono 3 місяці тому

    simple as you like

  • @IleniaQuintero
    @IleniaQuintero 3 місяці тому

    Hello, I was looking at your video channel. We may be helping a company that uses secure images to increase supply chain security and help cloud native development. Would you be willing to help try their software, make a video, and help show devs how to use their tools? This is not an offer, but just to start a conversation about your willingness to take on sponsorship. Please provide me with your email if you are interested. You'd have a chance to look at their technology and decide if it's the type of software that you'd be interested in covering in your channel.

  • @filipmagnuseinvik6323
    @filipmagnuseinvik6323 3 місяці тому

    do you have the source to the code?

  • @TheIndianOutcast
    @TheIndianOutcast 3 місяці тому

    Bro! Where have you been.....? Uploading a year later???

    • @CodePhilipYT
      @CodePhilipYT 3 місяці тому

      I stopped coding but got back interested in it :)

  • @Onyinwa-we2bk
    @Onyinwa-we2bk 4 місяці тому

    How did u pit the right guessing sir

  • @CoveredInCode-yp5sv
    @CoveredInCode-yp5sv 4 місяці тому

    I really appreciate the step-by-step and thorough explanation. So much better than those tutorials that don't explain anything!

  • @CodePhilipYT
    @CodePhilipYT 4 місяці тому

    Hey guys, I made a new tutorial for a to do list which can also save your tasks on page refresh. You can do that by using the localStorage in the browser. If youre interested check it out: To Do List with LocalStorage (Save To Do's in Browser!) | JavaScript Beginner Project ua-cam.com/video/p6F5TBxs88A/v-deo.html

  • @VinciJeremy789
    @VinciJeremy789 4 місяці тому

    extreme underrated.......⭐⭐⭐⭐⭐

  • @tupaez7133
    @tupaez7133 5 місяців тому

    than for this lesson! It helped me!

  • @Abdul89357
    @Abdul89357 5 місяців тому

    Undefined error

  • @user-rc9ti8cz3s
    @user-rc9ti8cz3s 7 місяців тому

    this totural sucks

  • @Ahmed-qc5sj
    @Ahmed-qc5sj 7 місяців тому

    thank you for being honest and real not like other "perfect" coders who don't make mistakes

  • @user-yj1qt2vh4e
    @user-yj1qt2vh4e 7 місяців тому

    Man very strainght to the point Not like other youtubers add some this add some that css like not going to the logic part

  • @Mr.PowderedToastMan
    @Mr.PowderedToastMan 7 місяців тому

    YOU ARE THE BEST

  • @rayyanabdulwajid7681
    @rayyanabdulwajid7681 8 місяців тому

    --------------------------to uncheck the list by clicking on it--------------------------------- let addToDoButton = document.getElementById('addToDo'); let toDoContainer = document.getElementById('toDoContainer'); let inputField = document.getElementById('inputField'); addToDoButton.addEventListener('click', function(){ var paragraph = document.createElement('li'); paragraph.classList.add('paragraph-styling'); paragraph.innerText = inputField.value; toDoContainer.appendChild(paragraph); inputField.value = ""; paragraph.addEventListener('click', function(){ if(paragraph.style.textDecoration == "line-through"){ paragraph.style.textDecoration = "none"; } else{paragraph.style.textDecoration = "line-through"; } }) paragraph.addEventListener('dblclick', function(){ toDoContainer.removeChild(paragraph); }) })

  • @notyouraverageai
    @notyouraverageai 9 місяців тому

    It keeps saying I guessed too low even when I say 100, or even 500. Can I get some help?

  • @Sxb_Editz
    @Sxb_Editz 9 місяців тому

    Very simple but for removing just paragraph.style.display = 'none';

  • @limbubibas152
    @limbubibas152 10 місяців тому

    thank you sir for teaching.

  • @goodnessbassey-nu1ef
    @goodnessbassey-nu1ef 10 місяців тому

    thank you so much sir! really learnt alot today

  • @TriumphingMindset
    @TriumphingMindset 11 місяців тому

    could you please put the extension you use

  • @usolomons
    @usolomons 11 місяців тому

    just what i was looking for, thanks.

  • @physiomedicine
    @physiomedicine 11 місяців тому

    hi codeduck, tell me what to do from the beggining , from zero

  • @-SURYAN
    @-SURYAN 11 місяців тому

    Nice one

  • @benbrown1143
    @benbrown1143 11 місяців тому

    What if you want to add to the to-do list by hitting "Enter" and not clicking? How would you set that up?

  • @nathanle8957
    @nathanle8957 Рік тому

    Give it up for this short and amazing video

  • @xaaronzz1055
    @xaaronzz1055 Рік тому

    Nice Tutorial, but i have one Question, are you German?

  • @changyeejian4177
    @changyeejian4177 Рік тому

    y does my javascrpt dont work

  • @antonyyg
    @antonyyg Рік тому

    Very good explanation and easy to learn. Thanks!

  • @theMadProgrammers
    @theMadProgrammers Рік тому

    very well explained sir. thank you.

  • @samaaronflores1048
    @samaaronflores1048 Рік тому

    thank uu 😁😁.

  • @ShimmerBodyCream
    @ShimmerBodyCream Рік тому

    Thank you!

  • @ShimmerBodyCream
    @ShimmerBodyCream Рік тому

    Thank you!

  • @website.co.
    @website.co. Рік тому

    Thanks bro. ❤

  • @myveritasforever
    @myveritasforever Рік тому

    Never seen so short but So straight tutorial . ❤ Less talk more job ❤

  • @ilaydelrey2025
    @ilaydelrey2025 Рік тому

    Dear CodeDuck thank you very much for this tutiorial :) Just one tip: please make the screen larger because some watch this video right next to the vs code and then it is very tiny to read

  • @19Hayden95
    @19Hayden95 Рік тому

    For anybody having troubles making their list start on a new line like me, try changing your paragraph.innerText within the function to : paragraph.innerText = inp.value + " ";

  • @jmactravel
    @jmactravel Рік тому

    So basic but exactly what I needed to understand better, thank you!

  • @hafsabatool8895
    @hafsabatool8895 Рік тому

    I can not tell you how helpful was this thanks for your efforts.