Forem: Sanket Jagdale

Top FREE HTML Resources

Sanket Jagdale — Sun, 16 Apr 2023 08:02:23 +0000

If you want to become a full stack web developer, then your first step should be learning HTML, and if you go on the internet and search for resources of HTML, you will be lost in the ocean of resources. So in this particular blog, I will be sharing some top resources from where you can learn HTML for free and move ahead with your journey of becoming a full-stack web developer.

Before going to resources, let’s understand what is HTML?

HTML is the hypertext markup language that decides how your web page will look like.
HTML defines the structure of the web page and it is used for creating different web pages.
HTML particularly discusses the structure of any web page.
next up let’s talk about some important Concepts that you should be focusing on while learning HTML starting with the

Different types of semantic tags: So on any web page there are different types of tags so you should be aware of different semantic tags which define the structure of a web page.
HTML forms: On the webpage, there is one important part of taking input from the user and working accordingly so you should be aware of HTML forms.
HTML tables: you should be aware of HTML tables so that you can create different tables of different sizes.
HTML media: In HTML media you should be aware of three tags which are image video and audio tags.
So up until this point in time, we have talked about what is HTML and what are the different important topics that you should be focusing on while learning HTML.

Let’s talk about the resources. So in this particular blog, I will be sharing two types of resources. The first one is documentation. Documentation will help you to learn any technology, as well as it will serve you as a reference if you need help in the future. The next type of resource is video tutorials.

Starting with the resources

w3schools

2.MDN Docs

3.html.com

4.Tutorial by freecodecamp

5.Crash course by traverse media

6.Crash course by Programming with Mosh

7.Tutorial by CodeWithHarry

Resources Link (Notion Page) 🧑🏼‍💻

You can watch this particular video from my channel for a better understanding:

Video Link

Get in Touch with me: https://linktr.ee/Devgrammer

Follow @sanket00900 for more !!!

How I Earned 40,000rs on My First Freelancing Project: Experience and Lessons Learned !!!

Sanket Jagdale — Sat, 08 Apr 2023 04:52:18 +0000

As a Web Developer, I have been building numerous side projects, learning new technologies, and doing internships. However, I recently decided to explore a new dimension and started freelancing. I was excited to try something new and expand my skillset in many aspects.

Looking back on the experience, I realized that there were many valuable lessons I learned along the way. In this blog post, I’ll share my experience and the main lessons I learned from my first freelance project.

Contents :

Finding the Freelancing Project
Project Scope and Requirements
Client Communication
Timeline and Deliverables
Challenges faced
Lessons Learned
Achievements and Financials
Personal Growth
Conclusion

1. Finding the Freelance Project

I landed my first client through a mutual network. The client was initially in contact with my friend, who told me about the client’s project requirements. I decided to seize this opportunity and called the client to discuss the project further.

The client then provided me with the contact information of the technical guy at their company and suggested that we should discuss the technical aspects of the project first. If everything went well, we could then discuss the financials.

I was excited to move forward, so the very next day, I contacted the technical expert to discuss the project. After a call where we discussed an overview of the project and his requirements, I was confident that I could complete the job. I called the client back to talk about the financials, and we discussed different phases, such as the advance payment, payment after design, and payment after hand-off. After negotiations from both sides, we agreed on a total amount of 40,000rs.

2. Project Scope and Requirements

My task was to design and develop a full-stack website for the company. This involved creating the website’s front-end and back-end components, as well as implementing user authentication, such as login and signup. Additionally, I was responsible for creating dynamic reports and fetching data from the database. The website needed to be user-friendly and visually appealing while also being efficient and responsive. Although there were no limitations or requirements for the tech stack, the database specified for the project was MS SQL.

3. Client Communication

For communication, the client created a WhatsApp group and added 3–4 members from their company. This allowed for seamless modifications and updates to be shared between the team and myself. Throughout the project, we communicated exclusively on this group and through calls, where I provided daily updates on the website’s design, new features, and functionality, complete with screenshots and demos. The client provided valuable feedback and made modifications as necessary, ranging from minor design changes to the addition of new features and functionality. This collaborative communication approach was key to ensuring that the website met the client’s expectations and was delivered on time and within budget.

4. Timeline and Deliverables

Phase 1: Design Hand-off

The day after our call, I began designing the website, and within 3 to 4 days, I shared the first draft and a presentation on the WhatsApp group. The client provided valuable feedback, ranging from minor changes such as color and shape modifications to major changes such as altering the navbar’s functionality. I incorporated the feedback and made the necessary changes, providing updated drafts for review on an ongoing basis. and after a week or so we finalized the design.

Phase 2 : Research and Learning

Since I was unfamiliar with MS SQL and how to integrate it with Node.js, I turned to the internet for help. Unfortunately, I found very few resources related to MS SQL integration. However, I eventually stumbled upon a great blog post that outlined the integration process step by step.

Phase 3 : Development

After conducting the necessary research, I began the development phase and integrated Node.js with a demo MS SQL server. From there, I began creating various frontend components and pushed them to GitHub, allowing the client to review and provide feedback on each iteration. This collaborative approach helped ensure that the client was satisfied with the website’s design and functionality.

Backend work for the website proved to be quite challenging, particularly due to the company’s strong focus on data analysis. In total, there were 12 large databases, each containing upwards of 100 tables, which made the backend work quite complex and time-consuming.

To handle this, I broke the backend work down into smaller, more manageable components and developed a clear plan of action. I also utilized various tools and technologies to streamline the development process.

Phase 4 : Handoff

After many sleepless nights and putting in a lot of hard work, I was finally able to hand off the completed project to the client. The feeling of relief and satisfaction was immense, as I had worked tirelessly to ensure that the website met all of the client’s requirements and was functioning perfectly. The handoff process went quite smoothly, and I was able to provide the client with all the necessary documentation and support for the website’s maintenance and upkeep.

5. Overcoming the Challenges Faced

It’s not uncommon for clients to prioritize functionality over demos or screenshots, especially when it comes to backend work. However, it can be challenging when you’re in the design phase and not yet ready to implement certain features.
Integrating MS SQL with your Nodejs server was a particularly challenging task. It’s perfectly normal to feel impatient or frustrated when working on something new and unfamiliar, but it’s important to remember that every new skill takes time to master.
On top of that, balancing schoolwork and client demands can be tough. It’s important to manage your time effectively and communicate clearly with your client to ensure that their needs are being met while also prioritizing your own responsibilities.
Overall, working on a complex project can be challenging, but with patience, persistence, and effective time management, you can successfully deliver a high-quality product that meets your client’s needs.

6. Lessons Learned

When embarking on a new freelance project, creating/asking for detailed documentation of all the requirements and project details can be incredibly beneficial. This documentation acts as a reference point for both you and your client, ensuring that everyone is on the same page and there is no ambiguity regarding the project’s scope. Additionally, having clear and detailed documentation can also be useful for negotiation purposes in the later stages of the project.
Learning something new can be a challenging and time-consuming process, but it’s essential for growth and development. Whether you’re learning a new programming language or a new skill, it’s important to be patient throughout the process. Don’t fall into the trap of tutorial hell, where you spend all your time watching tutorials and never actually putting what you’ve learned into practice. Instead, take the time to learn a new concept or skill, then use it to build something. This will help you solidify your understanding of the topic and give you a chance to apply what you’ve learned in a practical way.

7. Conclusion

In conclusion, working on this project was a great experience for me, and I learned a lot from it. From managing client expectations to working with new technologies, it was a perfect roller coaster ride. I gained a lot of confidence in my abilities as a full-stack developer and learned to work more efficiently and effectively under tight deadlines. This experience has also taught me the importance of clear communication, the value of timely updates, and the value of collaborating with the client throughout the project. I am proud of the work I accomplished on this project and am excited to apply these learnings to my future projects.

In the end, Thank you for reading this blog, I will be coming up with more useful experiences in the future, so follow @sanket00900 and stay tuned !!!

Become a Full Stack Web Developer in 2023 🤩🔥 Complete Roadmap and resources

Sanket Jagdale — Tue, 27 Dec 2022 11:50:45 +0000

Web development is an exciting, constantly evolving, fast-paced field that has tons of opportunities weather you want to get job, or become a freelancer, or build a product or saas or anyone who's interested in making the world a better place.With the internet playing such a central role in our lives, there is always a need for skilled web developers.

Also, With a field that is constantly evolving, you'll always have the chance to learn new technologies and stay up-to-date with the latest trends. Also with demand for web developers on the rise, you'll have plenty of job opportunities to choose from.

In this video, I am going to share complete roadmap as well as ultimate resources that you need to become fullstack web developer in 2023 🔥

YouTube Video Link : https://youtu.be/Dett4dw_IpI

𝐆𝐞𝐭 𝐢𝐧 𝐭𝐨𝐮𝐜𝐡 𝐰𝐢𝐭𝐡 𝐦𝐞 😊
https://linktr.ee/sanket00900

What is an API?

Sanket Jagdale — Mon, 14 Mar 2022 12:08:26 +0000

API is an acronym for Application Programming interface
Application Programming Interface (API) is a software middleman that allows two apps to communicate with one another.

You utilize an API every time you use an apps like ola, uber and swigyy, and try to track your delivery.

For Better Understanding lets take one familiar and easy example:

Imagine you’re sitting at a table in a restaurant with a menu of choices to order from.

The kitchen is the part of the “system” that will prepare your order.

What is missing is the critical link to communicate your order to the kitchen and deliver your food back to your table. That’s where the waiter or API comes in.

The waiter is the messenger or (API) that takes your request or order and tells the kitchen (the system) what to do.
Then the waiter delivers the response back to you; in this case, it is the food.

Here is a real-life API example.

You may be familiar with the process of searching for flights online. Just like the restaurant, you have a variety of options to choose from, including different cities, departure and return dates, and more.

Let us imagine that you’re booking you are flight on an airline website. You choose a departure city and date, a return city and date, cabin class, as well as other variables.

In order to book your flight, you interact with the airline’s website to access their database and see if any seats are available on those dates and what the costs might be.

Benifits of APIs

Security Any of the applications cant access the system data directly. So API provides one extra layer of security
Monitoring All the illegal activities can be tracked using an API key

Thank you for your read!

Web Development

Sanket Jagdale — Sun, 13 Mar 2022 09:31:04 +0000

𝐖𝐞𝐛 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐦𝐞𝐧𝐭 💻 is one of the technologies that will continue to be in demand for a long time. Aside from that, it provides a plethora of learning chances and alternatives. So here is the complete guide cum roadmap that you may explore in the Web development Journey.
All the Best ✨

Thank You For Your Read ✨ I hope this summarized roadmap will help you in your dev journey !