- Видео 45
- Просмотров 2 817 418
Julio Codes
США
Добавлен 19 ноя 2018
Julio Codes, focusing on teaching you how to code the web with a project based learning approach.
HTML tutorial for complete beginners: Metadata
Want to learn how to build websites? Then this is the tutorial for you. In this video series, I am going to teach you HTML from scratch. Over the next several videos you will learn the basics of HTML as well as advanced concepts. Upon completion of this video series you will have a solid understanding of what HTML is and how it works.
Lesson 2 covers the HTML head element and metadata.
☕ Buy me a coffee
Feeling a little generous? Buy me a coffee 😊
🔗 www.buymeacoffee.com/juliocodes
🌐 Hostinger
Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code.
🔗 hostinger.com/juliocodes
Discount code: JULIOCODES
🔔 Subscribe...
Lesson 2 covers the HTML head element and metadata.
☕ Buy me a coffee
Feeling a little generous? Buy me a coffee 😊
🔗 www.buymeacoffee.com/juliocodes
🌐 Hostinger
Get affordable domain and web hosting service with Hostinger. Save up to 91%* off your entire order by using the link below and my coupon code.
🔗 hostinger.com/juliocodes
Discount code: JULIOCODES
🔔 Subscribe...
Просмотров: 2 658
Видео
HTML tutorial for complete beginners: The document structure
Просмотров 1,5 тыс.Год назад
Want to learn how to build websites? Then this is the tutorial for you. In this video series, I am going to teach you HTML from scratch. Over the next several videos you will learn the basics of HTML as well as advanced concepts. Upon completion of this video series you will have a solid understanding of what HTML is and how it works. Lesson 1 covers the HTML document structure as well as insta...
How to build a website with animations like a pro using HTML, CSS & JavaScript
Просмотров 12 тыс.Год назад
In this lesson we will use HTML, CSS, and JavaScript to animate a website from scratch. Upon completion, you will understand how to utilize CSS grid template areas, keyframes, as well as JavaScript animations on mouse move. ☕ Buy me a coffee Become a member and access the premium SCSS source code for my responsive layout templates for free. 🔗 www.buymeacoffee.com/juliocodes 🌐 Hostinger Get affo...
The only CSS animations course you'll ever need | Trailer and giveaway
Просмотров 2,9 тыс.Год назад
I've been working on this premium course for the past few months and I am happy to say that it's finally nearing completion. The course will teach you everything that you need to know to get started with CSS animations. I will guide you step by step as we learn about CSS transition, keyframes, transform, positioning, pseudo-elements, and more. You will also get to see my thought process and how...
Build a responsive NFT marketplace website with animations | HTML5 and CSS3 Tutorial
Просмотров 7 тыс.2 года назад
In this lesson we will use HTML, CSS, and JavaScript to build a mobile first responsive NFT marketplace website. We will also be utilizing the ScrollReveal library to add on scroll animations. Upon completion, you will have an understanding of how to build layouts using CSS Flexbox and Grid. ☕ Buy me a coffee Become a member and access the premium SCSS source code for my responsive layout templ...
Let's Build A Clone Of The Discord Nitro Website With HTML, SCSS & JavaScript!
Просмотров 7 тыс.2 года назад
Let's Build A Clone Of The Discord Nitro Website With HTML, SCSS & JavaScript!
Build a responsive personal portfolio website using HTML, CSS & JavaScript
Просмотров 11 тыс.2 года назад
Build a responsive personal portfolio website using HTML, CSS & JavaScript
Build A Responsive Food Delivery Service Website With HTML & CSS 2022
Просмотров 21 тыс.2 года назад
Build A Responsive Food Delivery Service Website With HTML & CSS 2022
Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS
Просмотров 16 тыс.2 года назад
Build And Deploy A Responsive Personal Portfolio Website For Free | HTML & CSS
How to build an accordion dropdown with HTML, CSS, and JavaScript
Просмотров 3,9 тыс.2 года назад
How to build an accordion dropdown with HTML, CSS, and JavaScript
Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial
Просмотров 15 тыс.2 года назад
Build A Responsive Dashboard Website With HTML, CSS, and JavaScript | Full Tutorial
Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial
Просмотров 13 тыс.2 года назад
Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial
Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial
Просмотров 12 тыс.2 года назад
Build A Responsive Travel Website With HTML, CSS, and JavaScript | Full Tutorial
I Cloned Discord's Website User Interface Using CSS Grid
Просмотров 24 тыс.3 года назад
I Cloned Discord's Website User Interface Using CSS Grid
Build A Responsive Website With Animations | HTML & CSS Tutorial
Просмотров 49 тыс.3 года назад
Build A Responsive Website With Animations | HTML & CSS Tutorial
Build a Responsive Hotel Website | HTML and CSS Tutorial
Просмотров 30 тыс.4 года назад
Build a Responsive Hotel Website | HTML and CSS Tutorial
Build a Responsive Hotel Website | HTML and CSS Tutorial
Просмотров 20 тыс.4 года назад
Build a Responsive Hotel Website | HTML and CSS Tutorial
Build a Responsive Hotel Website | HTML and CSS Tutorial
Просмотров 27 тыс.4 года назад
Build a Responsive Hotel Website | HTML and CSS Tutorial
Build a Responsive Hotel Website | HTML and CSS Tutorial
Просмотров 102 тыс.4 года назад
Build a Responsive Hotel Website | HTML and CSS Tutorial
How to Set Up Live Server and Browser Auto Refresh In Visual Studio Code
Просмотров 365 тыс.4 года назад
How to Set Up Live Server and Browser Auto Refresh In Visual Studio Code
How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial
Просмотров 28 тыс.4 года назад
How To Make a Website Landing Page With GSAP Animations | HTML and CSS Tutorial
Parallax Scrolling Effect Using JavaScript | HTML and CSS Tutorial
Просмотров 42 тыс.4 года назад
Parallax Scrolling Effect Using JavaScript | HTML and CSS Tutorial
Build a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
Просмотров 314 тыс.4 года назад
Build a Responsive Website with Animations | HTML 5 and CSS 3 Tutorial
Responsive Image Gallery Layout using CSS Grid | HTML and CSS Tutorial
Просмотров 91 тыс.4 года назад
Responsive Image Gallery Layout using CSS Grid | HTML and CSS Tutorial
Build a Responsive News Blog Post Card | HTML and CSS Tutorial
Просмотров 86 тыс.4 года назад
Build a Responsive News Blog Post Card | HTML and CSS Tutorial
Responsive Apple Website UI | HTML and CSS Tutorial
Просмотров 143 тыс.4 года назад
Responsive Apple Website UI | HTML and CSS Tutorial
Responsive Navigation with Animated Multi Level Dropdown | HTML and CSS Tutorial
Просмотров 93 тыс.4 года назад
Responsive Navigation with Animated Multi Level Dropdown | HTML and CSS Tutorial
Build a Complete Responsive Website | HTML and CSS Tutorial
Просмотров 320 тыс.5 лет назад
Build a Complete Responsive Website | HTML and CSS Tutorial
Responsive FAQ accordion dropdown | HTML and CSS Tutorial
Просмотров 93 тыс.5 лет назад
Responsive FAQ accordion dropdown | HTML and CSS Tutorial
Responsive Personal Portfolio Website [PART 2] | HTML and CSS Tutorial
Просмотров 57 тыс.5 лет назад
Responsive Personal Portfolio Website [PART 2] | HTML and CSS Tutorial
thanks bro I was having problems with live server thanks
thanks...its worked
JULIO! WHERE ARE YOU AT!!
thank you man
Live Reload is not possible without a head or body tag is what I keep getting. Funny as I'm smart enough to...YEP...have both fo these tags. I could be coding but instead I have to troubleshot a PoS extension created by morons.
It didn't work for me. I did everything the same but the accordion answer is never shown on clicked
thanks
thnak you bro
Thanks this actually helped me so I don't have to count on open live server - thx sm!
//HTML <p class="parrafo"><span class="task1">Representacion desde cero de una animacion</span><span class="task2">Representacion desde cero de una animacion</span><span class="task3">Representacion desde cero de una animacion</span><span class="task4">Representacion desde cero de una animacion</span></p> //CSS span{ --name: reveal; --duration: .5s; --animation-fill-mode: forwards; display: block; opacity: 0; animation: var(--name) var(--duration) var(-animation-fill-mode); margin-block-end: .3rem; } .task1{animation-delay: .5s} .task2{animation-delay: 1s} .task3{animation-delay: 1.5s} .task4{animation-delay: 2s} @keyframes reveal{ from { translate: 0 -20px; }to { translate: none; opacity: 1; } }
Thanks for helping
give code and then will subscribe
Thank you so much
Can you please post the whole code pleaseeeeeeeeeeee?
Thank you brotha
Hello sir i am facing an issue when i run live server it shows Server is Started at port : 5500 but the browser is not opening tried all the possible ways to fis the error but none works. please help me sir where can i contact you i will share my screenshots please guide me sir please.
Thank you man. You saved me!!!
thanks brooo
It would have been nice if you were decent enough to include the finished files. When doing the javascript for the hamburger menu, I have everything written exactly as you have in the video , and it doesn't work. My CSS file is letter for letter as you have it.
Thanks so much you for this code along series, learned a lot as a beginner !!!!!
ruclips.net/user/shortsiAqnLi0Sb3E?si=aYsxM58vP8HYKhcs
thank bro
plz help.. whenever i run my code in visual Studio, live server will make a new tab everytime..... Can i run code only in single tab of chrome is there any solution to this?
Hi Julio, this is a nice guide. It’s easy to follow along until we get into the .js side of things and my project falls apart😭
all of you start with that page already,,, I dont know what to open,,, bullshit! useless tutorials!!!!
JULIO WHERE YOU ARE!!!!!!!!!!!!!!
Niceeee
Thank you SO much, such a simple thing you would think but NO ONE had this solution! It was driving me crazy as I am in a coding bootcamp with a windows laptop! THANK YOU
Thank youuu sooo much 😢❤❤
Where we get such type of interactive side images ?
VERY THANK YOU BRO!!!!!
thanks
THank you * * * * *
Thank you Sir
Are they functionally equivalent? If so, why would you want the second one? The "beginner" is so much simpler and clearer
thanks
thank bro you fixed my problem
Thanks
Thanks, had trouble with actually opening the server
Cool theme..anyone know it's name ..I always end up with weird themes and colors
one of the best!
Many many thanks !!!!
Julio nice tutorial👌👌👌👌
so when you enter the destination and date, does it give the user the hotels available for that specific destination and time. Like if I randomly enter Cancun, will it give me hotels in Cancun? Or does it just give back the destinations you have hard-coded into it? Does the search button actually search or is it just for show?
It's a static project, so yes, the data is hard coded as opposed to being loaded in dynamically.
Thank you!!!
Thank you brother❤
you used JS too. title says only html and css
thanks bro
SOOO KOOOL AND EPIK🤯🤯🤯🤯🤯🥳🥳🥳🤪😜😛😛🤩🤩🤩🤩🤩🤩🤩
So where is the courses ? i would like to see what it is.