Web Development

3582 readers
1 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 2 years ago
MODERATORS
1
2
 
 

I'm looking for a simple way to make my contact form functional. So far it seems like emailjs would do the trick.

I'm curious if there are any other recommendations? What would you use and why?

Realistically I can't see the form getting more than a dozen submissions per month.

3
 
 

Hi PWA friends! I've recently been interested in progressive web apps, and I wanted to play with the web push notification API on iOS to see what it can do.

Among other limitations, iOS only allows notifications once the PWA is added to the homescreen (under Share menu).

Code & instructions to run (works nicely in Codespaces, no downloads required!): github.com/ducklol2/web_push_rust_example

I couldn't find a minimal example, so I thought I'd post mine in case others want to copy or build off it. Note that the backend is in Rust, using the Axum framework and the web-push library to call the browser web push endpoints.

Anyone else using or serving a PWA?

4
5
6
 
 

As an open source project, our website never had to "convince people" to use Electron, so I never took the time to actually explain why I'm betting on web technologies to build user interfaces or why I prefer bundling a rendering engine.

7
8
14
submitted 3 weeks ago* (last edited 3 weeks ago) by [email protected] to c/webdev
9
9
submitted 3 weeks ago by arendjr to c/webdev
 
 

Biome project lead here, so feel free to ask questions!

10
11
15
Vitest 3.0 is out (vitest.dev)
submitted 1 month ago* (last edited 1 month ago) by [email protected] to c/webdev
12
8
submitted 2 months ago* (last edited 2 months ago) by xoron to c/webdev
 
 

i wanted to see if we can create asynchronous bottom-up state management, we have the basics to put together a state management system. State management solutions in apps typically have ways to persist data.

I wanted to explore if there are any benefits to define and manage state in webcomponents with a bottom-up approach. I wanted to see if it could give a greater flexibility in developing a UI and not having to worry about persisted storage management.

https://positive-intentions.com/blog/bottom-up-storage

13
14
 
 

On November 22, 2024, Deno formally filed a petition with the USPTO to cancel Oracle’s trademark for “JavaScript.” This marks a pivotal step toward freeing “JavaScript” from legal entanglements and recognizing it as a shared public good.

Oracle has until January 4, 2025, to respond. If they fail to act, the case will go into default, and the trademark will likely be canceled.

15
16
17
 
 

cross-posted from: https://lemmy.ml/post/22627659

Hi,

I have a couples of AV1 videos that I would like to display on a html page.

I've tried

<video controls preload="none">
    <source src="FooBar.mp4">
</video>

but it trow back

I've tried first with MKV container as it's listed on the wikipedia page.

but this is not listed on the mozilla page https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs 🤔

Confusing.. as I found also this in the firefox release note:

Firefox 97 and later versions support AV1 video in the MKV container.

So WTF !?

I've tried also

<video controls preload="none">
    <source src="FooBar.mp4" type="video/webm; codecs='av01.0.08M.08'">
</video>

but that change nothing...

Any ideas ?

Thanks.

18
19
7
submitted 3 months ago* (last edited 3 months ago) by Rick_C137 to c/webdev
 
 

Hi,

I'm using (like a lot of us, I presume ) Mozilla MDN

But I just discover that they display advertise :'(

Damn that think (MDN doc) is run by committer (I did post few thing on it) and they display advertise ! f**king hell ! Can I have my cut 💵 then ?

beside jokes, do you know good (decentralized ?) alternative to mdn docs ?
Thanks.

20
 
 

The tech world is evolving faster than ever, and web developers must keep up with the changes to stay relevant. Choosing the right web development languages to learn or use in projects is crucial for long-term success.

As we look forward to Future proof web development languages 2025, this blog will cover some of the top languages you should focus on. Whether you are a developer or a company offering web development services Gujarat, knowing these languages will help you stay ahead in the industry.

1. JavaScript

JavaScript continues to be the cornerstone of modern web development. It is essential for building interactive and dynamic web applications. With frameworks like React, Vue.js, and Angular gaining popularity, JavaScript is more versatile than ever. By 2025, it will remain a must-know language for both frontend and backend development, especially with the rise of Node.js.

2. Python

Python is known for its simple syntax and versatility, making it one of the top web development languages to learn. It’s used in both web development and other fields like data science and machine learning. Frameworks such as Django and Flask make web development fast and efficient. As more companies adopt Python for its simplicity and power, it’s clear that it will remain a future-proof choice in 2025.

3. TypeScript

An extension of JavaScript, TypeScript adds static typing to help prevent errors and enhance code maintainability. It is becoming the preferred choice for large-scale web projects due to its ability to make code easier to read and manage. By 2025, TypeScript will be even more crucial as teams prioritize scalable and maintainable web applications. Companies providing web development services Gujarat are increasingly using TypeScript to ensure code quality and reliability.

4. Rust

Rust has been gaining traction for its speed and memory safety features. While it is primarily known as a systems programming language, it is now making its way into web development. With frameworks like Rocket and Actix, Rust is proving to be a great choice for building high-performance web servers. For developers aiming to future-proof their skills, Rust is worth learning in 2025.

5. Go (Golang)

Developed by Google, Go is known for its simplicity and performance. It’s excellent for building fast and efficient web servers and backend systems. With its built-in support for concurrent programming, Go is perfect for modern web applications that require multitasking. By 2025, Go will continue to be a go-to language for developers who want reliability and speed.

6. PHP

Despite being one of the older web development languages, PHP is still widely used and continues to evolve. Platforms like WordPress and Drupal rely on PHP, making it a popular choice for content management systems. The latest updates, like PHP 8, have significantly improved performance, ensuring PHP remains relevant in 2025 for backend development.

7. Ruby

Ruby is known for its simplicity and ease of use, especially with the Ruby on Rails framework. While it has faced competition from newer web development languages, Ruby still has a strong and supportive community. For developers looking for a language that is quick to learn and effective for building web applications, Ruby is still a good option in 2025.

8. C#

With the continued expansion of ASP.NET Core, C# is a solid language for building robust web applications. Microsoft’s commitment to open-source and cross-platform support has boosted C#'s popularity in recent years. By 2025, C# will remain an important language for developers working on enterprise-level web solutions.

9. Swift

Though primarily known for iOS development, Swift is becoming more involved in web development through frameworks like Vapor. Its speed and safety features make it an appealing choice for backend development. As Swift continues to grow, developers should consider learning it for cross-platform projects that might involve both mobile and web.

10. HTML and CSS

While not programming languages, HTML and CSS are foundational for any web development project. Advanced CSS techniques, such as CSS Grid and Flexbox, allow for the creation of responsive and visually appealing websites. By 2025, knowing HTML and CSS in depth will still be crucial for anyone involved in web development.

Conclusion

Choosing the right web development languages can set you apart and make your projects successful as we move towards 2025. The Future proof web development languages 2025 include a mix of modern and established options like JavaScript, Python, TypeScript, and newer languages like Rust and Go. Staying updated with these languages will ensure that developers and providers of web development services Gujarat are equipped to build powerful, future-ready applications. Embrace these languages and stay ahead in the fast-paced world of web development.

21
 
 

If you are new to coding and want to strengthen your skills, starting with the right web development projects is essential. These projects will help you understand fundamental concepts and build a solid portfolio. As technology advances, having hands-on experience with relevant web development projects for beginners 2025 will prepare you for future opportunities

Whether you're looking to work independently or join a company that provides web development services Surat, these projects will give you a strong start.

1. Personal Portfolio Website

A personal portfolio website is the perfect starting point for any beginner. This project helps you learn basic HTML, CSS, and JavaScript. You can showcase your skills, highlight your achievements, and link to other web development projects you have completed. By creating a responsive design, you can also learn the basics of mobile-first web development.

2. To-Do List App

Building a to-do list app is a great project to learn JavaScript. It involves creating an interactive user interface where users can add, remove, and mark tasks as completed. This project teaches you about DOM manipulation, event handling, and basic data storage, which are essential for more advanced web development projects.

3. Responsive Blog Layout

Designing a responsive blog layout is an excellent way to improve your CSS and layout skills. This project involves creating a flexible grid or layout using CSS Flexbox or Grid, which adjusts according to different screen sizes. This hands-on project is great practice for beginners who want to create websites similar to those offered by web development services Surat.

4. Weather App Using APIs

Creating a weather app allows beginners to learn how to work with APIs. By fetching real-time weather data from free weather APIs and displaying it on a simple interface, you’ll understand the basics of making HTTP requests and handling JSON data. This project also introduces the concept of asynchronous programming in JavaScript.

5. Calculator App

A calculator app is a simple yet effective project for understanding JavaScript functions and event handling. By creating a basic calculator that performs addition, subtraction, multiplication, and division, you’ll gain more confidence in your programming logic and learn to build interactive elements on web pages.

6. Landing Page for a Product

A landing page project helps you practice creating visually appealing and conversion-focused web pages. You’ll need to focus on design elements, learn more about CSS animations, and use modern layout techniques. This project is perfect for building skills that are essential when offering web development services Surat and similar markets.

7. Quiz App

Developing a quiz app is an interesting way to practice JavaScript and improve your understanding of functions and logic. You can build a multiple-choice quiz where users can select answers and get immediate feedback. This project enhances your ability to work with arrays, objects, and event listeners.

8. Budget Tracker

A budget tracker project is a great way to learn JavaScript and some basic data management skills. This project will involve creating an app where users can input their expenses, categorize them, and see their total budget. This helps you understand array manipulation, local storage, and how to build practical, data-driven applications.

9. Simple E-commerce Page

Building a simple e-commerce page will introduce you to the fundamentals of creating online stores. This project can include product listings, a shopping cart, and a basic checkout form. It is an excellent way to understand dynamic content rendering and basic form validation, which are key concepts for more advanced web development projects.

10. Real-Time Chat App

For beginners who want to challenge themselves, building a real-time chat app using technologies like Socket.io is a fun and educational project. You’ll learn the basics of client-server communication, data transfer, and how to create real-time interactions on a webpage.

Conclusion

Working on practical web development projects for beginners in 2025 is a great way to build confidence and improve your skills. Simple projects like creating a to-do list app, a portfolio site, or a real-time chat app teach valuable lessons and prepare you for more complex challenges.

If you are aiming to join the industry or offer services similar to web development services Surat, starting with these beginner-friendly projects will give you a strong foundation. Dive into these projects to boost your coding skills and watch your web development journey thrive in 2025 and beyond.

22
1
submitted 3 months ago* (last edited 3 months ago) by [email protected] to c/webdev
 
 

The world of web development is always changing, and keeping up with the latest frameworks is essential for developers who want to create modern, scalable, and user-friendly web applications. As we approach 2025, choosing the best framework for web development 2025 is important for developers and businesses aiming to stay competitive. This blog will discuss the most promising frameworks for web development that should be on your radar for the coming year.

1. React.js

React.js continues to be one of the most popular frameworks for web development. Created by Facebook, React allows developers to build interactive user interfaces with ease. Its component-based architecture makes it reusable and highly efficient for building large-scale applications. In 2025, React remains a top choice for developers looking to create fast and responsive web applications.

2. Vue.js

Vue.js is a lightweight and easy-to-learn framework for web development that has gained popularity due to its simplicity and flexibility. It is perfect for both small-scale projects and larger applications. The framework's ease of integration with existing projects and its clear documentation make it a great tool for developers looking for an alternative to more complex frameworks. In 2025, Vue.js is expected to continue being a preferred choice for developers seeking simplicity without sacrificing functionality.

3. Angular

Angular is a full-fledged framework for web development maintained by Google. Known for its strong features and robust architecture, Angular is ideal for creating dynamic, enterprise-scale web applications. While it has a steeper learning curve compared to React or Vue, it offers powerful tools for data binding, dependency injection, and routing. In 2025, Angular will remain crucial for developers who need a complete framework to handle complex projects efficiently.

4. Next.js

Next.js has risen as a preferred framework for web development for building server-rendered React applications and static websites. It offers great features like automatic static optimization, server-side rendering, and image optimization. These features make Next.js perfect for creating fast and SEO-friendly web applications. For businesses that provide web development services India, adopting Next.js can offer a competitive edge by delivering highly performant websites.

5. Svelte

Svelte has gained attention for its innovative approach to web development. Unlike traditional frameworks, Svelte compiles code at build time, resulting in minimal runtime overhead. This means faster applications with simpler code. For developers who want to move beyond conventional frameworks for web development, Svelte is a must-learn in 2025 due to its performance benefits and straightforward syntax.

6. Django

For those interested in server-side frameworks for web development, Django stands out as one of the best options for building powerful, secure web applications with Python. Django comes with built-in tools for user authentication, database management, and security, making it an all-in-one solution. Its emphasis on best practices helps developers create scalable and maintainable projects. As the use of Python grows, Django will continue to be a significant framework for web development in 2025.

7. Ruby on Rails

Ruby on Rails, or Rails, has been a reliable framework for web development for years, known for its simplicity and speed of development. It follows a convention-over-configuration approach, which means that developers can get projects off the ground quickly with less boilerplate code. For startups and small businesses looking to deploy applications rapidly, Ruby on Rails will remain a valuable tool in 2025.

8. ASP.NET Core

For those who prefer using Microsoft technologies, ASP.NET Core is an excellent framework for web development. It is cross-platform, open-source, and well-suited for creating high-performance web applications. With support for various programming languages, ASP.NET Core offers flexibility and scalability, making it a strong contender in 2025, especially for enterprise-level solutions.

9. Laravel

Laravel is a popular framework for web development using PHP, loved for its elegant syntax and comprehensive tools. It simplifies common tasks such as routing, authentication, and caching. Laravel is a great choice for developers who want to build robust, scalable web applications without a steep learning curve. In 2025, Laravel will continue to be a powerful tool for PHP developers and agencies providing web development services India.

10. FastAPI

For developers looking to create APIs with Python, FastAPI has become the go-to framework for web development. It is known for its speed, ease of use, and automatic documentation generation. FastAPI makes it easy to build high-performance, modern web APIs, and its use is expected to grow as more developers appreciate its efficiency in 2025.

Conclusion

Choosing the right framework for web development services India can make a big difference in creating fast, reliable, and easy-to-maintain web applications. As we approach 2025, the best framework depends on your project needs and your team's expertise. Key frameworks include:

React.js – Flexible Vue.js – Simple Django – Powerful ASP.NET Core – Robust

These frameworks can help developers and companies in India speed up their development process and create top-quality web applications. Learning these tools will help you stay competitive and build cutting-edge projects.

23
2
submitted 3 months ago* (last edited 3 months ago) by xoron to c/webdev
 
 

im working on a javascript UI framework for personal projects and im trying to create something like a React-hook that handles "encrypted at rest".

the react-hook is described in more detail here. id like to extend its functionality to have encrypted persistant data. my approach is the following and it would be great if you could follow along and let me know if im doing something wrong. all advice is apprciated.

im using indexedDB to store the data. i created some basic functionality to automatically persist and rehydrate data. im now investigating password-encrypting the data with javascript using the browser cryptography api.

i have a PR here you can test out on codespaces or clone, but tldr: i encrypt before saving and decrypt when loading. this seems to be working as expected. i will also encrypt/decrypt the event listeners im using and this should keep it safe from anything like browser extensions from listening to events.

the password is something the user will have to put in themselves at part of some init() process. i havent created an input for this yet, so its hardcoded. this is then used to encrypt/decrypt the data.

i would persist the unencrypted salt to indexedDB because this is then used to generate the key.

i think i am almost done with this functionality, but id like advice on anything ive overlooked or things too keep-in-mind. id like to make the storage as secure as possible.

24
-1
Async Javascript State Management (positive-intentions.com)
submitted 4 months ago by xoron to c/webdev
25
 
 

https://positive-intentions.com/blog/qr-codes-as-a%20data-channel

QR Codes as a Data Channel

the demo in the blog article is a bit cluncky. here is a better link for it: https://chat.positive-intentions.com/#/qr

view more: next ›