Learn Html pinned «HTML ROADMAP 👇👇 1. FUNDAMENTALS 1.1 How the browser parses HTML files. 1.2 Syntax of an HTML element: open and closing tag, element name, attributes, content. 1.3 Learn the structure of an HTML document, <html> <head> <title> & <body> elements. 1.4 Learn…»
Learn Html
HTML ROADMAP 👇👇 1. FUNDAMENTALS 1.1 How the browser parses HTML files. 1.2 Syntax of an HTML element: open and closing tag, element name, attributes, content. 1.3 Learn the structure of an HTML document, <html> <head> <title> & <body> elements. 1.4 Learn…
1. Fundamentals:
1.1 [https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work#parsing]
1.2 [https://w3schools.com/html/html_elements.asp]
1.3 [https://htmlquick.com/tutorials/document-structure.html]
1.4 [https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML]
2. Semantic HTML:
2.1 [https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantic_elements]
2.2 [https://freecodecamp.org/news/semantic-html5-elements/]
3. [https://w3.org/TR/2016/REC-html51-20161101/grouping-content.html#the-p-element]
4.1 [https://w3schools.com/html/html_formatting.asp]
4.2 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#text_content]
4.3 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics]
Links:
5. [https://html.com/anchors-links/]
6.Images:
6.1 [https://w3schools.com/html/html_images.asp]
6.2 [https://w3schools.com/tags/tag_img.asp]
6.3 [https://web.dev/lazy-loading-images/]
6.4 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture]
6.5 [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images]
7. Form Elements:
7.1 [https://w3schools.com/html/html_form_elements.asp]
7.2 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event]
7.3 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event]
7.4 [https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault]
7.5 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event]
8.1 [https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_structure_a_web_form]
8.3 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attributes_for_form_submission]
8.4. [https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation]
8.5 [https://w3schools.com/tags/att_button_type.asp]
8.6 [https://w3schools.com/tags/att_input_type_reset.asp]
9. Events:
9.1. [https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event]
9.2 [https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload]
9.3 [https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onunload]
9.4 [https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onresize]
9.5 [https://section.io/engineering-education/keyboard-events-in-javascript/]
9.6
[https://javascript.info/mouse-events-basics]
11. Window Object:
11.1 [https://youtube.com/watch?v=ZJng8ls8uH0]
11.1 [https://youtube.com/watch?]
11.1 [https://youtube.com/watch?v=pIBKyooZrJQ]
11.2 [https://developer.mozilla.org/en-US/docs/Web/API/Window/pageYOffset]
11.3 [https://javascript.info/settimeout-setinterval]
11.4 [https://youtube.com/watch?v=HIWWBHB3xHY]
11.5 [https://samanthaming.com/tidbits/86-window-location-cheatsheet/]
12. APIS:
12.1 [https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API]
12.2 [https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams]
12.3 [https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API]
12.4 [https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API]
12.5 [https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API]
12.6 [https://developer.mozilla.org/en-US/docs/Web/API/History_API]
12.7 [https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API]
12.8 [https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API]
12.9 [https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API]
Full list of HTML elements:
[https://developer.mozilla.org/en-US/docs/Web/HTML/Element]
1.1 [https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work#parsing]
1.2 [https://w3schools.com/html/html_elements.asp]
1.3 [https://htmlquick.com/tutorials/document-structure.html]
1.4 [https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML]
2. Semantic HTML:
2.1 [https://developer.mozilla.org/en-US/docs/Glossary/Semantics#semantic_elements]
2.2 [https://freecodecamp.org/news/semantic-html5-elements/]
3. [https://w3.org/TR/2016/REC-html51-20161101/grouping-content.html#the-p-element]
4.1 [https://w3schools.com/html/html_formatting.asp]
4.2 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#text_content]
4.3 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element#inline_text_semantics]
Links:
5. [https://html.com/anchors-links/]
6.Images:
6.1 [https://w3schools.com/html/html_images.asp]
6.2 [https://w3schools.com/tags/tag_img.asp]
6.3 [https://web.dev/lazy-loading-images/]
6.4 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture]
6.5 [https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images]
7. Form Elements:
7.1 [https://w3schools.com/html/html_form_elements.asp]
7.2 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLFormElement/submit_event]
7.3 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event]
7.4 [https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault]
7.5 [https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event]
8.1 [https://developer.mozilla.org/en-US/docs/Learn/Forms/How_to_structure_a_web_form]
8.3 [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form#attributes_for_form_submission]
8.4. [https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation]
8.5 [https://w3schools.com/tags/att_button_type.asp]
8.6 [https://w3schools.com/tags/att_input_type_reset.asp]
9. Events:
9.1. [https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event]
9.2 [https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload]
9.3 [https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onunload]
9.4 [https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onresize]
9.5 [https://section.io/engineering-education/keyboard-events-in-javascript/]
9.6
[https://javascript.info/mouse-events-basics]
11. Window Object:
11.1 [https://youtube.com/watch?v=ZJng8ls8uH0]
11.1 [https://youtube.com/watch?]
11.1 [https://youtube.com/watch?v=pIBKyooZrJQ]
11.2 [https://developer.mozilla.org/en-US/docs/Web/API/Window/pageYOffset]
11.3 [https://javascript.info/settimeout-setinterval]
11.4 [https://youtube.com/watch?v=HIWWBHB3xHY]
11.5 [https://samanthaming.com/tidbits/86-window-location-cheatsheet/]
12. APIS:
12.1 [https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API]
12.2 [https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams]
12.3 [https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API]
12.4 [https://developer.mozilla.org/en-US/docs/Web/API/Resize_Observer_API]
12.5 [https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API]
12.6 [https://developer.mozilla.org/en-US/docs/Web/API/History_API]
12.7 [https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API]
12.8 [https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API]
12.9 [https://developer.mozilla.org/en-US/docs/Web/API/Notifications_API]
Full list of HTML elements:
[https://developer.mozilla.org/en-US/docs/Web/HTML/Element]
Learn Html pinned «1. Fundamentals: 1.1 [https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work#parsing] 1.2 [https://w3schools.com/html/html_elements.asp] 1.3 [https://htmlquick.com/tutorials/document-structure.html] 1.4 [https://developer.mozilla.org/en…»
This media is not supported in your browser
VIEW IN TELEGRAM
Replace http://github.com with http://github.dev or just press "."(dot) on any GitHub repo to get access to the online VSCode Editor
#Github #VSCODE
#Github #VSCODE
Payment and address form best practices
#html
https://web.dev/payment-and-address-form-best-practices/
#html
https://web.dev/payment-and-address-form-best-practices/
Top 12 HTML Tags You Had No Idea Existed
https://javascript.plainenglish.io/top-12-html-tags-you-had-no-idea-existed-20e9be5208a8
https://javascript.plainenglish.io/top-12-html-tags-you-had-no-idea-existed-20e9be5208a8
Forwarded from Learn Web Development
HTML elements that are considered deprecated, and new alternatives
https://blog.logrocket.com/deprecated-html-elements-and-what-to-use-instead/
#html #deprecated
https://blog.logrocket.com/deprecated-html-elements-and-what-to-use-instead/
#html #deprecated
We thank this person for supporting us a lot and being a part of us
We wish we get his/her support forever.
We wish we get his/her support forever.
Forwarded from Programming World👨💻
Roadmaps by roadmap.sh
Frontend : https://roadmap.sh/frontend
Backend : https://roadmap.sh/backend
Devops : https://roadmap.sh/devops
Reactjs : https://roadmap.sh/react
Android : https://roadmap.sh/android
Angular : https://roadmap.sh/angular
Python : https://roadmap.sh/python
Golang : https://roadmap.sh/golang
Java : https://roadmap.sh/java
Frontend : https://roadmap.sh/frontend
Backend : https://roadmap.sh/backend
Devops : https://roadmap.sh/devops
Reactjs : https://roadmap.sh/react
Android : https://roadmap.sh/android
Angular : https://roadmap.sh/angular
Python : https://roadmap.sh/python
Golang : https://roadmap.sh/golang
Java : https://roadmap.sh/java
🔰 FREE UDEMY COUPONS 🔰
➼ https://www.discudemy.com
➼ http://Real.discount
➼ https://udemycoupon.learnviral.com
➼ https://couponscorpion.com
➼ https://udemyfreebies.com
➼ http://udemycoupon.discountsglobal.com
➼ comidoc.net
➼ app.real.discount
➼ 100offdeal.online
➼ udemyfreecourses.org
➼ tutsnode.net
➼ smartybro.com
NOTE:
> These Sites Refresh Everyday.
> If any of the coupon doesn't work, use VPN ✈️
➼ https://www.discudemy.com
➼ http://Real.discount
➼ https://udemycoupon.learnviral.com
➼ https://couponscorpion.com
➼ https://udemyfreebies.com
➼ http://udemycoupon.discountsglobal.com
➼ comidoc.net
➼ app.real.discount
➼ 100offdeal.online
➼ udemyfreecourses.org
➼ tutsnode.net
➼ smartybro.com
NOTE:
> These Sites Refresh Everyday.
> If any of the coupon doesn't work, use VPN ✈️
Hello people ,
I found an app to earn money without doing anything .
So here I am with this app which will work on Android , Mac os and windows
You can sign up with my referral and get 5$ without any loss on your side . Or you can simply sign up and get nothing ...
It's upon you .
So what is this app ?
-> The name is honeygain .
It basically uses your leftover internet to do things ( everything is legal so no
worries ) and give you credits in return which you can redeem for real money .
You simply have to turn it on once while using your device . It will automatically earn for you .
Isn't it awesome ?
Sign up : https://r.honeygain.me/PAVAN607D1
( and get free 5$ )
If you have more doubts , you can visit their site . It's 100% real and authentic . Also lots of proofs is available on YouTube .
Best wishes😇❤️
I found an app to earn money without doing anything .
So here I am with this app which will work on Android , Mac os and windows
You can sign up with my referral and get 5$ without any loss on your side . Or you can simply sign up and get nothing ...
It's upon you .
So what is this app ?
-> The name is honeygain .
It basically uses your leftover internet to do things ( everything is legal so no
worries ) and give you credits in return which you can redeem for real money .
You simply have to turn it on once while using your device . It will automatically earn for you .
Isn't it awesome ?
Sign up : https://r.honeygain.me/PAVAN607D1
( and get free 5$ )
If you have more doubts , you can visit their site . It's 100% real and authentic . Also lots of proofs is available on YouTube .
Best wishes😇❤️
Creating page loader animations with Tailwind CSS
https://dev.to/koddr/you-dont-need-svg-creating-animated-loaders-for-content-with-tailwind-css-2cf0
---
Explanation of some properties of Flexbox CSS
https://dev.to/snowbit/flexbox-properties-3nd3
---
Tips for creating the correct HTML page structure
https://javascript.plainenglish.io/structuring-html-pages-the-right-way-3daddbce6320
---
Some HTML elements that are considered deprecated and other alternatives for their replacement
https://blog.logrocket.com/deprecated-html-elements-and-what-to-use-instead/
#tailwind #css #html
https://dev.to/koddr/you-dont-need-svg-creating-animated-loaders-for-content-with-tailwind-css-2cf0
---
Explanation of some properties of Flexbox CSS
https://dev.to/snowbit/flexbox-properties-3nd3
---
Tips for creating the correct HTML page structure
https://javascript.plainenglish.io/structuring-html-pages-the-right-way-3daddbce6320
---
Some HTML elements that are considered deprecated and other alternatives for their replacement
https://blog.logrocket.com/deprecated-html-elements-and-what-to-use-instead/
#tailwind #css #html
Forwarded from Learn JavaScript™
Today it looks like Udemy is again discounted to ₹455/ $14.99 for all Courses. Maybe it coincides with today's 11.11 event, so there will be a discount class. One of the recommended classes at this event is the newly released class from Maximillian and Academind, with very complete material, more complete than Bootcamp. This class is named "
1. Maximilian Schwarzmüller
2. Colt Steele
3. Angela Yu
4. Jonas Schmedtmann
5. Stephen Grider
6. Brad Traversy
7. The Net Ninja (Shaun Pelling)
8. Andrei Neagoie
9. Andrew Mead
#course #udemy #Discount
100 Days Of Code - Web Development Bootcamp [2022]" The Udemy class mentors that I think are recommended and worth checking their classes are: 1. Maximilian Schwarzmüller
2. Colt Steele
3. Angela Yu
4. Jonas Schmedtmann
5. Stephen Grider
6. Brad Traversy
7. The Net Ninja (Shaun Pelling)
8. Andrei Neagoie
9. Andrew Mead
#course #udemy #Discount
Forwarded from Programming World👨💻
Expanding Google Summer of Code in 2022
Now it's open for everyone🥳
https://opensource.googleblog.com/2021/11/expanding-google-summer-of-code-in-2022.html?m=1
Now it's open for everyone🥳
https://opensource.googleblog.com/2021/11/expanding-google-summer-of-code-in-2022.html?m=1