Step 1: Learn HTML & CSS
Step 2: Learn Java Script
Step 3: Learn React, Node JS
Step 4: MySql
Step 5: MongoDB
Step 6: Git Commands
Step 7: Build Projects & Push on GitHub
Step 8: Practice, Practice & Practice
Step 2: Learn Java Script
Step 3: Learn React, Node JS
Step 4: MySql
Step 5: MongoDB
Step 6: Git Commands
Step 7: Build Projects & Push on GitHub
Step 8: Practice, Practice & Practice
👍29❤3
👩🦽Cool Websites to practice JavaScript
1. Codewars
https://codewars.com
2. JS challenger
https://jschallenger.com
3. W3resource
https://w3resource.com/javascript-exercises/
4. JS hero
https://jshero.net/en/koans/var.html
5. Edabit
https://edabit.com/practice
1. Codewars
https://codewars.com
2. JS challenger
https://jschallenger.com
3. W3resource
https://w3resource.com/javascript-exercises/
4. JS hero
https://jshero.net/en/koans/var.html
5. Edabit
https://edabit.com/practice
❤11👍5
Web Development for Beginners by Microsoft
Authors: Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, and sketchnote artist Tomomi Imura
🎬 24 lessons
Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
🔗 Link to course: https://github.com/microsoft/Web-Dev-For-Beginners
Authors: Jen Looper, Chris Noring, Christopher Harrison, Jasmine Greenaway, Yohan Lasorsa, Floor Drees, and sketchnote artist Tomomi Imura
🎬 24 lessons
Azure Cloud Advocates at Microsoft are pleased to offer a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics. Each lesson includes pre- and post-lesson quizzes, written instructions to complete the lesson, a solution, an assignment and more. Our project-based pedagogy allows you to learn while building, a proven way for new skills to 'stick'.
🔗 Link to course: https://github.com/microsoft/Web-Dev-For-Beginners
👍7
Web Development Roadmap with FREE resources 👇
1. HTML and CSS https://youtu.be/mU6anWqZJcc
2. CSS
https://css-tricks.com
3. Git & GitHub
https://udemy.com/course/git-started-with-github/
4. Tailwind CSS
https://scrimba.com/learn/tailwind
5. JavaScript
https://javascript30.com
6. ReactJS
https://scrimba.com/learn/learnreact
7. NodeJS
https://nodejsera.com/30-days-of-node.html
8. Database:
✨MySQL https://mysql.com
✨MongoDB https://mongodb.com
Other FREE RESOURCES
https://t.iss.one/free4unow_backup/554
Don't forget to build projects at each stage
ENJOY LEARNING 👍👍
1. HTML and CSS https://youtu.be/mU6anWqZJcc
2. CSS
https://css-tricks.com
3. Git & GitHub
https://udemy.com/course/git-started-with-github/
4. Tailwind CSS
https://scrimba.com/learn/tailwind
5. JavaScript
https://javascript30.com
6. ReactJS
https://scrimba.com/learn/learnreact
7. NodeJS
https://nodejsera.com/30-days-of-node.html
8. Database:
✨MySQL https://mysql.com
✨MongoDB https://mongodb.com
Other FREE RESOURCES
https://t.iss.one/free4unow_backup/554
Don't forget to build projects at each stage
ENJOY LEARNING 👍👍
👏7👍5😁4❤1
19 Sites to find FREE Illustrations
🎨 drawkit .io
🖋️ undraw .co
🎨 iradesign .io
📷 icons8 .com
🌺 blush .design
🎨 absurd .design
📝 storyset .com
🎨 pixeltrue .com
👥 manypixels .co
🎨 illustrations .co
🖍️ illustratious .com
📷 iconscout .com
🖼️smashicons .com
🌇 isometric .online
👥 humaaans .com
🧑🤝🧑 openpeeps .com
🏝️ themeisle .com/illustrations/
🎮Control .rocks
👨lukaszadam .com
🎨 drawkit .io
🖋️ undraw .co
🎨 iradesign .io
📷 icons8 .com
🌺 blush .design
🎨 absurd .design
📝 storyset .com
🎨 pixeltrue .com
👥 manypixels .co
🎨 illustrations .co
🖍️ illustratious .com
📷 iconscout .com
🖼️smashicons .com
🌇 isometric .online
👥 humaaans .com
🧑🤝🧑 openpeeps .com
🏝️ themeisle .com/illustrations/
🎮Control .rocks
👨lukaszadam .com
👍12
Websites to download free website templates🎉
☀️Bootstrapmade
https://bootstrapmade.com/
☀️Onepagelove
https://onepagelove.com/
☀️Startbootstrap
https://startbootstrap.com/
☀️Free-css
https://www.free-css.com/
☀️Freewebsitetemplates
https://freewebsitetemplates.com/
☀️Bootstrapmade
https://bootstrapmade.com/
☀️Onepagelove
https://onepagelove.com/
☀️Startbootstrap
https://startbootstrap.com/
☀️Free-css
https://www.free-css.com/
☀️Freewebsitetemplates
https://freewebsitetemplates.com/
❤4🔥2👍1
5 low competition freelance website for web developers
⭐Stack overflow
⭐Codepen
⭐Hireable
⭐Gigstar
⭐Hired
⭐Stack overflow
⭐Codepen
⭐Hireable
⭐Gigstar
⭐Hired
👍4
Unleash your potential - it's free of charge! 💥🚀
🎯 HTML: https://codecademy.com
🔧 CSS: https://web.dev
🧭 Git: https://learngitbranching.js.org
🌟 Tailwind CSS: https://geeksforgeeks.org
🔮 JavaScript: https://javascript.info
🎩 React: https://reactjs.org
💼 Interview: https://interviewbit.com
Dive into the ocean of free knowledge and swim towards success! 🌊🏊♂️
🎯 HTML: https://codecademy.com
🔧 CSS: https://web.dev
🧭 Git: https://learngitbranching.js.org
🌟 Tailwind CSS: https://geeksforgeeks.org
🔮 JavaScript: https://javascript.info
🎩 React: https://reactjs.org
💼 Interview: https://interviewbit.com
Dive into the ocean of free knowledge and swim towards success! 🌊🏊♂️
Codecademy
Learn to Code - for Free | Codecademy
Learn the technical skills to get the job you want. Join over 50 million people choosing Codecademy to start a new career (or advance in their current one).
👍10❤1
8 Sites to learn CSS by playing games 👇👇
🎮 flexboxfroggy.com
🎮 flexboxdefense.com
🎮 cssgridgarden.com
🎮 flukeout.github.io
🎮 cssbattle.dev
🎮 guess-css.app
🎮 css-speedrun.netlify.app
🎮 codepip.com
🎮 flexboxfroggy.com
🎮 flexboxdefense.com
🎮 cssgridgarden.com
🎮 flukeout.github.io
🎮 cssbattle.dev
🎮 guess-css.app
🎮 css-speedrun.netlify.app
🎮 codepip.com
👍8
Some terms you should be familiar about
🔹 HTML (Hypertext Markup Language): The standard language used for creating the structure and content of web pages.
🔹 CSS (Cascading Style Sheets): A language used to describe the presentation and visual styling of HTML elements on a web page.
🔹 JavaScript: A programming language that adds interactivity and dynamic behavior to websites.
🔹 Responsive Web Design: Designing and building websites that adapt and look good on different devices and screen sizes, such as desktops, tablets, and mobile phones.
🔹 Front-end Development: The practice of creating the user-facing side of a website or application using HTML, CSS, and JavaScript.
🔹 Back-end Development: The development of the server-side logic and functionality that powers websites and applications.
🔹 API (Application Programming Interface): A set of rules and protocols that allow different software applications to communicate and share data with each other.
🔹 CMS (Content Management System): A software application that enables users to create, manage, and publish digital content on the web without requiring advanced technical knowledge.
🔹 Framework: A pre-built set of tools, libraries, and conventions that provide a foundation for building web applications, making development faster and more efficient.
🔹 UX (User Experience): The overall experience and satisfaction a user has while interacting with a website or application.
🔹 UI (User Interface): The visual design and layout of a website or application that users interact with.
🔹 SEO (Search Engine Optimization): The process of improving a website's visibility and ranking in search engine results to attract more organic (non-paid) traffic.
🔹 Domain Name: The unique address that identifies a website on the internet, such as www.example.com.
🔹 Hosting: The service of storing and making web pages or applications accessible on the internet.
🔹 SSL (Secure Sockets Layer): A security protocol that encrypts the data transmitted between a web server and a user's browser, ensuring secure communication.
🔹 Debugging: The process of identifying and fixing errors or issues in software code.
🔹 Version Control: The management of changes to software code, allowing developers to track revisions, collaborate, and revert to previous versions if needed.
🔹 Deployment: The process of making a website or application available for public use, typically by uploading it to a web server or hosting platform.
🔹 UX/UI Design: The process of creating visually appealing and user-friendly interfaces that provide a positive user experience.
🔹 Wireframe: A basic visual representation or blueprint that outlines the structure and layout of a web page or application before any detailed design elements are added.
🔹 HTML (Hypertext Markup Language): The standard language used for creating the structure and content of web pages.
🔹 CSS (Cascading Style Sheets): A language used to describe the presentation and visual styling of HTML elements on a web page.
🔹 JavaScript: A programming language that adds interactivity and dynamic behavior to websites.
🔹 Responsive Web Design: Designing and building websites that adapt and look good on different devices and screen sizes, such as desktops, tablets, and mobile phones.
🔹 Front-end Development: The practice of creating the user-facing side of a website or application using HTML, CSS, and JavaScript.
🔹 Back-end Development: The development of the server-side logic and functionality that powers websites and applications.
🔹 API (Application Programming Interface): A set of rules and protocols that allow different software applications to communicate and share data with each other.
🔹 CMS (Content Management System): A software application that enables users to create, manage, and publish digital content on the web without requiring advanced technical knowledge.
🔹 Framework: A pre-built set of tools, libraries, and conventions that provide a foundation for building web applications, making development faster and more efficient.
🔹 UX (User Experience): The overall experience and satisfaction a user has while interacting with a website or application.
🔹 UI (User Interface): The visual design and layout of a website or application that users interact with.
🔹 SEO (Search Engine Optimization): The process of improving a website's visibility and ranking in search engine results to attract more organic (non-paid) traffic.
🔹 Domain Name: The unique address that identifies a website on the internet, such as www.example.com.
🔹 Hosting: The service of storing and making web pages or applications accessible on the internet.
🔹 SSL (Secure Sockets Layer): A security protocol that encrypts the data transmitted between a web server and a user's browser, ensuring secure communication.
🔹 Debugging: The process of identifying and fixing errors or issues in software code.
🔹 Version Control: The management of changes to software code, allowing developers to track revisions, collaborate, and revert to previous versions if needed.
🔹 Deployment: The process of making a website or application available for public use, typically by uploading it to a web server or hosting platform.
🔹 UX/UI Design: The process of creating visually appealing and user-friendly interfaces that provide a positive user experience.
🔹 Wireframe: A basic visual representation or blueprint that outlines the structure and layout of a web page or application before any detailed design elements are added.
👍20❤1
Volopay is hiring Frontend & Backend engineers
TYPE: Internship
STIPEND: INR 30,000 / month
OPENINGS: 12
LOCATION: In-office (Bengaluru/Bangalore)
PERKS: Offering PPO
START DATE: 1st July
APPLY NOW: https://bit.ly/3Pd4fIK
All the best 👍👍
TYPE: Internship
STIPEND: INR 30,000 / month
OPENINGS: 12
LOCATION: In-office (Bengaluru/Bangalore)
PERKS: Offering PPO
START DATE: 1st July
APPLY NOW: https://bit.ly/3Pd4fIK
All the best 👍👍
✅ Become a Full Stack Developer for FREE:
HTML → https://html.spec.whatwg.org/multipage/
CSS3 → https://web.dev/learn/css/
Javascript → https://LearnJavaScript.online
React → https://reactjs.org
Python → https://python.org
Java → https://java67.com
Ruby → https://gorails.com
SQL → https://SQLbolt.com
MongoDB → https://learn.mongodb.com
AWS → https://aws.amazon.com/training
Azure → https://learn.microsoft.com/en-us/training
Git & GitHub → https://LearnGitBranching.js.org
Google Cloud → https://cloud.google.com/edu
HTML → https://html.spec.whatwg.org/multipage/
CSS3 → https://web.dev/learn/css/
Javascript → https://LearnJavaScript.online
React → https://reactjs.org
Python → https://python.org
Java → https://java67.com
Ruby → https://gorails.com
SQL → https://SQLbolt.com
MongoDB → https://learn.mongodb.com
AWS → https://aws.amazon.com/training
Azure → https://learn.microsoft.com/en-us/training
Git & GitHub → https://LearnGitBranching.js.org
Google Cloud → https://cloud.google.com/edu
👍11
🌟SOME IMPORTANT FACT FOR MAKING A WEBPAGE🤩🤩
💡Web Design Trends: Discuss the latest trends in web design, such as minimalism, microinteractions, bold typography, parallax scrolling, or dark mode. Explain their impact on user experience and provide examples of websites that effectively incorporate these trends.
💡Responsive Design: Explain the importance of responsive design and how it enables websites to adapt seamlessly to different screen sizes and devices. Share best practices, tips, and techniques for creating responsive layouts and optimizing user experience across various platforms.
💡Color Theory and Psychology: Explore the principles of color theory and how colors evoke specific emotions and perceptions. Discuss color combinations, contrast, and the use of color palettes in web design. Provide guidance on selecting colors that align with the website's brand and target audience.
💡User Experience (UX) Design: Dive into the world of UX design, covering topics such as user research, wireframing, prototyping, information architecture, and usability testing. Discuss the importance of creating intuitive and user-friendly experiences and provide practical tips for improving UX in web design.
💡Typography: Highlight the significance of typography in web design and how it impacts readability and aesthetics. Discuss font pairings, font hierarchy, and the use of custom fonts. Provide guidance on choosing appropriate typography for different website types and purposes.
💡Navigation and Menu Design: Explore different navigation patterns, such as hamburger menus, mega menus, or sticky navigation, and their pros and cons. Share tips for designing intuitive and user-friendly navigation systems that enhance website usability.
💡Web Accessibility: Shed light on the importance of web accessibility and inclusive design. Explain how to make websites accessible to people with disabilities, covering topics like screen reader compatibility, alt text for images, color contrast, and keyboard navigation.
💡Website Performance Optimization: Offer insights on improving website performance through techniques like image optimization, caching, minification, and code optimization. Discuss the impact of page load times on user experience and search engine rankings.
💡Landing Page Optimization: Share strategies for designing effective landing pages that drive conversions. Discuss layout design, compelling copywriting, persuasive calls-to-action (CTAs), and A/B testing to optimize landing page performance.
💡Design Tools and Resources: Curate a list of useful design tools, resources, and software for web designers. Include wireframing tools, prototyping software, color palette generators, stock photo websites, and design asset marketplaces
💡Web Design Trends: Discuss the latest trends in web design, such as minimalism, microinteractions, bold typography, parallax scrolling, or dark mode. Explain their impact on user experience and provide examples of websites that effectively incorporate these trends.
💡Responsive Design: Explain the importance of responsive design and how it enables websites to adapt seamlessly to different screen sizes and devices. Share best practices, tips, and techniques for creating responsive layouts and optimizing user experience across various platforms.
💡Color Theory and Psychology: Explore the principles of color theory and how colors evoke specific emotions and perceptions. Discuss color combinations, contrast, and the use of color palettes in web design. Provide guidance on selecting colors that align with the website's brand and target audience.
💡User Experience (UX) Design: Dive into the world of UX design, covering topics such as user research, wireframing, prototyping, information architecture, and usability testing. Discuss the importance of creating intuitive and user-friendly experiences and provide practical tips for improving UX in web design.
💡Typography: Highlight the significance of typography in web design and how it impacts readability and aesthetics. Discuss font pairings, font hierarchy, and the use of custom fonts. Provide guidance on choosing appropriate typography for different website types and purposes.
💡Navigation and Menu Design: Explore different navigation patterns, such as hamburger menus, mega menus, or sticky navigation, and their pros and cons. Share tips for designing intuitive and user-friendly navigation systems that enhance website usability.
💡Web Accessibility: Shed light on the importance of web accessibility and inclusive design. Explain how to make websites accessible to people with disabilities, covering topics like screen reader compatibility, alt text for images, color contrast, and keyboard navigation.
💡Website Performance Optimization: Offer insights on improving website performance through techniques like image optimization, caching, minification, and code optimization. Discuss the impact of page load times on user experience and search engine rankings.
💡Landing Page Optimization: Share strategies for designing effective landing pages that drive conversions. Discuss layout design, compelling copywriting, persuasive calls-to-action (CTAs), and A/B testing to optimize landing page performance.
💡Design Tools and Resources: Curate a list of useful design tools, resources, and software for web designers. Include wireframing tools, prototyping software, color palette generators, stock photo websites, and design asset marketplaces
👍7❤4