Web Development
71.7K subscribers
1.15K photos
1 video
3 files
593 links
Learn Web Development From Scratch

0️⃣ HTML / CSS
1️⃣ JavaScript
2️⃣ React / Vue / Angular
3️⃣ Node.js / Express
4️⃣ REST API
5️⃣ SQL / NoSQL Databases
6️⃣ UI / UX Design
7️⃣ Git / GitHub

Admin: @love_data
Download Telegram
Here is a small gift for you from me 😄

Grab all the Premium courses for free ❤️

Course available on following topics 👇
1. Python Programming
2. Java Programming
3. Web Development
4. Data Science
5. Artificial Intelligence
6. Machine learning
7. C++ Programming
8. And much more

Don’t miss it 💯
Register here 👇

https://www.edyoda.com/register?aff=9

Use Invite Code Tap Code To Copy: EDYODA
👍7🤔3👎1
🔴Free Courses With Certificate 🔴

Website link
👇👇
https://bit.ly/33LsOqo

There are lot of free courses to learn Programming, Web Development, Data Analytics, Machine Learning, Artificial Intelligence, Big Data, Cloud, Management, Cyber-security, Business, Graphic Design, English communication, Digital marketing and many more. These are supplemented with free projects, assignments, datasets and quizzes.

You will also get certificate of completion at the end of each course absolutely free 😍😍

Use Referral code GLZVRWM7SAPCS to earn extra 100 GL coins while sign up

ENJOY LEARNING 👍👍
👍5🔥4
​​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
6👍1🥰1
7 Top Skills Required To Be A Successful Logo Designer

✏️Sense of Colour
✏️Knowledge of Typefaces
✏️Illustration
✏️Creative Thinking
✏️Planning & Marketing
✏️Technological Skill
✏️Precision
🧑‍💻Steps that you can do to become a dev

> Learned HTML, CSS & JS
> Learned Python
>Realized there were no Python jobs near me
>Learned Java
>Made Projects
>Learned SQL
>Learned JS again because I forgot it
>Learned Angular
>Failed Interviews
>Failed More Interviews
>Finally got 1 call
👍14😁4🔥3
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
14👍7
How to get clients as a freelancer:

Google Search Results Outreach
Google Maps Outreach
Family & Friends
Email Outreach
Instagram DM
Facebook DM
LinkedIn Ads
LinkedIn DM
Twitter DM
AdWords
FB Ads
SEO
👍101
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
👍7
All the things that DO NOT make you a great developer.

- Hating on another person's success
- Expensive laptops and monitors
- Gate Keeping
- Language hate
- Laptop stickers
- Letting people know that they aren't cool for not using Linux

Support one another so we can ALL win!
👍21
Top 10 Freelancing websites for Developers

🎩 Fiverr
🎩 Upwork
🎩 Toptal
🎩 Codementor
🎩 Freelancer
🎩 Truelancer
🎩 Guru
🎩 PeoplePerHour
🎩 Upstack
🎩 Gigster
3
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
🛣 Beginner's Roadmap for Front-End

HTML & CSS👩‍💻JavaScript👩‍💻

👩‍💻Tailwind* ← 👩‍💻 ← TypeScript

React* → 👩‍💻Next.js* → 👩‍💻🏁

And, become a Pro 🥳.
9👍5
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/
👍53
Algorithms Every Developer Should Know

1. Sorting Algorithm: - It is the algorithm that arranges the order of the items in a list.
Bubble Sort , Merge Sort , Quicksort , Heap Sort.

2. Searching Algorithm: - It is the algorithm that finds an element in a data set.Binary Search Breadth-First Search(BFS) Depth-First Search(DFS)

3. Dynamic Programming: - DP is an algorithmic technique for solving an optimization problem by breaking it down into simpler sub-problems.

4. Recursion Algorithm: - Recursion is a problem-solving technique in which the solution is dependent on solutions to smaller instances of the same problem.

5. Divide and Conquer: - The Divide and Conquer algorithm consists of a dispute using the three steps listed below.
* Divide the original problem into sub-problems. * Conquer: Solve each sub-problem one at a time, recursively. * Combine: Put the solutions to the sub-problems together to get the solution to the whole problem.

6. Hashing: - Hashing is a technique or process that uses a hash function to map keys and values into a hash table. 'It is done to allow for quicker access to elements.
👍2
Things that a Web Developer must know concerning database storage and management:

🟡Characteristics of relational/non-relational data.

🟡Knowledge of NoSQL databases.

🟡Knowledge of web storage.

Following are some of the best databases you must learn

🟧Relational databases: Within the tables, data is stored in rows and columns. The relational database management system (RDBMS) is the program that allows you to create, update, and administer a relational database. Microsoft SQL Server, Oracle Database, MySQL, PostgreSQL, and IBM Db2 are examples of rational databases.

🟧NoSQL: NoSQL databases (aka “not only SQL”) are non-tabular, and store data differently than relational tables. NoSQL databases come in a variety of types based on their data model. The main types are document, key-value, wide-column, and graph. Apache Cassandra, MongoDB, CouchDB, and Couchbase are examples of NoSQL.

🟧Cloud database: It refers to any database that’s designed to run in the cloud. Like other cloud-based applications, cloud databases offer flexibility and scalability, along with high availability. Cloud databases are also often low-maintenance since many are offered via a SaaS model. Microsoft Azure SQL Database, Amazon Relational Database Service, Oracle Autonomous Database are examples of cloud database..

Technology Stacks- MEAN, MERN, MeVn, Lamp

🔰MEAN Stack: MEAN stack development refers to the development process that falls within these particular sets of technologies MongoDB, ExpressJS, Angular, NodeJS.

🔰MERN Stack: It is is one of several variations of the MEAN stack (MongoDB, Express, Angular, Node), where the traditional Angular frontend framework is replaced with React JS. The main benefit of using MERN is the integration of React and its powerful library and capability to use code simultaneously on servers and browsers.

🔰MEVN Stack: Other variants of MEAN Stack, the MEVN Stack (MongoDB, Express, Vue, Node), and really any frontend JavaScript framework can work. It is the open-source JavaScript software stack that has emerged as a new and evolving way to build powerful and dynamic web applications

🔰LAMP: It is an old classic industry standard when it comes to time-tested web development stacks, which comprises MySQL (Relational Database Management), Linux (Operating System), PHP (Programming Language), and Apache (HTTP server).
👍13
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.
Do you want web development roadmap?
Anonymous Poll
96%
Yes
4%
No
😁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.
▫️▫️🟧▫️▫️
👍18🔥5👏31