How to practice web development skills
👇👇
1. Find an internship
You can take up web development internships at small agencies or startups. Such organisations are usually more open to hire interns and provide opportunities to work on actual projects. This will help you understand how web development projects work and will provide you with the opportunity to develop your skills in a professional setting.
2. Take up freelance projects
You can also choose to work on freelance web development projects. This is slightly different from internships in that you will not be a part of an organisation. Instead, you will work alone. However, here also, you get a chance to work on real projects and interact with real clients. In addition to getting the opportunity to improve your skills, you will also be able to make decent money by the side.
3. Work on personal projects
If you think you are not yet in a position to work as an intern or on any freelance projects, you can work on your own projects. This would not be a professional setup, and you would not be interacting with any teammates or clients, but you will get the chance to practise your technical skills and build something from scratch. Such projects can then be used in your portfolio or CV to prove your skills to the hiring managers.
👇👇
1. Find an internship
You can take up web development internships at small agencies or startups. Such organisations are usually more open to hire interns and provide opportunities to work on actual projects. This will help you understand how web development projects work and will provide you with the opportunity to develop your skills in a professional setting.
2. Take up freelance projects
You can also choose to work on freelance web development projects. This is slightly different from internships in that you will not be a part of an organisation. Instead, you will work alone. However, here also, you get a chance to work on real projects and interact with real clients. In addition to getting the opportunity to improve your skills, you will also be able to make decent money by the side.
3. Work on personal projects
If you think you are not yet in a position to work as an intern or on any freelance projects, you can work on your own projects. This would not be a professional setup, and you would not be interacting with any teammates or clients, but you will get the chance to practise your technical skills and build something from scratch. Such projects can then be used in your portfolio or CV to prove your skills to the hiring managers.
👍18❤3🔥1👏1
5 Awesome tools for Web Designers
🎨 Color Hunt
🎨 Cool Backgrounds
🎨 99 Designs
🎨 UI gradients
🎨 Gravit Designer
🎨 Color Hunt
🎨 Cool Backgrounds
🎨 99 Designs
🎨 UI gradients
🎨 Gravit Designer
👍6❤2
Top 7 Chrome Extensions for Web Developers
⚙️ GitHunt
⚙️ WhatFont
⚙️ BrowserStack
⚙️ CSS Viewer
⚙️ HTML Validator
⚙️ Web Developer
⚙️ React Developer Tools
⚙️ GitHunt
⚙️ WhatFont
⚙️ BrowserStack
⚙️ CSS Viewer
⚙️ HTML Validator
⚙️ Web Developer
⚙️ React Developer Tools
❤2👍2
🔎 Build 7 Projects using with only HTML and CSS🔎
1) A servey form
2) product Page
3) Portfolio Page
4)Clone UI
5) Login/Sign-up page
6) Company Card
7) Own Blog
1) A servey form
2) product Page
3) Portfolio Page
4)Clone UI
5) Login/Sign-up page
6) Company Card
7) Own Blog
👍15❤2
Python Learning Courses provided by Microsoft 📚
Recently, I found out that Microsoft provides quality online courses related to Python on Microsoft Learn.
Microsoft Learn is a free online platform that provides access to a set of training courses for the acquisition and improvement of digital skills. Each course is designed as a module, each module contains different lessons and exercises. Below are the modules related to Python learning.
🟢Beginner
1. What is Python?
2. Introduction to Python
3. Take your first steps with Python
4. Set up your Python beginner development environment with Visual Studio Code
5. Branch code execution with the if...elif...else statement in Python
6. Manipulate and format string data for display in Python
7. Perform mathematical operations on numeric data in Python
8. Iterate through code blocks by using the while statement
9. Import standard library modules to add features to Python programs
10. Create reusable functionality with functions in Python
11. Manage a sequence of data by using Python lists
12. Write basic Python in Notebooks
13. Count the number of Moon rocks by type using Python
14. Code control statements in Python
15. Introduction to Python for space exploration
16. Install coding tools for Python development
17. Discover the role of Python in space exploration
18. Crack the code and reveal a secret with Python and Visual Studio Code
19. Introduction to object-oriented programming with Python
20. Use Python basics to solve mysteries and find answers
21. Predict meteor showers by using Python and Visual Studio Code
22. Plan a Moon mission by using Python pandas
🟠Intermediate
1. Create machine learning models
2. Explore and analyze data with Python
3. Build an AI web app by using Python and Flask
4. Get started with Django
5. Architect full-stack applications and automate deployments with GitHub
#materials
Recently, I found out that Microsoft provides quality online courses related to Python on Microsoft Learn.
Microsoft Learn is a free online platform that provides access to a set of training courses for the acquisition and improvement of digital skills. Each course is designed as a module, each module contains different lessons and exercises. Below are the modules related to Python learning.
🟢Beginner
1. What is Python?
2. Introduction to Python
3. Take your first steps with Python
4. Set up your Python beginner development environment with Visual Studio Code
5. Branch code execution with the if...elif...else statement in Python
6. Manipulate and format string data for display in Python
7. Perform mathematical operations on numeric data in Python
8. Iterate through code blocks by using the while statement
9. Import standard library modules to add features to Python programs
10. Create reusable functionality with functions in Python
11. Manage a sequence of data by using Python lists
12. Write basic Python in Notebooks
13. Count the number of Moon rocks by type using Python
14. Code control statements in Python
15. Introduction to Python for space exploration
16. Install coding tools for Python development
17. Discover the role of Python in space exploration
18. Crack the code and reveal a secret with Python and Visual Studio Code
19. Introduction to object-oriented programming with Python
20. Use Python basics to solve mysteries and find answers
21. Predict meteor showers by using Python and Visual Studio Code
22. Plan a Moon mission by using Python pandas
🟠Intermediate
1. Create machine learning models
2. Explore and analyze data with Python
3. Build an AI web app by using Python and Flask
4. Get started with Django
5. Architect full-stack applications and automate deployments with GitHub
#materials
❤6👍1🥰1
Roadmap for becoming Back-End Developer in 2021
Learn the basics of Internet
1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?
Basics of front-end languages
1. HTML
2. CSS
3. JavaScript
Learn a back-end language
1. PHP
2. NodeJS
3. Ruby On Rails
4. Python
5. Go
5. C#
Just learn anyone of the above language but make sure you have in-depth understanding of that language.
I will recommend NodeJs or PHP.
Learn Version Control System
1. Basic Git Commands
2. Repo hosting services
I. GitHub
II. Gitlab
III. Bitbucket
Learn about Relational Databases
1. MySQL
2. PostgreSQL
3. MariaDB
4. MS SQL
5. Oracle
MySQL is the most popular one.
Learn about NoSQL databases
1. MongoDB
2. RethinkDB
3. CouchDB
4. DynamoDB
NoSQL are very popular databases. Many startups are opting for NoSQL databases instead of SQL databases.
Learn About APIs
1. REST
2. JSON APIs
3. HATOAS
4. Open API Spec and Swagger
5. Authentication
6. GraphQL
Learn about caching
1. CDN (Cloud Delivery Network)
2. Server-side caching
I. Redis
II. Memcached
3. Client-side caching
Web Servers
1. Nginx
2. Apache
3. Reverse Proxy
Understand web security
1. Hashing Algorithm
I. MD5
II. SHA Family
III. Scrypt
IV. Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS
Learn testing
1. Integration Testing
2. Unit Testing
3. Functional Testing
Containerization / Virtualization
1. Docker
2. Kubernetes
3. rkt
Architectural Patterns
1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers
Learn the basics of Internet
1. How does the internet work?
2. What is HTTP & HTTPS?
3. What is Domain Name?
4. What is IP Address?
5. DNS and how it works?
6. What is hosting?
7. What is SMTP?
Basics of front-end languages
1. HTML
2. CSS
3. JavaScript
Learn a back-end language
1. PHP
2. NodeJS
3. Ruby On Rails
4. Python
5. Go
5. C#
Just learn anyone of the above language but make sure you have in-depth understanding of that language.
I will recommend NodeJs or PHP.
Learn Version Control System
1. Basic Git Commands
2. Repo hosting services
I. GitHub
II. Gitlab
III. Bitbucket
Learn about Relational Databases
1. MySQL
2. PostgreSQL
3. MariaDB
4. MS SQL
5. Oracle
MySQL is the most popular one.
Learn about NoSQL databases
1. MongoDB
2. RethinkDB
3. CouchDB
4. DynamoDB
NoSQL are very popular databases. Many startups are opting for NoSQL databases instead of SQL databases.
Learn About APIs
1. REST
2. JSON APIs
3. HATOAS
4. Open API Spec and Swagger
5. Authentication
6. GraphQL
Learn about caching
1. CDN (Cloud Delivery Network)
2. Server-side caching
I. Redis
II. Memcached
3. Client-side caching
Web Servers
1. Nginx
2. Apache
3. Reverse Proxy
Understand web security
1. Hashing Algorithm
I. MD5
II. SHA Family
III. Scrypt
IV. Bcrypt
2. HTTPS
3. CORS
4. SSL/TLS
Learn testing
1. Integration Testing
2. Unit Testing
3. Functional Testing
Containerization / Virtualization
1. Docker
2. Kubernetes
3. rkt
Architectural Patterns
1. Monolithic
2. Microservices
3. Serverless
4. Scaling (Horizontal & Vertical)
5. Load Balancers
❤14👍7
Top 10 great tools for web developers.
It will save your 150+ hours 🚀
💨 DevBytes
💨 Splitbee
💨 Swipe Pages
💨 Clearbit
💨 ReadMe
💨 Storytale
💨 Firecamp
💨 Airtable
💨 JSON View Pro
💨 Excalidraw
It will save your 150+ hours 🚀
💨 DevBytes
💨 Splitbee
💨 Swipe Pages
💨 Clearbit
💨 ReadMe
💨 Storytale
💨 Firecamp
💨 Airtable
💨 JSON View Pro
💨 Excalidraw
👍7
Canva for Beginners
⭐️ Rating: 4.8 out of 5
🎬 10 video lessons
⏰ Duration: Less than 1 hour
🏃♂️ Self paced
Source: Canva
🔗 https://www.canva.com/designschool/courses/canva-101/?lesson=opening-canva-for-the-first-time
⭐️ Rating: 4.8 out of 5
🎬 10 video lessons
⏰ Duration: Less than 1 hour
🏃♂️ Self paced
Source: Canva
🔗 https://www.canva.com/designschool/courses/canva-101/?lesson=opening-canva-for-the-first-time
5 Useful Resources for Junior Web Developers
1. Diagrams - This is such a great web for draw a lot of diagrams you need. I use it for my databases as long as I need to share with my peers.
Visit : https://app.diagrams.net/
2. CSS Section Generator - If you want to take your website design to another level, this separator generator allows you to create different sections for your web.
Visit : https://wweb.dev/resources/css-separator-generator
3. Grid by example - The perfect place if you need to understand how grid layout works.
Visit : https://gridbyexample.com/
4. JSFiddle - If you need to test your code and you don't want to open VS Code, JSFiddle brings you the possibility to use an online editor.
Visit : https://jsfiddle.net/
5. Sweet Alerts - A beautiful tool for replacement alerts. It's a npm pakage so you need to install it as a dependencie.
Visit : https://sweetalert.js.org/
1. Diagrams - This is such a great web for draw a lot of diagrams you need. I use it for my databases as long as I need to share with my peers.
Visit : https://app.diagrams.net/
2. CSS Section Generator - If you want to take your website design to another level, this separator generator allows you to create different sections for your web.
Visit : https://wweb.dev/resources/css-separator-generator
3. Grid by example - The perfect place if you need to understand how grid layout works.
Visit : https://gridbyexample.com/
4. JSFiddle - If you need to test your code and you don't want to open VS Code, JSFiddle brings you the possibility to use an online editor.
Visit : https://jsfiddle.net/
5. Sweet Alerts - A beautiful tool for replacement alerts. It's a npm pakage so you need to install it as a dependencie.
Visit : https://sweetalert.js.org/
👍5❤3