Earn money as a web developer
🔰Building a SaaS:
A SaaS is a Software as a Service, an application or website that allows people to sign up and pay for the service.
Create digital products
You can create courses, software, ebooks, or any digital product that you want to distribute to customers worldwide. If you have a passion for web development and want to make extra money on the side, this will be a great opportunity for you.
🔰Create online courses:
You can make courses on web development and sell them on the sites like Udemy.
🔰Build websites for small business:
Now a days it becomes very hard to get work from freelancing site. So, you can make websites for your nearby small businesses.Most of small shops don’t have a web developer on staff, but would be willing to pay a reasonable amount for some web development/design help. Send an email out to the owner letting them know you’re a local web developer, a fan of their business, and want to help out by extending your services at a discounted rate.
🔰Establish your Digital Presence:
If you want someone to hire you as a freelancer, set yourself apart. First, get started on GitHub and start blogging or you may start youtube channel (either on your own blog, our as a guest blogger). If you learn something new, work on a project, write a clever bit of code, make sure to share it! Establishing your digital presence is a great way to establish credibility, even if you’re new to the industry.
🔰Create niche websites to Rent or Sell:
You can use these skills to build a website in a particular niche such as "Atlanta Hairdresser".
a) Purchase a domain in your selected niche.
b)Build a simple website for this niche.
c) Start creating relevant posts and content to get traffic to your site and to rank on Google.
Once the site is ranking on Google to the point where it's getting some organic decent traffic, you can then start approaching businesses in this particular niche you have chosen (in our example, hair salons and barbershops in Atlanta) and offer to rent or sell the website to them.
🔰Building a SaaS:
A SaaS is a Software as a Service, an application or website that allows people to sign up and pay for the service.
Create digital products
You can create courses, software, ebooks, or any digital product that you want to distribute to customers worldwide. If you have a passion for web development and want to make extra money on the side, this will be a great opportunity for you.
🔰Create online courses:
You can make courses on web development and sell them on the sites like Udemy.
🔰Build websites for small business:
Now a days it becomes very hard to get work from freelancing site. So, you can make websites for your nearby small businesses.Most of small shops don’t have a web developer on staff, but would be willing to pay a reasonable amount for some web development/design help. Send an email out to the owner letting them know you’re a local web developer, a fan of their business, and want to help out by extending your services at a discounted rate.
🔰Establish your Digital Presence:
If you want someone to hire you as a freelancer, set yourself apart. First, get started on GitHub and start blogging or you may start youtube channel (either on your own blog, our as a guest blogger). If you learn something new, work on a project, write a clever bit of code, make sure to share it! Establishing your digital presence is a great way to establish credibility, even if you’re new to the industry.
🔰Create niche websites to Rent or Sell:
You can use these skills to build a website in a particular niche such as "Atlanta Hairdresser".
a) Purchase a domain in your selected niche.
b)Build a simple website for this niche.
c) Start creating relevant posts and content to get traffic to your site and to rank on Google.
Once the site is ranking on Google to the point where it's getting some organic decent traffic, you can then start approaching businesses in this particular niche you have chosen (in our example, hair salons and barbershops in Atlanta) and offer to rent or sell the website to them.
😁6👍1
Basic web development roadmap
🟧
1.Learn: How websites work, front-end vs back-end, code editor
🟧
2: Basic front-end:
a. Html
b. Css
c. Javascript
Expected time 7+14+30=51 days.
🟧
3. Learn front-end frameworks:
a. Learn css framework ( Bootstrap , Tailwind css , ...)
b. Learn JavaScript frameworks ( angular, react , vue...)
Expected time minimum 60 days.
🟧
4. Learn database
a. MySQL
b. MongoDB
There are many more. Choose one and learn.
🟧
5. Learn backend programming languages:
a. Php
b. Nodejs
There are many more. Learn any one.
Expected time: 60 days
🟧
6. Do some projects and clone some websites.
▫️▫️🟧▫️▫️
🟧
1.Learn: How websites work, front-end vs back-end, code editor
🟧
2: Basic front-end:
a. Html
b. Css
c. Javascript
Expected time 7+14+30=51 days.
🟧
3. Learn front-end frameworks:
a. Learn css framework ( Bootstrap , Tailwind css , ...)
b. Learn JavaScript frameworks ( angular, react , vue...)
Expected time minimum 60 days.
🟧
4. Learn database
a. MySQL
b. MongoDB
There are many more. Choose one and learn.
🟧
5. Learn backend programming languages:
a. Php
b. Nodejs
There are many more. Learn any one.
Expected time: 60 days
🟧
6. Do some projects and clone some websites.
▫️▫️🟧▫️▫️
👍18🔥5👏3❤1
How To Develop A Text Editor For The Web
.
.
.
.
👉 https://www.smashingmagazine.com/2022/02/develop-text-editor-web/
#texteditor #webdevelopment
.
.
.
.
👉 https://www.smashingmagazine.com/2022/02/develop-text-editor-web/
#texteditor #webdevelopment
How to Use Optional Chaining in JavaScript
https://www.freecodecamp.org/news/javascript-optional-chaining/
https://www.freecodecamp.org/news/javascript-optional-chaining/
freeCodeCamp.org
How to Use Optional Chaining in JavaScript
Optional chaining is a safe and concise way to perform access checks for nested object properties. The optional chaining operator ?. takes the reference to its left and checks if it is undefined or null. If the reference is either of these nullish va...
👍2
😮 10 Sites to get Free illustrations for your next project
🔹 Freepik
🔹 unDraw
🔹 DrawKit
🔹 Graphic Surf
🔹 Humaaans
🔹 ManyPixels
🔹 Open Peeps
🔹 Open Doodles
🔹 Absurd Design
🔹 Free Illustrations
🔹 Freepik
🔹 unDraw
🔹 DrawKit
🔹 Graphic Surf
🔹 Humaaans
🔹 ManyPixels
🔹 Open Peeps
🔹 Open Doodles
🔹 Absurd Design
🔹 Free Illustrations
👍13🥰2❤1
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
👍4👎1
Learn css specificity
If there are two or more CSS rules that point to the same element, the selector with the highest specificity value will "win", and its style declaration will be applied to that HTML element.Think of specificity as a score/rank that determines which style declaration are ultimately applied to an element.
Read more 👉 https://www.w3schools.com/css/css_specificity.asp
Quizzes
👉 https://codepen.io/pehaa/pen/dEpvXN
👉https://codepen.io/pehaa/pen/OYLwGW
If there are two or more CSS rules that point to the same element, the selector with the highest specificity value will "win", and its style declaration will be applied to that HTML element.Think of specificity as a score/rank that determines which style declaration are ultimately applied to an element.
Read more 👉 https://www.w3schools.com/css/css_specificity.asp
Quizzes
👉 https://codepen.io/pehaa/pen/dEpvXN
👉https://codepen.io/pehaa/pen/OYLwGW
👍6❤2
5 low competition freelance website for web developers
⭐Stack overflow
⭐Codepen
⭐Hireable
⭐Gigstar
⭐Hired
⭐Stack overflow
⭐Codepen
⭐Hireable
⭐Gigstar
⭐Hired
Build a Quiz App with HTML, CSS, and JavaScripthttps://www.udemy.com/course/build-a-quiz-app-with-html-css-and-javascript/
Web Developer Course HTML CSS JavaScript Learn Web Design
Guide to https://www.udemy.com/course/web-developer-course-on-creating-a-business-website/
Intro to Node JS & Expresshttps://www.udemy.com/course/intro-to-node-js-express/
Cloning Amazon, Netflix & Spotifyhttps://www.udemy.com/course/learn-html-css-clone-amazon-netflix-spotify/
The Complete Responsive Web Design Coursehttps://www.udemy.com/course/the-complete-responsive-web-design-course/
How to Register a Domain, Set Up Hosting, and Edit Web Pageshttps://www.udemy.com/course/register-domain-setup-hosting-create-web-page/
Create Google Homepage with HTML and CSS in just 40 mins
https://www.udemy.com/course/create-google-homepage-with-html-and-css-in-just-40-mins/
HTML and CSS - Lets Build a Mixer Clonehttps://www.udemy.com/course/html-and-css-lets-build-a-mixer-clone/
👍6🥰2
What is the difference between closure and a block scope in JavaScript?
A) Closure is a way to access a variable from an outer scope within a nested function, while a block scope is a way to limit the scope of a variable to the block it was defined in.
B) Closure is a way to limit the scope of a variable to the block it was defined in, while a block scope is a way to access a variable from an outer scope within a nested function.
C) Closure and block scope are the same thing in JavaScript.
D) Closure and block scope are not related in JavaScript.
A) Closure is a way to access a variable from an outer scope within a nested function, while a block scope is a way to limit the scope of a variable to the block it was defined in.
B) Closure is a way to limit the scope of a variable to the block it was defined in, while a block scope is a way to access a variable from an outer scope within a nested function.
C) Closure and block scope are the same thing in JavaScript.
D) Closure and block scope are not related in JavaScript.
👍5❤2