Ninja_webtech

Learn Web development for Free📍 1. HTML w3schools.com 2. CSS web.dev/learn/css 3. JavaScript javascript.info 4. Git & GitHub git-scm.com 5. API blog.postman.com 6. Python learnpython.org 7. SQL SQLbolt.com 8. React react-tutorial.app 9. Web3 learnweb3.io 10. Blockchain cryptozombies.io

A 21-day project plan to help you build your web development skills using HTML and CSS. These projects will gradually increase in complexity, helping you gain hands-on experience. Remember, practice is key to becoming a proficient web developer. Week 1 - Basic Projects: Day 1 - Personal Website: Create a simple personal webpage with your bio and contact information. Day 2 - Recipe Book: Build a webpage that displays your favorite recipes with images. Day 3 - Portfolio Gallery: Create an image gallery for showcasing your favorite photos or artwork. Day 4 - Blog Page: Design a blog-style webpage for sharing your thoughts or articles. Day 5 - Contact Form: Add a contact form to your personal website using HTML forms. Day 6 - CSS Styling: Apply CSS styling to your projects to improve their visual appeal. Day 7 - Responsive Design: Make your projects responsive, ensuring they look good on mobile devices. Week 2 - Intermediate Projects: Day 8 - Pricing Table: Design a pricing table for a fictional product or service. Day 9 - Newsletter Signup: Create a newsletter signup form with validation using HTML and CSS. Day 10 - Testimonials: Build a webpage displaying customer testimonials with CSS card designs. Day 11 - Animated Buttons: Create animated buttons using CSS transitions or keyframes. Day 12 - Flexbox Layout: Learn and apply flexbox for better layout control. Day 13 - CSS Grid: Explore CSS grid for more advanced layout options. Day 14 - CSS Frameworks: Familiarize yourself with CSS frameworks like Bootstrap or Foundation. Week 3 - Advanced Projects: Day 15 - Landing Page: Design a landing page for a fictional product, focusing on aesthetics. Day 16 - Parallax Scrolling: Implement parallax scrolling effects on your landing page. Day 17 - Interactive Form: Create a complex form with validation, dropdowns, and radio buttons. Day 18 - Image Slider: Build an image slider using HTML and CSS only. Day 19 - CSS Animations: Create custom CSS animations to enhance user experience. Day 20 - Responsive Navigation: Design a responsive navigation menu that adapts to various screen sizes. Day 21 - Final Project: Combine your knowledge and creativity to develop a unique project of your choice. It could be a portfolio website, a simple web app, or anything that interests you. Throughout this 21-day plan, you'll gradually progress from basic to advanced projects, honing your HTML and CSS skills. Remember to consult documentation and online resources when facing challenges, and don't hesitate to ask questions or seek guidance from fellow developers. Happy coding!

*Job Title:* Social Media Content Scheduler *Summary:* We are looking for a reliable and organized individual to join our team as a Social Media Content Scheduler. In this role, you will be responsible for scheduling and posting pre-prepared content to our social media pages, ensuring that it reaches our target audience at the optimal time. *Responsibilities:* 1. Review and approve pre-prepared social media content. 2. Schedule and post content to our social media pages using scheduling tools. 3. Monitor social media engagement and make adjustments to the content calendar as needed. 4. Track and analyze the performance of scheduled content. *Compensation:* 2000₹ (60h) / month *Work Schedule:* 2 hours per day, Monday to Friday If interested in this job role Email US your Resume ✉️ vikram@ninjawebtech.com

Useful Web Development Resources So here are the resources you need for web development and these are free resources!!! Royalty free Images and videos 1. Unsplash -  unsplash.com 2. Pexels      -  pexels.com 3. Pixabay   -  pixabay.com 4. Coverr     -  coverr.co 5. PNG-EGG-  www.pngegg.com ----------------------------- Hosting and Deployment 1. Netlify  - netlify.com 2. Heroku - heroku.com ------------------------------ Icons & Fonts 1. Flaticon             flaticon.com 2. Icons8                icons8.com 3. Fontawesome    fontawesome.com 4. Google Fonts     fonts.google.com ------------------------------ Learning 1. FreeCodeCamp   freecodecamp.org 2. The Odin Project   www.theodinproject.com 3. Mem dev    mem.dev ------------------------ Mockup and UI Tools 1. Figma  - figma.com 2. Zeplin  - zeplin.com ----------------------- Project design ideas 1. Awwards  - awwwards.com 2. Dribble      - dribble.com

Top 10 Books That Every Programmer Must Read Once If we find a person with a rare intellect, we should ask him about the books he reads. A book can define a person’s nature and intelligence. If you are a coder, you should also be a good reader because it develops the mind and the mind is your weapon. Without good reading and comprehension skills, a person takes more time to understand the problems before solving it. Below there is the list of top 10 books every programmer should read. These books not only teach the syntax and semantics of programming languages but also help you to think, organize, and become a good problem solver, which is indeed the most important lesson for a coder. 1-Clean Code: By Robert C. Martin  2-The Mythical Man-month: By Frederick Brooks  3-The Pragmatic Programmer: Your Journey to Mastery 4-Code Complete (2 Edition): By Steve McConnell  5-The Art of Computer Programming 6-Programming Pearls 7-Code: Charles Petzold  8-Introduction to Algorithms 9-Refactoring: Improving the Design of Existing Code 10-Design Patterns: Elements of Reusable Object-Oriented Software 𝗘𝗡𝗝𝗢𝗬 𝗟𝗘𝗔𝗥𝗡𝗜𝗡𝗚👍👍

📌 The One and Only ChatGPT Cheat sheet you need... https://www.instagram.com/p/Ct65o1ev41c/?igshid=MzRlODBiNWFlZA==

🚀 Ready to take your React skills to the next level? Check out my new React cheat sheet! 📝 🔗: https://www.instagram.com/p/Cqm1ZcwJOj1/?igshid=YmMyMTA2M2Y=

📌Save Your time with Short Cuts Ctrl + A - Select All Ctrl + B - Bold Ctrl + C - Copy Ctrl + D - Fill Ctrl + F - Find Ctrl + G - Find next instance of text Ctrl + H - Replace Ctrl + I - Italic Ctrl + K - Insert a hyperlink Ctrl + N - New workbook Ctrl + O - Open Ctrl + P - Print Ctrl + R - Nothing right Ctrl + S - Save Ctrl + U - Underlined Ctrl + V - Paste Ctrl W - Close Ctrl + X - Cut Ctrl + Y - Repeat Ctrl + Z - Cancel F1 - Help F2 - Edition F3 - Paste the name F4 - Repeat the last action F5 - Goto F6 - Next Pane F7 - Spell Check F8 - Extension of the mode F9 - Recalculate all workbooks F10 - Activate Menubar F11 - New graph F12 - Save As Shift + F1 - What is it? Shift + F2 - Edit cell comment Shift + F3 - Paste the function into the formula Shift + F4 - Search Next Shift + F5 - Find Shift + F6 - Previous Panel Shift + F8 - Add to the selection Shift + F9 - Calculate the active worksheet Shift + F10 - Popup menu display Shift + F11 - New spreadsheet Shift + F12 - Save Ctrl + F3 - Set name Ctrl + F4 - Close Ctrl + F5 - XL, size of the restore window Ctrl + F6 - Next Workbook Window Shift + Ctrl + F6 - Previous Workbook Window Ctrl + F7 - Move window Ctrl + F8 - Resize Window Ctrl + F9 - Minimize the workbook Ctrl + F10 - Maximize or Restore Window Ctrl + F11 - Inset 4.0 Macro sheet Ctrl + F1 - Open File Alt + F1 - Insert a graph Alt + F2 - Save As Alt + F4 - Output Alt + F8 - Macro dialog Alt + F11 - Visual Basic Editor Ctrl + Shift + F3 - Create a name using the names of row and column labels Ctrl + Shift + F6 - Previous Window Ctrl + Shift + F12 - Printing Alt + Shift + F1 - New spreadsheet Alt + Shift + F2 - Save Alt + = - AutoSum Ctrl + `- Toggle value / display of the formula Ctrl + Shift + A - Insert the argument names in the formula Alt + down arrow - automatic view list Alt + '- Format Style Dialog Ctrl + Shift + ~ - General Format Enjoy❤️