3) #Python

4) #Django

5) #SQL, #Models and #Migrations

6) #JavaScript

8) Testing and CI/DI

7) #UI (user interfaces)

9) Scalability and Security

If you are a Web Developer,

then here are some free Design resources you gonna love 💖



1. Pexels

The best free stock photos & videos shared by talented creators.




2. Landing Stock

Landing Stock is a niche site providing free stock photos that are suitable for your website landing page. Created by London-based product designer Craig Barber, it features only high-quality, clean, and minimalistic photos.



3. StockSnap

With a large selection of free high-definition stock photos, offers a valuable resource to web designers, bloggers, and content curators.



4. Free Images

Free Images' gallery of more than 350,000 stock photos is categorized and searchable.




5. Photo Creator

CREATE YOUR REALISTIC PHOTOS IN MINUTES. Choose from thousands of models, objects, and backgrounds to perfectly tell any story.




6. Rgbstock

Are you looking for fabulous free stock images? Rgbstock has a huge number of high-quality free stock photos and dazzling free graphics for illustrations, wallpapers, and backgrounds.





7. Drawkit

DrawKit is a collection of free, beautiful, customizable MIT licensed SVG illustrations in two styles, to use on your next website, app, or project.





8. Lukasz Adam Free Illustrations

Lukasz Adam is an independent web designer who's made a bunch of high-quality vector art illustrations and icons available for free. They can be used for personal and commercial projects.




9. Ionicons
Ionicons are premium icons for use by designers in web, iOS, Android, and desktop apps. Built by the Ionic Framework team, they're all free and open source.





10. Icons

Icons8 gives you a whole library of free icons in PNG and SVG. They've just released a "coronavirus-related searches" section for those of you requiring something very current.




11. Animaticons

Animaticons is a set of high-resolution animated GIFs that you can customize. They are small in file size, compatible with all major browsers, emails, and smartphones.




12. Type Genius

The site makes it simple to find the perfect font combination, offering multiple suggested pairings for any typeface selected. It also provides real-world examples of combos used on other websites.





13. Pixlr

The Pixlr Editor is similar to Photoshop, Pixlr Express is perfect for quick fixes, and Pixler O-Matic features easy-to-use pre-made filters that can be applied to photos.




14. Coolors

The super fast color schemes generator!
Create the perfect palette or get inspired by thousands of beautiful color schemes.




15. Dribbble

Discover the world’s top designers & creatives
Dribbble is the leading destination to find & showcase creative work and home to the world's best design professionals.

The roadmap to learn HTML, CSS and JavaScript 🛣️

📌 HTML

1. Understanding the full form of HTML
2. Anatomy of tags
3. HTML5 boilerplate
4. Heading tags
5. ul, ol, li, tags
6. img, span tag
7. Table tags for layout
8. Form tags
9. Some more semantic elements
10. Basic attributes



📌 CSS

1. Inline, internal and external CSS
2. Selectors
3. Background
4. Color
5. Box model
6. Height and width
7. Margin and padding
8. Border
9. Positioning
10. display
11. Layouts
12. Grid and Flex
13. Alignment
14. Fonts
15. Animation
16. Pseudo-classes
17. Media query



📌 JavaScript

1. Print statement
2. Data types and variables
3. Basic operators
4. Logical operators
5. Comparisons
6. Loops and statements
7. alert()
8. prompt()
9. Arrays
10. Objects
11. Functions
12. Arrow function
13. Array methods
14. Hoisting
15. Closures
16. Callbacks
17. Promises
18. Async & Await
19. Currying
20. And other ES6 feature

Assalam u Alaikum !!! Happy Eid Mubarak! Wishing everyone happy holidays, stay safe and pray to your Almighty.

PHP was built for the web. The web is built on PHP.

Simple API done. No libraries. Single file. Written, deployed, and running in less than 10 minutes.

(don't mind the potentially flaky Xpath access...it's rock solid, promise 🤞)

And viewed locally with PHP's in built web server...

$ php -S localhost:8080

Visit: localhost:8080/filename.php

5 great tools to test website for every web developer

1. SEO Site Checkup

- SEO Site Checkup runs through a fast audit of your site, checking for proper tags and surfacing any errors that might come up



2. Web Page Test

- Run a free website speed test from around the globe using real browsers at consumer connection speeds with detailed optimization recommendations.




3. GT metrix

- Easily test your web page speed



4. Dareboost

- Website Speed Test and Website AnalysisTest, analyze and optimize your website performance
Run a Website Speed Test and get your analysis report for free




5. Pingdom

- Pingdom offers cost and performance monitoring tool for your website

12 podcasts every Software Developer should follow:



1. Learn to Code With Me:

Across over 100 episodes, Laurence Bradford has interviewed a wide variety of self-taught developers.



2. JS Party:

The JavaScript ecosystem is both massive and diverse. And so is this party of a podcast.

Each week, a rotating panel of JavaScript veterans talk about new libraries, emerging best practices, and other changes that impact developers.



3. Talk Python to Me:

Each week, developer Michael Kennedy explores the Python ecosystem and its many applications. Along the way, he interviews Python enthusiasts from a variety of fields.



4. The Code Newbie Podcast:

The best podcast for developers new to the field.




5. SyntaxFM:

Created by Scott Tolinski & Wes Bos.

Each episode, Scott and Wes share web development tools and techniques, and often interview some of the top web developers from the field.




6. The Indie Hackers Podcast:

Courtland has interviewed nearly 200 founders – most of whom started off as full-time developers at other companies who started a project on the side. And many of those side projects bloomed into profitable businesses.




7. The Changelog:

The Changelog is, at this point, an institution. Over the past 11 years, they've interviewed the creators of a wide variety of open source projects.




8. Practical AI:

The Practical AI podcast focuses on real-world implementations of machine learning tools. It's hosted by seasoned practitioners who know what they're talking about: Data Scientist Daniel Whitenack and Software Engineer Chris Benson.



9. Developer Tea:

This is a great podcast for shorter listening sessions, since most of the episodes only 15 or 20 minutes long. These episodes will leave you energized and ready to get some coding done.




10. The Ladybug Podcast:

In this podcast in addition to hard technical topics, the hosts focus on career growth, personal development, and even have a sort of book club where they all read the same book and discuss it.




11. The ShopTalk Podcast:

The best podcast for UI / UX design.




12. The Hanselminutes Podcast:

Across nearly 800 episodes, Scott, the host talks with software developers from all around the field and all corners of the earth.

1.Your First Webpage

2. The Structure of a Webpage

3. Creating A Full Webpage

4. Header Tags

5. Paragraph Tags

6. Formatting Text