#learn web dev

[koffeecroco]

[zoeythebee]

Who needs drugs when you have graphics programming

[bf-rally]

like cute guys?

like collecting stuff?

like low effort web games?

join my site, Boyfriend⭐️Rally!

right now, the first set of guys is up! Along with some Valentine alts for one of them:

All you have to do is sign this form to be approved to join!

[blackjackkent]

Offering Free Software/Web Dev Tutoring Sessions on Twitch Stream Once a Month!

OK, the people have spoken! There was a definite expression of interest in coding tutoring when I floated a vague post about it towards the coding side of Tumblr, which was very exciting to see! I am really excited about helping teach new people in the industry, and I conveniently have a Twitch stream where I do lots of coding stuff on Sundays. Seems like these two things go well together! :D

Here's the deal:

For right now, I will allocate the first Sunday of every month on my coding stream to tutoring! This will be two slots of an hour each, one from 11am-12pm Central Time and one from 12pm-1pm Central Time. (Depending on interest, there may be more slots in the future as well. :) ) If you are interested in requesting a slot for tutoring, please fill out this form!

This is a pay-what-you-can offering, and if I offer you a live tutoring slot it will be at no charge! However, I welcome donations to whatever degree you can afford them, after the session, to help keep my stream and other projects going.

Submitting this form does not guarantee I will give you a tutoring session, as some subjects are more conducive to demonstrating on stream than others and some may be too far outside of my expertise for me to be helpful. However, I will try to at least reach out to you and provide some helpful resources if I have any to offer. 

If you don't want direct tutoring on stream (or even if you do!), feel free to stop by my Discord server at https://discord.gg/k4gDad5, where we talk about coding, gaming, and plenty of other nerdy stuff! :) Everyone's welcome, just don't be a jerk. ;)

I'll be posting more about this in the future depending on the response I get. Feel free to hit me up with questions if I can clarify anything. :)

Finally - this is a bit of an experiment; I've never tried this before so I will also be learning as I go. :) Suggestions/feedback appreciated.

Thanks for your interest and good luck in your coding adventures!

[elkkiel]

I have a new idea for the wip list that will likely actually get made at some point, but I need to learn programming in Python first smh my head

[snowcodes]

Doing my best to code every day now. Even if my motivation is a lil lacklustre. I have 6 months left to finish this particular traineeship and I've just started to bring some life to my LinkedIn profile in hopes that it will help me gain a remote position.

Long term goals are in action. ✅ Time to manifest my dreams by putting in the work!

*Insert Tangled "I've got a dream" song here 🤣*

[konakoro]

Burdened by a million game ideas but no ability with/knowledge on coding and game dev

[cinnamuff]

Been updating the Cinnaverse subsite on my own site lately, it'd mean a lot if you checked it out!

(link is in content source!)

[mydevdiary]

Svelte Basics: First Component

I'm going through the Svelte tutorial since it's very comprehensive and up-to-date.

I'm going on a bit of a tangent before I start this post, but I'm straying away from YouTube videos and Udemy courses when learning new programming languages and frameworks. YouTube videos are too fragmented to get good information from. Courses (and YouTube videos) are usually not up-to-date, rendering parts of them useless. Not to mention that you have to pay for free information that's packaged in a course, which is kind of scummy.

Anyway, I've gotten quite a bit further than just the introduction section of Svelte basics, but I don't want to overload myself (or readers) with information.

My First Svelte Component:

This section was relatively straightforward. There wasn't much new information, but I was hooked because of its simplicity. I personally love the idea of having the script tags be a place to define variables and attributes:

<script> let var = "a variable!" </script>

<p>I'm {var}</p>

The example above shows how dynamic attributes are used. I can basically define any variable (and states, but that'll be for the next post) between the script tags that can be used in HTML.

This may seem mundane to programmers experienced in Svelte, but I think it gives really good insight into the philosophy behind Svelte. It's clear that they wanted to keep the language simple and easy to use, and I appreciate that.

As I mentioned in my introductory post, I have a background in React, which has a reputation for being convoluted. Well, maybe that's just my perception, but how Svelte is written is a breath of fresh air!

I look forward to making more posts about what I learn and my attempts at understanding it.

Until next time!

[curiosity-killed]

There is something very tragic when you fill out your timesheet on Thursday and realize you have already worked 40 hours this week

[mr-abhishek-kumar]

Amazon app store doesn't let's you delete apps 😡

So I got to know that Amazon app store doesn't let you delete apps that you have published !! And now I can't even update my old web apps there !!! I have 7 apps in Amazon app store and I want to remove them because of poor developer experience of Amazon, but get this?!! They will not let you even remove apps. To get it published you have to dance to their drums!! To get it removed you have to dance to their drums!!! I HATE AMAZON !!!

[connect-infosoft-technologies]

9 AI Tools to Build Websites and Landing Pages: Revolutionizing Web Design

In the ever-evolving world of web design, staying ahead of the curve is essential to creating visually stunning and highly functional websites. With the advent of artificial intelligence (AI), designers and developers now have a powerful set of tools at their disposal to revolutionize the web design process. AI website design tools offer innovative solutions that streamline and enhance the creation of websites and landing pages. 

In this article, we will explore nine AI tools that are reshaping the web design landscape, discuss their various types, and highlight the benefits of using AI tools for website building.

1. Wix ADI:

Wix ADI (Artificial Design Intelligence) is a game-changer for website building. It utilizes AI algorithms to automatically generate customized website designs based on user preferences and content inputs. With Wix ADI, even users with no design experience can create stunning websites in a matter of minutes.

2. Grid:

Grid is an AI-powered website builder that uses machine learning to analyze design principles and create visually pleasing websites. It takes user inputs, such as branding elements and content, and generates unique layouts and designs tailored to the user's needs. Grid eliminates the need for manual coding and design expertise, making it accessible to users of all skill levels.

3. Firedrop:

Firedrop is an AI chatbot-based website builder that guides users through the entire website creation process. The AI-driven chatbot asks questions, gathers information, and generates a personalized website design. It also offers real-time editing and customization options, allowing users to make changes effortlessly.

4. Bookmark:

Bookmark is an AI website builder that combines artificial intelligence with human assistance. It provides an intuitive interface where users can select a design style and content preferences. The AI algorithms then generate a website layout, which can be further customized using Bookmark's drag-and-drop editor. Users also have access to AI-driven features like automated content creation and personalized marketing recommendations.

5. Adobe Sensei:

Adobe Sensei is an AI and machine learning platform that enhances the capabilities of Adobe's creative tools, including website design software like Adobe XD. Sensei analyzes user behavior, content, and design elements to offer intelligent suggestions, automate repetitive tasks, and speed up the design process. It empowers designers to create impactful websites with greater efficiency and creativity.

6. The Grid:

The Grid is an AI-driven website builder that uses machine learning to analyze user content and generate unique, responsive website designs. It employs a card-based layout system, automatically arranging and resizing content for optimal visual appeal. The Grid's AI algorithms continuously learn from user feedback, improving the quality of designs over time.

7. Elementor:

Elementor is a popular AI-powered plugin for WordPress that simplifies the process of building landing pages. It offers a drag-and-drop interface with a wide range of pre-designed templates and widgets. Elementor's AI features include responsive editing, dynamic content integration, and intelligent design suggestions, enabling users to create professional landing pages efficiently.

8. Canva:

Although primarily known as a graphic design tool, Canva incorporates AI elements to make website design accessible to non-designers. It offers a user-friendly interface with customizable templates, stock images, and drag-and-drop functionality. Canvas AI algorithms suggest design elements and provide automatic resizing options, making it easier to create visually appealing websites and landing pages.

9. Sketch2React:

Sketch2React is an AI tool that simplifies the process of converting design files from Sketch (a popular design software) into interactive, code-based websites. It automates the conversion process, reducing the need for manual coding and accelerating the development timeline. Sketch2React's AI capabilities ensure that the resulting websites are responsive and optimized for different devices.

Benefits of Using AI Tools for Website Development:

1. Time-saving: AI tools automate repetitive and time-consuming tasks, allowing designers and developers to focus on creativity and strategic aspects of web design.

2. Cost-effective: AI tools eliminate the need for extensive coding knowledge or hiring professional designers, making website building more affordable for businesses of all sizes.

3. User-friendly: AI website builders provide intuitive interfaces, drag-and-drop functionality, and automated design suggestions, making them accessible to users with limited technical skills.

4. Personalization: AI algorithms analyze user preferences and content inputs to generate personalized website designs that align with the brand and target audience.

5. Enhanced creativity: AI tools offer design suggestions, templates, and automated content creation features that inspire creativity and enable designers to experiment with new ideas.

6. Improved user experience: AI-driven websites are optimized for responsiveness, usability, and accessibility, resulting in enhanced user experiences and increased engagement.

Conclusion:

AI tools have revolutionized the web design industry by simplifying and enhancing the process of building websites and landing pages. Whether it's generating personalized designs, automating repetitive tasks, or offering intelligent design suggestions, AI-driven solutions empower designers and non-designers alike to create visually stunning and highly functional websites. By leveraging the power of AI, businesses can save time, reduce costs, and deliver exceptional user experiences, ultimately driving success in the digital landscape. As AI technology continues to advance, we can expect even more innovative tools to emerge, further revolutionizing the field of web design. Embracing these AI tools is key to staying at the forefront of web design trends and creating websites that captivate audiences and achieve business goals.

[borealing]

"learn to code" as advice is such bullshit. i have learned and used four and a half different coding languages through my career (html/css, java, python+sql, c++) and when i say used i mean I've built things in every one but the things that i actually used these languages for??? these earn zero money (with the caveat of until you have seniority in, e.g. front end web dev) what people really mean when they say learn coding is "learn to code. go into investment banking or finance startups." coding does not inherently have money in it. my absolute favourite part of coding? my peak enjoyment? was when i was developing for a visual coding language (you put it together like a flowchart, so say youre using a temperature sensor and you want it to log the temperature once every four hours, you can put the blocks together to make it do that. i was writing the code behind the blocks for new sensors) and i was earning £24k a year and that wasn't even part of my main role. it was an extra voluntary thing i was doing (i was working as a research assistant in biosensors - sort of - at a university, and was developing the visual code for students who didnt want to learn c++) like. i want people to learn to code, i want people to know how their electrical equipment works and how coding works, but dont believe the myth that there is inherently money in coding. the valuable things, the things people are passionate about are still vulnerable to the passion tax (if you want to do it you dont have to be paid for it). skills arent where the money is, money is where the money is.

[acromandus]

i love spending yet another day in a row bashing my head against the wall as tech and web dev seems to fuckin deprecate so quickly none of the tutorials I find are useful anymore

I watch the guy write his code and install his packages with no issue and run flawless code while I get errors when trying to launch my version of the exact same thing because package B deprecated ages ago or the newer version has different syntax :))))

so I delve into the documentation and make the necessary changes to get this shit to work and then realise I've diverged so far off what the tutorial has done I have no idea where I am anymore and i end up feeling so lost sometimes I wonder why I bother, honestly

[kannanp]

Full-stack Development Course in Coimbatore

"In the heart of Coimbatore 🏙️, where tradition meets technology 💻, a new wave of digital creators is rising 🚀."

At SkyAppz Academy 🎓, we don’t just teach code — we build careers 💼. Our Full-Stack Development Course 💡 is more than just lessons and lectures; it’s a journey that transforms curious minds 🧠 into confident, job-ready developers 👨‍💻👩‍💻.

From the first line of HTML 🔤 to deploying real-world web applications 🌐, our students dive deep into the world of coding. They learn to design seamless frontends 🎨, build powerful backends ⚙️, and work with databases 📊 and cloud platforms ☁️ — mastering the complete development cycle 🔁.

Guided by experienced mentors 👨‍🏫, supported by industry-driven projects 🧩, and empowered with placement training 📝, our learners step into the tech industry with skill, clarity, and confidence ✨.

Whether you're a student chasing your dream job 🎯, a professional upgrading your skill set 📈, or a beginner exploring the world of tech 🌍 — your journey starts here 🔑.

SkyAppz Academy 🌟 Real Skills. Real Projects. Real Results. ✅

Enroll Now: Full Stack Development course in Coimbatore

[monkeydluthy]

📌 The Path to Learning React

Want to build powerful web apps? React is one of the best tools out there. Here’s the roadmap to mastering it:

1️⃣ Know JavaScript well – ES6+ features are a must. 2️⃣ Learn Components & Props – React is all about reusable UI. 3️⃣ Understand State & Hooks – Manage dynamic content effectively. 4️⃣ Implement Routing – Use React Router for navigation. 5️⃣ Work with APIs – Fetch and display real-world data. 6️⃣ Explore Global State – Context API, Redux, or Zustand. 7️⃣ Optimize for Performance – Lazy loading, memoization, best practices.

The best way to learn? Start building. Break things. Fix them. Improve. 🚀

Where are you on your React journey? Drop a comment!

#ReactJS #CodingJourney #WebDev