Home
Videos uploaded by user “GTCoding”
How to quickly create a website using HTML and CSS (Navigation Bar) - Part 3
 
06:29
In this video, you will learn how to create a navigation bar for a webpage using html and css. This is a basic navigation bar, but the structure of all the complicated navigation bars is the same.
Views: 16232 GTCoding
VSCode - 10 Useful Extensions for Web Development | GTCoding
 
13:39
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G Hi friends, in this video I talk about my favorite extensions for VS Code. VS Code is an awesome code editor. If you liked this video please click on the LIKE button and SUBSCRIBE to this channel to get the latest video updates. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9
Views: 39937 GTCoding
Brackets Code Editor | Top 5 Extensions
 
11:53
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G Hi friends, a lot of you have been asking me in the comments section which code editor I use for my videos. So, here is a detailed video about the Brackets Code Editor. I also talk about some of the awesome extensions that it has. I hope this video will be useful to you. If you liked this video please support me by clicking on the LIKE button and SUBSCRIBING to this channel. Thanks. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9
Views: 61699 GTCoding
How to quickly create a website using HTML and CSS
 
13:56
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G In this video, you will learn how to create a website using HTML and CSS. This video will help you to quickly create a rough skeleton or a layout for your website which you can improve by adding more CSS. Knowing the basics of HTML and CSS is always going to help you in web designing process even if you were to create webpages using dedicated web designing tools. Please smash the LIKE button if you like this video and share it with your friends. And don't forget to SUBSCRIBE to this channel to get the latest updates of the videos. Link for the source code: https://gist.github.com/Godsont/ef8f53377554e6650dfa2efd3fee4f7d
Views: 498370 GTCoding
Create array dynamically in C using malloc
 
06:34
Often there are scenarios where you need to create arrays dynamically at program runtime. In this tutorial you will learn how to create arrays dynamically. We use a built in function in C programming language called malloc() which lets us reserve memory space in heap in the main memory (RAM).
Views: 19742 GTCoding
Counters in CSS | Web Designing Tutorial
 
11:57
Hi friends, in this tutorial I am going to teach you how to use counter variables in CSS. Basically counters are used for numbering different elements in HTML. We also exlplore nested counters in CSS. Hope you like the video. If you like it please click on the LIKE button. And share this video with your friends and SUBSCRIBE to this channel to get the latest video updates. Source code: https://gist.github.com/Godsont/35ac099b3c39c8f8812e4081db137952
Views: 4058 GTCoding
Dropdown Menu CSS Tutorial
 
25:17
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G Hi friends, in this video tutorial you learn how to create a drop down navigation menu using pure html and css. You will also learn about some basic html5 specific tags. Hope you like this tutorial. If you have any questions or feedback please post it in the comments below and don't forget to subscribe to this channel to get notifications about the latest videos. Source Code: https://gist.github.com/Godsont/ff6b1784d1b48de4a3869d36a1153ef4
Views: 34340 GTCoding
How to quickly create website using HTML and CSS - Part 2
 
09:32
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G In this video, you will learn how to add some more CSS elements to our webpage and make it more attractive for the user. Adding CSS (Cascading Style Sheet) can add style to a webpage which cannot be possible using only HTML. Source Code: https://gist.github.com/Godsont/90a61df3397f155428ee54aa40ea98fd
Views: 27108 GTCoding
Box Model | Box-sizing in CSS Tutorial | Web Designing
 
09:25
Hi friends, in this video I am going to show you why we need box-sizing property in CSS. Almost all the websites developed today use the responsive design pattern, so this property can come in handy in your designing. What it basically does is it calculates the width and height of an HTML section according to what you set in the width and height in your CSS. The border and padding that you add to it doesn't change the dimensions in any way. If you have any doubts please drop a comment below. If you like this video please click on the LIKE button and don't forget to SUBSCRIBE to this channel to get the latest updates of videos.
Views: 2214 GTCoding
How To Design A Simple Modern-Looking Webpage (Homepage) | Web Design Tutorial
 
13:23
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G Hi friends, in this video, I am going to teach you how to design a simple modern-looking webpage (homepage to be specific). This type of design is popular among modern websites. Source Code: https://gist.github.com/Godsont/9954f7cacd49c8cb95bbaf5f3c64ac8c If you like this video, please click on the LIKE button below. You can SHARE this video with your friends who are interested in learning web designing. Don't forget to SUBSCRIBE to this channel to get the latest notifications about video uploads. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9
Views: 48983 GTCoding
How to Create Dropdown Menu using Flexbox Tutorial
 
15:43
Dropdown menus are used in almost all the websites. In this video you will learn how to create a rdropdown navigation menu using Flexbox. If you want to learn more about Flexbox you can watch this video: https://www.youtube.com/watch?v=0Azm2cyRmFk Source: https://github.com/Godsont/Flexbox-Dropdown-Menu
Views: 7896 GTCoding
The Best Way To Install WordPress Locally on Your Computer
 
05:13
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ In this video, I will teach you pretty much the easiest way to install WordPress locally on your computer using an amazing tool called local by Flywheel. We have been designing a complete responsive website in this series. Here is the link to the series: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ I hope you find it useful.
Views: 1048 GTCoding
How To Insert Data Into MySQL using PHP | PDO
 
09:46
In this video, you will learn how to insert data into a mysql database using PDO in PHP. PDO (PHP Data Objects) is a secure way to connect and execute tasks with the database. Source Code: https://github.com/Godsont/Insert-To-MySQL-DB Another advantage of PDO is that it works with a lot of popular databases. So, if at some point of time you want to change the database for your website, you can do that easily by just changing one line of code. Here we are not using any object oriented way which can help keep code organized for large projects. I recommend you to try adding different tasks in this video to different functions and call the functions whenever necessary. We are using MySQL database which is mostly used with PHP. We had designed and added validation to the contact form in the previous two videos. Please watch them if you want to know how to create a contact form. Here are the links: Design: https://www.youtube.com/watch?v=OEfKfR6CZxw Validation: https://www.youtube.com/watch?v=q44T315mt8s If you liked this video please give it a thumbs up. Subscribe if you haven't already. ------------------------------------------------------------ Music from https://filmmusic.io: "Tech Live" by Kevin MacLeod (https://incompetech.com) Licence: CC BY (http://creativecommons.org/licenses/by/4.0/)
Views: 1706 GTCoding
Animated Sticky Header using HTML CSS & Javascript (Web Design Tutorial)
 
15:01
Hi friends, in this video you will learn how to create an animated sticky header using HTML, CSS and Javascript. We use the evenListener called 'scroll' on the window object. Link for the source code: https://github.com/Godsont/Animated-Sticky-Header I hope you have liked this video. Please subscribe to this channel.
Views: 6476 GTCoding
Create A Modal With Pure CSS | Registration Form | Web Design Tutorial
 
28:49
My Skillshare course (2 months free trial): https://skl.sh/2EOYY5G Hi friends, in this tutorial I will show you how to create a registration modal with CSS. We also look at adding animations to it. Modal is an integral part of most of the modern websites today. So, I hope this video is helpful. Link for Source Code: https://gist.github.com/Godsont/156afc5f3f098151a288eaea05956c17 If you like this video, please click on the LIKE button and don't forget to SUBSCRIBE to this channel to get the latest video updates.
Views: 20001 GTCoding
How to quickly create a website using HTML and CSS (Images) - Part 4
 
10:07
In this video, you will learn how to include images in your HTML document (the 'img' tag and its attributes). Please SUBSCRIBE if you want to know about the latest videos. Also don't forget to LIKE this video.
Views: 13041 GTCoding
Creating A Custom WordPress Theme | style.css File
 
09:32
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ Hi friends, in this video, you will learn how to get started with creating your custom theme with WordPress. In the previous videos, I have designed the complete responsive website using HTML, CSS, and JS. You can find the playlist here: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ If you liked this video, click on the LIKE button and subscribe to this channel to get the latest video notifications
Views: 1528 GTCoding
Host Your Website For Free in 2019 | GitHub Pages
 
04:37
In this video, I show you how to host your website for free using GitHub Pages. GitHub Pages is a great way for hosting websites. You can turn your repositories into GitHub Pages by selecting the branch in the settings tab. You can also add a custom domain to this. So, go ahead and try it out. It is free. Link for the HomePage tutorial: https://www.youtube.com/watch?v=SVURFMj7TD4 Create a complete responsive WordPress website: https://www.youtube.com/watch?v=KIo2sV0EXOY Subscribe to this channel for latest video updates. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9
Views: 865 GTCoding
21 Best Tips & Shortcuts for VS Code | GTCoding
 
15:30
Today I am going to share with you my 21 best tips and shortcuts for VS Code which will help you be more productive in your web development tasks. Getting to know your code editor is a crucial thing in a developers life. VS Code is a popular code editor. It is packed up with a plethora of amazing features which I love a lot. I have been using it for quite some time now. This video will help you make the most out of VS Code. If you want to download VS Code, you can do it from here: https://code.visualstudio.com Video on Emmet: https://www.youtube.com/watch?v=mnPs1QPb_fA If you liked this video please give this video a thumbs up. Comment down below for any questions that you have. Thanks for watching. SUBSCRIBE for more. Links for more shortcuts: Windows: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf Mac: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-macos.pdf Linux: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-linux.pdf Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9 ------------------------------------------------------------ Music from https://filmmusic.io: "Fantasia Fantasia" by Kevin MacLeod (https://incompetech.com) Licence: CC BY (http://creativecommons.org/licenses/by/4.0/) #VSCode
Views: 1743 GTCoding
How To Embed YouTube Video Into Website
 
09:56
Hi friends, in this video you will learn how to embed YouTube video into your website (webpage). It is a really easy process. You can control some options in the video player as well. So, if you liked this video don't forget to like and share. If you have any queries you can comment down below. Source Code: https://gist.github.com/Godsont/7933aa7cc5bbb98834dc384c38b2bf00 Subscribe to this channel for more videos.
Views: 3869 GTCoding
Responsive Mobile Dropdown Navigation Tutorial | Web Design Tutorial
 
18:41
Hi friends, in this video you will learn how to create a responsive mobile dropdown navigation using HTML, CSS and Javascript. I already have a video on creating a dropdown navigation using Flexbox, but in this video we are going to add responsiveness to it and make it work on mobile devices as well. We are having the same HTML markup that we had for the desktop navigation menu. We are adding some media queries and also some JavaScript to make it work on mobile. You will also learn how to execute your JavaScript only when there are media queries applied. If you don't know much about JavaScript you can watch my playlist on Javascript: https://www.youtube.com/playlist?list=PL0-e1OMq5RP5liYpfTl0dUFaZdPNAbjav
Views: 2651 GTCoding
Operators in Javascript - Part 1 | Web Development Tutorial
 
17:04
Hi friends, in this video I am going to explain to you what are operators in Javascript. Javascript is a popular scripting language that can be used to give life to a website. There are a lot of operators in Javascript. So I decided to make two videos about it. In this first video, I will explain to you all the commonly used operators in Javascript. In this part, you will learn about arithmetic, logical, comparison and assignment operators. If you have any doubts, you can mention them in the comments section below. I hope this video was useful to you. If you liked this video, please click on the LIKE button. If you want to see such type of content in the future, please consider SUBSCRIBING. Thanks.
Views: 1428 GTCoding
Adding JavaScript To Front Page | Web Development Tutorial - UI Design
 
06:42
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ Hi friends, in this video I show you how to add #JavaScript to the home page of the website and add some functionalities for the search icon and menu icon. This video is part of a web development series: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ Please SUBSCRIBE for more
Views: 1857 GTCoding
Write Faster HTML and CSS with Emmet
 
19:27
Hi friends, in this video you will learn about emmet. Emmet is basically a tool for web developers to make writing HTML an CSS faster. It can really save you a lot of your time so that you could focus more on the design concept rather than writing the whole HTML and CSS all by yourself. This was a requested video. If you want me to cover some specific topics you can let me know in the comments section below. I will try to cover them if possible. If you have not subscribed to this channel, please do so. Link of Emmet Cheatsheet: https://docs.emmet.io/cheat-sheet/
Views: 2562 GTCoding
User Interface Design - Part I | Front Page Markup
 
17:46
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ Hi friends, this is the first video in the second module of our web development series. In this video, I write the markup of the front page of the website. This video is all about writing HTML. In the last video, we did some research and planning about the website. In the next video, we will complete the CSS of the webpage. Hope you like it. If you have any doubts, you can ask in the comments. Subscribe to get the latest video updates.
Views: 4919 GTCoding
Creating A Custom WordPress Theme - 2 (linking CSS and JS files)
 
12:06
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ In this video, you will learn how to link your CSS and JavaScript files to your custom WordPress theme. We will be using WordPress hooks to get it done. There are functions like wp_enqueue_style and wp_enqueue_script in which you have the provide the necessary arguments. After that, you need to add an action with the add_action() method. If you have not watched my previous video, you should definitely watch it. Here is the link: https://www.youtube.com/watch?v=LannleBDk-g Here is the link for the complete playlist: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ We will also learn how to create and add header.php and footer.php files to the index.php file. Subscribe to this channel to get the notifications about the latest videos. Thanks for watching.
Views: 916 GTCoding
How To Use Google Web Fonts In Your Website Design
 
07:15
Google web fonts is a great resource for free fonts. Google Fonts has a lot of features in its UI that you can select the exact font you want. You can also type your own text and see how it looks in a specific font. You don't need to download the font. You can just copy and paste a line of code in your html or css file and start using the font right away. Some of the advantages of Google Fonts are: 1. Google Fonts are free for commercial use. 2. You can even download the fonts to be used in Print Design. 3. There is no issue of licencing. 4. They are easy to implement. 5. It shows you the loading time when using fonts. This can help you choose the right amount of fonts. 6. There are different languages available in Google Fonts. If you liked this video don't forget to click on the LIKE button. If you want more videos please SUBSCRIBE to this channel. If you have any doubts please comment down below.
Views: 590 GTCoding
CSS Animations Tutorial - Part II (animation Property)
 
14:48
In this video we learn about CSS animation property and the different attributes that it has which we can use to create awesome animations for our website. I explain all the options that we have in the animation property so that you can create all the complex animations that you want for your webpage. In the next video in this series I will show you a demo of creating a cool animation effect. Please post your questions in the comments section below. You can also contact me on my FB page: https://www.facebook.com/gtcoding Hope you liked this video, if so please give it a thumbs up. And SUBSCRIBE to this channel to get the latest updates. Thank you.
Views: 1039 GTCoding
The Famous WordPress Loop | WordPress Theme Development
 
12:01
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ Hi, in this video, you will learn how to retrieve posts from the database in a custom WordPress theme. You will also learn about custom WordPress queries by creating our own object instance of WP_Query. Here is the link for a pre-requisite PHP video: https://www.youtube.com/watch?v=heEtXxPQz7s Here is the link for the complete playlist: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ Hope you liked this video. Please subscribe for more. Thanks. #WordPress #Theme #Development
Views: 637 GTCoding
How To Create A Website - HTML Forms Basics (Part 7)
 
13:41
Hi friends, in this video you will learn about HTML form elements. This video will show you how to design some of the common form elements using HTML. HTML forms are used to collect information from the visitor of the website (for purposes like user registration or user authentication). CSS can be used along with these to make the form look the way you want. If you like this video don't forget to click on the LIKE button. I really appreciate that. And don't forget to SUBSCRIBE to get the latest updates about the videos. Thanks for watching.
Views: 4268 GTCoding
How To Create Responsive Website Using HTML And CSS | Web Designing Tutorial
 
23:23
Hi friends, this is a continuation video of the Dropdown Navigation Menu Video. In this video, we explore how to create a responsive webpage, where the webpage will look different based on the device that the visitor is using (smartphone or desktop usually). This type of navigation menu is also called Accordion. Source Code: https://gist.github.com/Godsont/686655e3b283d5178c6a1c4e5c67d668 Hope this video was helpful to you. Please LIKE this video and share it with your friends. And don't forget to SUBSCRIBE to this channel to get notified about the latest video uploads.
Views: 4238 GTCoding
How To Create A Website | HTML Forms | Fieldset, Legend, Label (Part 8)
 
07:39
In this video, I am going to show you how you can improve the HTML form that we created in the previous video. You will be introduced to the tags: fieldset, label, legend and learn how to improve your HTML forms. In the next video we will be adding some CSS. The previous video: https://www.youtube.com/watch?v=i4wfgD0PtRE If you like this video, click on the LIKE button. And don't forget to SUBSCRIBE to get the latest updates about the future videos.
Views: 3040 GTCoding
Creating the Front Page | WordPress Theme Development
 
17:25
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ In this video, you will learn how to fetch blogs and other post types from the WordPress database to your front page. You will also learn how to set a customized front page for your WordPress website. If you haven't watched the previous video please watch it to understand this better. Here is the link to the previous video: https://www.youtube.com/watch?v=mI4A6O45MZ8 Here is the link for the complete playlist: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ Hope you like it. Subscribe for more. #WordPress #Theme #Development
Views: 1463 GTCoding
How To Design An Awesome Contact Form Animation using HTML5 CSS & JS
 
16:38
In this video, you will learn how to design an awesome looking contact form using HTML5, CSS and JavaScript. We will also add an animation to the placeholder of the input fields when being focused. HTML form is an essential part of a website because it is used in contact forms, registration forms, subscription box and more. So, learning to design a form can be really useful for you. This video is just regarding the design of the form. In the next videos we will take a look at validating the form, inserting data into the database and also sending an email using the form. So, I hope you guys like this video. If you have any doubts, feel free to ask in the comments below. Source Code: https://github.com/Godsont/Awesome-HTML-Form ------------------------------------------------------------ Music from https://filmmusic.io: "Tech Live" by Kevin MacLeod (https://incompetech.com) Licence: CC BY (http://creativecommons.org/licenses/by/4.0/)
Views: 698 GTCoding
PHP Data Objects Introduction
 
09:13
Links for the complete course: Udemy: https://www.udemy.com/learn-pdo-by-creating-a-crud-website/?couponCode=PDO_GTC_10 Skillshare (2 months free): https://skl.sh/2EOYY5G
Views: 106 GTCoding
Document Object Model (DOM) - An Introduction
 
03:49
In this video you will learn about DOM (Document Object Model). It is basically a programming interface using which we can access and manipulate the elements in an HTML document. I hope that this video was useful to you. Subscribe to this channel for the latest video updates.
Views: 431 GTCoding
How To Create A Website | Designing A Form using HTML & CSS Demo (Part 9)
 
19:27
A BIG 'THANK YOU' TO ALL THE 500+ SUBSCRIBERS! In this video, you will learn how to design a complete HTML form by styling it with CSS. HTML forms are ways for web admins to collect information from the user for purposes like user registration, login authentication and such. I have taken the basic structure of the form that we created in the previous video and tried to make it better. Web Designing Playlist : https://www.youtube.com/watch?v=jwK7D3KWNsw&list=PL0-e1OMq5RP5tbyjxEfCNg_DC_brR0PPY Previous Video: https://www.youtube.com/watch?v=8FcBvDHEIC8&list=PL0-e1OMq5RP5tbyjxEfCNg_DC_brR0PPY&index=8 If you like this video please click on the LIKE button. If you would like to see such videos in the future you can SUBSCRIBE to this channel. If you find this video useful you can SHARE this video with your friends and those who are beginners in Web Designing.
Views: 3529 GTCoding
Responsive Navigation Menu using HTML, CSS & JavaScript | Web Designing Tutorial
 
29:32
In this video, I will show you how to create a Responsive Navigation Menu using HTML, CSS, and JavaScript. I hope you will learn something new in this video. Source Code: https://github.com/Godsont/Responsive-Nav-Menu-JS
Views: 1250 GTCoding
Back To Top (Scroll To Top) Button Using HTML5, CSS and JavaScript
 
07:38
Hi, in this video, you will learn how to design a back to top (scroll to top) button using HTML5, CSS and JavaScript. The scroll to top button is used in most of the websites today because a lot of websites have become single page websites. It makes it easy for the visitor to get back to the top (home) of the website. I hope this tutorial will be helpful to you. Thanks. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9 Emmet Video: https://www.youtube.com/watch?v=mnPs1QPb_fA Source Code: https://github.com/Godsont/Back-To-Top-Button
Views: 213 GTCoding
CSS Animations - Part 1 (Transitions) | Web Designing Tutorial
 
27:13
Hi friends, in this video you learn how to use the transition property in CSS and make your website more interactive. You can create countless effects to your divisions using transitions. I walk you through some of the examples which are being used in most of the websites today. This is the first part of the CSS Animations Series. This video is all about transitions. In the next video, I will explain how to use the animation property in CSS which gives you more control over your animation. Hope you like this web designing tutorial. Link for the source: https://gist.github.com/Godsont/efe6deea46efa82cb0c650c0255047f5
Views: 2119 GTCoding
Learn PHP Programming
 
38:25
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ In this video, you will learn #PHP in 38 minutes (at least get started with most of the basics). PHP is a server-side language that can be used to create dynamic websites. You can create almost any type of website using PHP. But in this video, I just talk about the basics, so that you could get started right away and learn the advanced stuff if you need to. In the previous video, I have shown you how to design a completely responsive website using HTML5 CSS an JavaScript. If you have not watched it, please check out this playlist: https://www.youtube.com/watch?v=7QC9pQXdlMc&list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ
Views: 2420 GTCoding
How To Add Video As Background In Homepage | Web Design Tutorial
 
14:59
In this video you will learn how to add a video as a background for your homepage. This can be done using the video tag in HTML5. Hope you like it. Source Code: https://gist.github.com/Godsont/374b7bd7edaedc3727137665e4bbc757
Views: 755 GTCoding
Create A Responsive Webpage with Flexbox
 
19:54
In this video you will learn how to design a responsive webpage using Flexbox in CSS3. Flexbox is an easy way to design complex layouts. If you are stuck with any Flexbox property you can watch my video on the basics of Flexbox: https://www.youtube.com/watch?v=0Azm2cyRmFk Link for source: https://github.com/Godsont/Responsive-Flexbox-Page If you liked this video, press the LIKE button. Don't forget to subscribe to this channel for latest video updates. Thanks.
Views: 726 GTCoding
Designing 6 Faces of Dice using Flexbox - TIMELAPSE
 
07:08
Hi, this is just a fun timelapse video of designing the 6 faces of a dice using flexbox. Hope you like it. "Fretless" Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License http://creativecommons.org/licenses/by/3.0/ Source code: https://github.com/Godsont/Dice-Using-Flexbox Subscribe to get the latest video updates.
Views: 285 GTCoding
Custom 404 Page in WordPress | GTCoding
 
04:35
Design: https://github.com/Godsont/Responsive-Website-Design Custom Theme Source Code: https://gtcoding.net/product/gtcoding-wp-custom-theme/ In this video, you will learn how to create your own custom 404 page for your WordPress custom theme. I hope you like it. Link for the complete playlist: https://www.youtube.com/playlist?list=PL0-e1OMq5RP4LVmPKRljF5vAU3-Jx3yWQ
Views: 458 GTCoding
Text Masking with Background Video | CSS | SVG
 
09:18
In this video you will learn how to use SVG to mask text so that you can see the background video that you set only though the heading that your provide. This is a pretty cool effect to use in your website. This effect requires you have a video file for the background. We are also using a Google Font called Raleway. If you liked this video please give this video a thumbs up. Comment down below for any questions that you have. Thanks for watching. SUBSCRIBE for more. Source Code: https://github.com/Godsont/Text-Mask-Using-SVG Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9 ------------------------------------------------------------ Music in this video: Werq Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License http://creativecommons.org/licenses/by/3.0/
Views: 238 GTCoding
Responsive Animated Header Design - Part I (The Markup)
 
10:31
Hi everyone, in this video I have shown you how to design a responsive animated header for your website. I have just written the markup using HTML5 in this video. This is going to be a three-part video series. In the next part, we will add the styles for the webpage and in the last part, we will add the JavaScript for the animated header. Animated headers and sticky headers are used a lot in modern websites. So, knowing how to design them can be really useful to you. We will be using Flexbox in CSS to change the layout of the animated header. Hope you guys like it. Please share it and comment down your thoughts. SUBSCRIBE. Check out my Udemy Course: https://www.udemy.com/design-a-complete-responsive-business-website-from-scratch/?couponCode=GTC_WEBD_9 ---------------------------------------------------- Music from https://filmmusic.io: "Tech Live" by Kevin MacLeod (https://incompetech.com) Licence: CC BY (http://creativecommons.org/licenses/by/4.0/)
Views: 487 GTCoding
How To Create Live Search Using PHP and Fetch API from MySQL Database | GTCoding
 
26:27
Hi, in this video you will learn how to create a live search mechanism using PHP and Fetch API in JavaScript. Live Search is used in many websites for retrieving data from the MySQL database without refreshing the page. This functionality of live search can be used to search for data, checking whether the username or email is already available in the database, search suggestions, etc and more. We will use the Fetch API which was introduced in the ES6 for our live search. We will be using PDO (PHP Data Objects) in PHP to connect to the database securely. Source Code: If you liked this video please give it a thumbs up. Subscribe if you haven't already.
Views: 527 GTCoding
Social Media Share Buttons using Fontawesome | Web Development Tutorial
 
13:28
Hi friends, in this video we are going to look at how to create a set of social media share buttons for a website which when clicked can share the link of your website by the visitor of the page. In this tutorial I have used fontawesome which is a great tool for using icons for a plethora of different situations. I hope you like this video and if you want more click on the SUBSCRIBE button. Link to the source code: https://gist.github.com/Godsont/6388bc5ddde64236013738b67af43412
Views: 719 GTCoding
Loops in Javascript (for, while, do...while)
 
07:03
Hi, in this video you will learn how to use loops in Javascript. The loops that you will learn are for loop, while loop and do... while loop. There are different reasons to use different types of loops in a programming language. Knowing what a specific loop does makes it easier for you to make a decision of choosing which loop to use. Loops can be used to write some lines of code where the lines of code are executed repeatedly. They are used in almost all applications. Hope you liked this video. Please Like, Share, Subscribe. If you have any doubts you have ask in the comments section below.
Views: 132 GTCoding