Learn Html
353 subscribers
101 photos
2 videos
34 files
263 links
All info and tutorial of Html
For HTML: @html_web_learn
For CSS: @CSS_web_learn
For JS: @JavaScript_js_learn
For PHP: @learn_php_web
For Programming courses @Programmingworld_dev
For CEH,Cybersec: @CyberPunk_anonymous
Download Telegram
Forwarded from Learn CSSโ„ข
Introduction to Flexbox CSS with Freecodecamp

https://www.freecodecamp.org/news/learn-css-flexbox/

#flexbox #css
Forwarded from Cyber Punkโ„ข
Everyone is talking about NFTs.

Only 0.001% of people understand their importance.

7 resources to understand NFTs โ†“

1. Ethereum(dot)org

Learn what NFTs are from the creators of Ethereum themselves.

A full guide about use-cases, technology, and common principles!

https://ethereum.org/en/nft/

2.Hashnode Web3

The ultimate guide to what NFTs are and why they matter + a step-by-step guide on how to mint your own NFTs.

https://web3.hashnode.com/how-to-mint-an-nft-a-step-by-step-guide-to-creating-your-first-nft

3. Web3(dot)university

Covering the fundamentals of web3 development: from writing Solidity to minting NFTs, to building full-stack dApps.

https://www.web3.university/article/how-to-create-an-nft

4. airnfts

Literally, everything you need to know about NFTs, Metaverse, Cool projects, and much more!

https://www.airnfts.com/blog

5. nonfungible

As they say: "Your source of market analysis and projects reviews for the NFT ecosystem".

https://nonfungible.com/blog

6. NFT Plazas

The ultimate go-to website for everyone who wants to learn about NFTs + more as it covers a broad range of related topics.

https://nftplazas.com/

7. OpenSea

Where to learn about NFTs if not on the biggest NFTs Marketplace on Earth?

Tens of guides, data, and news.

https://opensea.io/blog

#NFT #Web3
Forwarded from Learn Web Development
Becoming a Web3 developer isn't hard!

If you have the right support.

8 Stunning resources to kickstart your Web3 career ๐Ÿ‘‡

1. Nader Dabit

Full-stack ethereum development. From Solidity to React, and Ethereum authentication.

https://youtube.com/c/naderdabit

2. Buildspace

If you're a dev that's curious about web3 but not sure where to start this is the spot for you.

Start building cool stuff right now, earn NFTs, access secret work opportunities in crypto.

https://buildspace.so/

3. OpenZeppelin

The standard for secure blockchain applications.

Deploy your NFTs, and learn how to create a Crypto coin through examples.

https://openzeppelin.com/

4. Alchemy

Deploy your first Smart Contract, or a super precise Gas prices estimator, completely for free on Alchemy's docs.

https://docs.alchemy.com/alchemy/

6. Ethereum

The source of every truth.

Learn Solidity by examples, understand how Ethereum works, and master Smart Contracts.

https://ethereum.org/en/developers/

7. useweb3

A collection of tens of resources, to learn Web3, and Blockchain Development, at every level.

https://www.useweb3.xyz/

8. Solidity by example

Learn Solidity using real-world cases. Learn how to transfer coins, create a bidding system, or how to deploy your own tokens.

https://solidity-by-example.org/

#Web3 #NFT #Crypto #ETH #Tokens
Practice with Josh Comeau on Gradient builder using CSS

https://www.joshwcomeau.com/css/make-beautiful-gradients/

---

Basic practice using Form input to create text box in HTML

https://www.freecodecamp.org/news/text-box-in-html-the-input-field-html-tag/

---

Basic practice of creating animations in a web application with the GSAP library

https://blog.bitsrc.io/practical-guide-to-getting-started-with-gsap-greensock-animation-platform-21ff9638ea70

---

#css #gradient #joshComeau #gsap #html #input
Ultimate List of Free Web Development Resources -.

Topics Covered ๐Ÿ‘‡

๐Ÿ”นOnline Learning Platforms
๐Ÿ”น Free Code Snippets
๐Ÿ”น Documents
๐Ÿ”น Learn By Playing Games
๐Ÿ”น Icons
๐Ÿ”น Illustrations
๐Ÿ”น Free Web Hosting
๐Ÿ”น YouTube Channel

Let's Start ๐Ÿ”ฅ


๐Ÿ”ถ Online Leaning Platforms


๐Ÿ”น Free Code Camp -
https://www.freecodecamp.org/

๐Ÿ”น Udemy -
https://www.udemy.com/

๐Ÿ”น Treehouse -
https://teamtreehouse.com/

๐Ÿ”น Udacity -
https://www.udacity.com/

๐Ÿ”น Cousera -
https://www.coursera.org/

๐Ÿ”น Sololearn -
https://www.sololearn.com/

๐Ÿ”น Frontend Masters -
https://frontendmasters.com/

๐Ÿ”น W3Schools -
https://www.w3schools.com/

๐Ÿ”น Codeacademy -
https://www.codecademy.com/

๐Ÿ”น Traversy Media -
https://www.traversymedia.com/

๐Ÿ”น Alison -
https://alison.com/

๐Ÿ”น Skillshare -
https://www.skillshare.com/

๐Ÿ”น MDN Docs -
https://developer.mozilla.org/en-US/




๐Ÿ”ถ Free Code Snippets

๐Ÿ”น Codepen -
https://codepen.io/

๐Ÿ”น Free Frontend -
https://freefrontend.com/

๐Ÿ”น Code My UI -
https://codemyui.com/

๐Ÿ”น Play Code -
https://playcode.io/

๐Ÿ”น JS Bin -
https://jsbin.com/

๐Ÿ”น JS Fiddle -
https://jsfiddle.net/

๐Ÿ”น CodeSandBox -
https://codesandbox.io/

๐Ÿ”น Web Code Tools -
https://webcode.tools/

๐Ÿ”นCSS Flow -
https://www.cssflow.com/

๐Ÿ”น CodePly -
https://www.codeply.com/

๐Ÿ”น CodePad -
https://coderpad.io/

๐Ÿ”น CSS Deck -
https://cssdeck.com/

๐Ÿ”น Code Interview -
https://codeinterview.io/



๐Ÿ”ถ Documentation


๐Ÿ”น Dev Docs -
https://devdocs.io/

๐Ÿ”น GeeksForGeeks -
https://devdocs.io/

๐Ÿ”น Tutorials Point -
https://www.tutorialspoint.com/

๐Ÿ”น W3Schools -
https://www.w3schools.com/

๐Ÿ”น Java Point -
https://www.javatpoint.com/



๐Ÿ”ถ Online Games


๐Ÿ”น Floxbox Defense -
http://www.flexboxdefense.com/

๐Ÿ”น Unflod -
https://unfold.com/

๐Ÿ”น Grid Garden -
https://cssgridgarden.com/

๐Ÿ”น CSS Diner -
https://flukeout.github.io/

๐Ÿ”น Code Combat -
https://codecombat.com/

๐Ÿ”น Coding Game -
https://www.codingame.com/

๐Ÿ”น Screeps -
https://screeps.com/

๐Ÿ”น Flexbox Froggy -
https://flexboxfroggy.com/

๐Ÿ”น Code Monkey -
https://www.codemonkey.com/

๐Ÿ”น Cyber Dojo -
https://www.cyber-dojo.org/creator/home



๐Ÿ”ถ Free Icons


๐Ÿ”น Font Awesome -
https://fontawesome.com/

๐Ÿ”น Icons8 -
https://icons8.com/

๐Ÿ”น Flaticon -
https://www.flaticon.com/

๐Ÿ”น Pixeden -
https://www.pixeden.com/

๐Ÿ”น Fontello -
https://fontello.com/

๐Ÿ”น Icon Finder -
https://www.iconfinder.com/

๐Ÿ”น Captain Icon -
https://mariodelvalle.github.io/CaptainIconWeb/

๐Ÿ”น Endless Icons -
https://endlessicons.com/

๐Ÿ”น Icon-Icons -
https://icon-icons.com/

๐Ÿ”น Round Icons -
https://roundicons.com/



๐Ÿ”ถ Illustrations


๐Ÿ”น Freepik -
https://www.freepik.com/

๐Ÿ”น Undraw -
https://undraw.co/

๐Ÿ”น Drawkit -
https://www.drawkit.io/

๐Ÿ”น Humaaans -
https://www.humaaans.com/

๐Ÿ”น Handz -
https://www.handz.design/

๐Ÿ”น Open Doodles -
https://www.opendoodles.com/

๐Ÿ”น Illustration. co -
http://illustration.co/

๐Ÿ”น Vivid Js -
https://webkul.github.io/vivid/

๐Ÿ”น Many Pixels -
https://www.manypixels.co/



๐Ÿ”ถ Free Web Hosting


๐Ÿ”น GitHub Pages -
https://github.com/

๐Ÿ”น Netlify -
https://www.netlify.com/

๐Ÿ”น AWS -
https://aws.amazon.com/

๐Ÿ”น Firebase -
https://firebase.google.com/

๐Ÿ”น Infinity Free -
https://infinityfree.net/

๐Ÿ”น WordPress -
https://wordpress.com/

๐Ÿ”น Wix -
https://www.wix.com/

๐Ÿ”น Weebly -
https://www.weebly.com/in

๐Ÿ”น Shopify -
https://www.shopify.in/



๐Ÿ”ถ YouTube Channel


๐Ÿ”น FreeCodeCamp -
https://youtube.com/c/Freecodecamp

๐Ÿ”นTraversy Media -
https://youtube.com/c/TraversyMedia

๐Ÿ”น Dev Ed -
https://youtube.com/c/DevEd

๐Ÿ”น Programming With Mosh -
https://youtube.com/c/programmingwithmosh

๐Ÿ”น Tyler Moore -
https://youtube.com/user/Conutant

๐Ÿ”น Web Bos -
https://youtube.com/c/WesBos

๐Ÿ”น Coding The Smart Way -
https://youtube.com/c/Codingthesmartway

๐Ÿ”น Code With Harry -
https://youtube.com/c/CodeWithHarry

๐Ÿ”น Clever Programmer -
https://youtube.com/c/CleverProgrammer

๐Ÿ”น Yahoo Baba -
https://youtube.com/c/YahooBaba

๐Ÿ”น Design Course -
https://youtube.com/c/DesignCourse
Design Course released a lengthy exercise on introduction to Modern HTML and CSS for 2022 and beyond. The exercise can be seen at the link below

https://youtu.be/gXLjWRteuWI

#designCourse #html #css
For HTML: @html_web_learn
For CSS:
@CSS_web_learn
For JS:
@JavaScript_js_learn
For PHP:
@learn_php_web
For Flutter:
@Flutter_app_dev
For Kotlin:
@kotlin_app_dev
For businesses related content
:
@businesssucesstutorship
For Programming courses
@Programmingworld_dev
For CEH, Cybersecurity:
@CyberPunk_anonymous
For discussion:
@devlopers_hub
Tips and tricks in implementing good Semantic HTML for good HTML structure and SEO

https://www.freecodecamp.org/news/html-best-practices/

#html #seo #semantic
Create web pages with multi navigation bars with Kevin Powell

https://youtu.be/I1lq2ge7g4g

#kevinPowell #navbar
Warm Wishes for the Republic Day,

Celebrate the day with joy and fun but don't forget to pay Tribute to our National Heroes...๐Ÿค๐Ÿ‡ฎ๐Ÿ‡ณ

Once again Happy Republic Day.
Forwarded from Learn CSSโ„ข
CSS Box Model In 1 Picture ๐ŸŒŸ
Forwarded from Cyber Punkโ„ข
โŽ How To Get Unlimited Cloud Storage!

โ–ช๏ธFeatures:
โžคUnlimited total files
โžคUnlimited total files size
โžค1.5GB daily bandwidth
โžค2GB upload & download max
โžคAll basic features

โ–ช๏ธInstructions:
โžคlog in using your Telegram account, link it with TeleDrive,
and youโ€™re free to upload as many files as you want for free.
โžคIt uses Telegramโ€™s own storage, so itโ€™s private by default
โžคFiles will also be available in the Saved Messages section in your Telegram app.

โ–ช๏ธRequires Telegram Account

Link:
https://teledriveapp.com/


========================================
For More Join now & Invite Your Friendsโž› http://t.me/CyberPunk_anonymous
========================================
Microsoft Design Challenge ๐Ÿ’™

The much awaited "Microsoft Design Challenge" is back this year. Here is an awesome opportunity to launch your career in UX designing.

Calling all students who are passionate about UX designing to participate in the most awaited design challenge of the year.

๐Ÿ’ฅWhatโ€™s in it for you? ๐Ÿ‘‰A chance to bag an UX Internship with Microsoft India.

โœ… Eligibility Criteria: Students graduating in 2022 & 2023

๐Ÿ˜Ž To register and learn more visit: www.msdesignchallenge.in

๐Ÿš€ Registrations are open until February 6th 5 PM IST. Hurry & register NOW!
๐Ÿ‘1
Forwarded from Learn JavaScriptโ„ข
๐Ÿ˜1
Forwarded from All kind of Ebooks โ„ข
Forwarded from All kind of Ebooks โ„ข
Forwarded from Learn Web Development
๐Ÿ’กWant to improve your HTML and CSS skills?๐Ÿ’ก

Well, you can do that by practicing on real design templates๐Ÿ”ฅ

With Codewell, you can browse high quality Figma templates that you can use to sharpen your HTML and CSS skills.

๐Ÿ“Œ
https://codewell.cc
๐Ÿ‘2
Forwarded from Learn Web Development
17 Killer Web Apps You Should Use to Increase Productivity ๐Ÿš€๐Ÿ’ฏ

https://dev.to/madza/17-killer-websites-you-should-use-to-increase-productivity-2enk

#webdev #productivity #javascript
#css