Forwarded from π¨βπ»Coder Blastπ
  Forwarded from π¨βπ»Coder Blastπ
  
1. Free Code Camp -
https://www.freecodecamp.org
2. W3Schools -
https://www.w3schools.com/
3. Developer Mozilla https://developer.mozilla.org
4.W3resource
https://w3resource.com/
5. Css-tricks
https://css-tricks.com/
Share π
Follow @coderblast
  https://www.freecodecamp.org
2. W3Schools -
https://www.w3schools.com/
3. Developer Mozilla https://developer.mozilla.org
4.W3resource
https://w3resource.com/
5. Css-tricks
https://css-tricks.com/
Share π
Follow @coderblast
Forwarded from π¨βπ»Coder Blastπ
  
  Forwarded from Learn JavaScriptβ’
  Reference some Javascript, HTML, and CSS projects that have been created by Online Tutorials
https://youtu.be/Huu6fHb4REc
#onlinetutorials #css #html
  
  https://youtu.be/Huu6fHb4REc
#onlinetutorials #css #html
YouTube
  
  Top CSS & Javascript Effects | June 2022 @OnlineTutorialsYT
  Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
  ------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
A collection of HTML and CSS exercises around hover effect and animation that have been made by Online Tutorials
https://youtu.be/RW9_2mHhTlM
#html #css #onlinetutorials
  
  https://youtu.be/RW9_2mHhTlM
#html #css #onlinetutorials
YouTube
  
  120+ | Html CSS & Javascript | Hover & Animation Effects
  Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
  ------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
Practice with Traversy Media to clone a Space X website with JavaScript, HTML, and CSS
https://www.youtube.com/watch?v=wryPX7KSwSc
#traversyMedia #spaceX
  
  https://www.youtube.com/watch?v=wryPX7KSwSc
#traversyMedia #spaceX
YouTube
  
  SpaceX Website Clone - HTML, CSS & JavaScript
  In this video, we will re-create parts of the SpaceX website including the homepage, menus, and some inner pages. We will create some animations and use JavaScript to manipulate the DOM.
Sponsor: Hostinger (10% off):
http://hostinger.com/traversymedia
Githubβ¦
  Sponsor: Hostinger (10% off):
http://hostinger.com/traversymedia
Githubβ¦
Important practice creating form validation with HTML5 from Freecodecamp
https://www.freecodecamp.org/news/create-and-validate-modern-web-forms-html5/
#html5 #formValidation
  
  https://www.freecodecamp.org/news/create-and-validate-modern-web-forms-html5/
#html5 #formValidation
freeCodeCamp.org
  
  How to Create and Validate Modern Web Forms with HTML5
  HTML forms consist of a body of text boxes, buttons, dropdowns and other selection widgets. Web developers use these elements to receive users' information on a website.  If you've ever searched on Google, signed up or logged into a website, made a p...
  A long tutorial from Freecodecamp on creating a checkout page web application with Javascript, HTML, and CSS
https://www.freecodecamp.org/news/learn-html-and-css-order-summary-component/
#freecodecamp #css #html
  
  https://www.freecodecamp.org/news/learn-html-and-css-order-summary-component/
#freecodecamp #css #html
freeCodeCamp.org
  
  Learn HTML and CSS by Building an Order Summary Component
  HTML and CSS are the most important technologies when it comes to creating websites. And building projects is one of the best ways to learn them. We just published a course on the freeCodeCamp.org YouTube channel that will help you learn HTML and CSS...
  Introducing Marktext, an easy-to-use Markdown editor
https://itsfoss.com/marktext-editor/
#marktext #markdownββ
  
  https://itsfoss.com/marktext-editor/
#marktext #markdownββ
It's FOSS
  
  Marktext is an Excellent Editor Even for Those Who Don't Know Markdown
  Another Markdown editor? Have we not seen all kinds of Markdown editors already?
I understand that feeling. If you are a Markdown lover, from Joplin to Zettlr, you have tried most of them. And if you are not a Markdown fan, you probably donβt care aboutβ¦
I understand that feeling. If you are a Markdown lover, from Joplin to Zettlr, you have tried most of them. And if you are not a Markdown fan, you probably donβt care aboutβ¦
π1
  A collection of navigation menu designs and templates compiled by Online Tutorials
https://www.youtube.com/watch?v=Cwufw253s0s
#onlineTutorials #css #html #navigation
  
  https://www.youtube.com/watch?v=Cwufw253s0s
#onlineTutorials #css #html #navigation
YouTube
  
  10 Awesome Navigation Menu Design using Html CSS & Javascript @OnlineTutorialsYT
  Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
  ------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expβ¦
Web Dev Simplified practice creating login screen page with success and error status
https://www.youtube.com/watch?v=reumU4CvruA
#webdevsimplified #login #error
  
  https://www.youtube.com/watch?v=reumU4CvruA
#webdevsimplified #login #error
YouTube
  
  How To Build A Modern Login Screen With Error/Success States
  One of the most common designs you will see is a login form that floats over the top of a background image or solid background color. In this video I will show you how to create exactly that as well as how to show error and success states for the variousβ¦
  Practice using an input text area with type tags in HTML
https://www.freecodecamp.org/news/html-textarea-how-to-add-text-box-to-your-website/
---
Make a transition between Single Page Application pages with CSS
https://blog.logrocket.com/single-page-applications-css-transitions/
#html #css #textarea #spa
  
  https://www.freecodecamp.org/news/html-textarea-how-to-add-text-box-to-your-website/
---
Make a transition between Single Page Application pages with CSS
https://blog.logrocket.com/single-page-applications-css-transitions/
#html #css #textarea #spa
freeCodeCamp.org
  
  HTML textarea β How to Add a Text Box Input Type Tag to Your Website
  A text box is a section of your website where users can enter text. A blinking cursor appears when you click or tap on or inside the text box, indicating that you are ready to begin typing. And an on-screen keyboard will appear if you're using a tablet orβ¦
  Markdown Cheat Sheet β How to Write Articles in Markdown Language
https://www.freecodecamp.org/news/markdown-cheatsheet/
#cheatsheet #markdown
  
  https://www.freecodecamp.org/news/markdown-cheatsheet/
#cheatsheet #markdown
freeCodeCamp.org
  
  Markdown Cheat Sheet β How to Write Articles in Markdown Language
  As a developer, you have likely heard of HTML, which stands for HyperText Markup Language. And you may know that HTML is a language used to create websites β but what does markup mean? Markup languages are languages that use tags to define different ...
  Create a ping pong game with JavaScript, HTML and CSS
https://javascript.plainenglish.io/create-a-ping-pong-game-using-javascript-2688f83785d5
---
Practice using Promise in JavaScript
https://dev.to/methmi/why-javascript-promises-are-awesome-4obk
#promise #pingpong #game
  
  https://javascript.plainenglish.io/create-a-ping-pong-game-using-javascript-2688f83785d5
---
Practice using Promise in JavaScript
https://dev.to/methmi/why-javascript-promises-are-awesome-4obk
#promise #pingpong #game
Medium
  
  Create a Ping Pong Game Using JavaScript
  Learn how to make a ping pong game with JavaScript and HTML
  Some HTML5 tags developers need to know
https://www.freecodecamp.org/news/html5-tags-you-might-not-know/
#html5 #tags
  
  https://www.freecodecamp.org/news/html5-tags-you-might-not-know/
#html5 #tags
freeCodeCamp.org
  
  Useful HTML5 Tags You Might Not Know
  One of the key factors that differentiates HTML 5 from its predecessors is the introduction of semantic tags. Semantic tags add real meaning to the webpage and make it easy for humans, and search engines, to differentiate between different parts of t...
  Forwarded from Learn Web Development
  
  roadmap-webdeveloper.pdf
    249.7 KB
  Roadmap to Web development 2022 by Sleepless Yogi
  Forwarded from Learn Web Development
πStop Cloning Websites for your portfolio
Cloning platforms like Amazon, Netflix, will not help you standout β
If you want to have unique projects and be more appealing to the employer ,do this!
Option #1 Go to Frontendmentor.io to get initial Project Ideas π‘
Pick a Project and expand it by adding extra features! π
Option #2 Go to Dribbble.com there you can find some awesome designs and base your projects on them! Possibilities are endless π
This will help you to
β Showcase unique Projects
β Build more relevant skills
β Improve your problem solving
π Itβs true that there is a huge increase in the number of people trying to learn web development and to break into the industry!
β To do this, lots of people will build a portfolio of projects in order to get their first job, but itβs easy to fall into the trap of creating projects that are the same as everyone elseβs! If everyone builds clones of Netflix/Amazon/YouTube or other huge platforms, there will be nothing impressive about that anymore!
π€ If you want to build clones for your own practice, that is more than okay, but these are the better options when it comes to adding impressive projects to your portfolio! Itβs easy to come up with an idea and start building it once you have a good base of skills!
Happy coding! π
  Cloning platforms like Amazon, Netflix, will not help you standout β
If you want to have unique projects and be more appealing to the employer ,do this!
Option #1 Go to Frontendmentor.io to get initial Project Ideas π‘
Pick a Project and expand it by adding extra features! π
Option #2 Go to Dribbble.com there you can find some awesome designs and base your projects on them! Possibilities are endless π
This will help you to
β Showcase unique Projects
β Build more relevant skills
β Improve your problem solving
π Itβs true that there is a huge increase in the number of people trying to learn web development and to break into the industry!
β To do this, lots of people will build a portfolio of projects in order to get their first job, but itβs easy to fall into the trap of creating projects that are the same as everyone elseβs! If everyone builds clones of Netflix/Amazon/YouTube or other huge platforms, there will be nothing impressive about that anymore!
π€ If you want to build clones for your own practice, that is more than okay, but these are the better options when it comes to adding impressive projects to your portfolio! Itβs easy to come up with an idea and start building it once you have a good base of skills!
Happy coding! π