/r/beginnerwebdev

Photograph via snooOG

A place for beginners to learn about web development and programming including HTML, CSS, JavaScript, Back-end, Front-end, Web Hosting, Web Design, WordPress, etc...


Rules

1) Do not post memes, screenshots of bad design, or jokes.

2) Read and follow reddiquette; no excessive self-promotion

3) No commercial promotion or solicitation


Recommended Subreddits:

r/webmasters
r/webdev
r/web_design
r/webhosting
r/1000daysofpractice

/r/beginnerwebdev

1,196 Subscribers

1

Question About Updating jQuery on a Locally Hosted Web Server Website (IIS)

0 Comments
2024/05/01
17:04 UTC

2

Overwhelmed and Anxious about huge stuffs on my plate to Study

Hi friends, I am writing this to seek help and suggestions regarding the title mentioned. I am currently a frontend Dev and have decent knowledge in React JS (but not Pro), JS, HTML, CSS. But, now I am planning to go Full Stack. But I am stuck and paralyzed by what to do and how to start. My current state of mind:

  1. Should I first focus on becoming Proficient in React JS?
  2. Should I start Backend now? (I am really excited to see/learn that part of the web apps)
  3. If I start Backend, where should I do it from?
  4. Should I learn DB first and then jump into Backend?
  5. What Tech Stack should I choose? How do you decide?

Sorry in advance if my questions sound vague. You can totally skip. Thanks!

1 Comment
2024/04/16
20:19 UTC

1

How to add a "see more" link on my website (for a non-coder)?

Hello, I need to add a "see more" link for some lengthy text on my website. I'm using hostinger website builder, and I'm not a coder and a non-tech person :)

Anyway I can do this without having to learn code? Thank you!

0 Comments
2024/04/16
14:17 UTC

1

Issue with Rendering

Hello there, so I’m pretty new to coding and I’m working on a project that I’ve hit a wall with. I’m trying to render a card image gallery using a logged in user’s data. But try as I might the code isn’t working.

My database has a users array, decks array, and cards array. I’m trying to get the code to render the images of the cards in a user’s deck. I can see in the developer tools that it’s pulling the user’s data and deck but when it goes to pull the cards it pulls a copy of the whole cards array for each card in the deck rather than pulling the info for the specific card.

Could anyone give me some insight on how I would go about doing this effectively? (Example of what database kind of looks like below)

“Users”:[{ “Id”: 1, “Fullname”: Matt Gray, “Email”: matt@gmail.com, “DeckId”: 1 }], “Decks”: [{ “Id”: 1, “Name”: “First Deck”, “CardId”: [1, 2, 3, 4, 5] }], “Cards”: [{ “Id”: 1 “Name”: “A”, “RegionId”: 1, “TypeId”: 1, “ImageURL”: “imageurl.jpeg” }], “Region”:[{ “Id”: 1, “Name”: “Naroom” }], “Type”:[{ “Id”: 1, “Name”: Creature }]

0 Comments
2024/03/29
04:05 UTC

2

Could Themex be helpful to you?

I'm new here and looking for feedback for my application that I wrote with React.

https://app.themexproject.com

0 Comments
2024/03/02
20:12 UTC

2

Advice please!

I'm currently in my first semester of an associate program for web development and planning on double majoring in software development as I would only need 4 more classes once I finish web development program. I started the odin project for more practice and plan on doing some bootcamps to learn more.

My question is what languages and/or frameworks should I learn/focus on when searching for a job afterwards? What has benefited you more in the workplace??

Thanks in advance!

1 Comment
2024/02/28
20:32 UTC

1

What’s your favorite tech stack for the least amount of coding and maximum amount of productivity?

0 Comments
2023/10/24
11:46 UTC

1

What are the skills that make the difference between a junior, a mid-level or a senior react developer?

0 Comments
2023/10/13
11:23 UTC

1

What would you consider the best language to learn for a beginner that also teaches good programming practices?

0 Comments
2023/10/05
17:15 UTC

1

How important is using the right tags, such as <section>, <h1>, h2> etc?

2 Comments
2023/10/04
14:05 UTC

1

Which you find more challenging? Frontend or Backend

0 Comments
2023/10/02
18:54 UTC

0

A Portfolio Website with next.js, three.js, and GSAP

0 Comments
2023/02/19
07:36 UTC

2

Looking for guidance in developing a user-generated focused website - WordPress

Hi Reddit,

I have a general idea of what I’d like to create, but having trouble with the specifics of WordPress development. I admit I’m new to WordPress (willing to learn), so forgive me if I ask fundamental questions. A bit of experienced guidance would suffice!

The goal of the website is to collect user-generated content (paragraph or two of testimonials/experience) and have the content displayed anonymously on a scrollable homepage.

A few minimal parameters are to have a user not be affiliated with the webpage (or need to sign in or use a username)—as posts must be approved by an admin of the webpage (preferably something user-friendly on the backend). The fields I’m looking for are 1) the Post title, 2) the Post body, & 3) submit button. Forward-thinking—Ideally, in the future, I would like to add the ability to have a second button that adds the ability to contribute content with the additional sense of donating $1 via PayPal (another optional button).

I would then like this approved content displayed on a scrolling timeline. It must be something that flows from one post to another and not be separated by reading submitted content on another separate page (I hope that is clear).

In general, that’s the sense of the webpage, along with some additional tabs that explain the project and whatnot. Anyway, any leads, articles, plugins, guidance—anything to point me on the right path would be greatly appreciated.

(Experience: I have had a brief experience with basic HTML in high school and developed a few websites with Dreamweaver in the past as well as Wix).

I would appreciate anyone's time and talent.

All the best!

0 Comments
2023/02/08
21:36 UTC

1

Drupal 10 | Enable Theme Suggestions

0 Comments
2023/02/03
12:16 UTC

2

Easy Drupal 10 multi-site setup with DDEV

0 Comments
2023/01/21
03:10 UTC

1

Re-recorded: Install Drupal 10 in 5 minutes (thanks for feedback on original)

0 Comments
2023/01/21
02:18 UTC

2

Install DDEV, the local PHP development environment

0 Comments
2023/01/16
12:40 UTC

1

Picking Colors on the Web: Several tools to help you find complementary colors and color palettes

0 Comments
2022/11/24
20:05 UTC

3

Have a Static Website just ping another CMS

I'm a rookie, sorry if it is too basic, but i just don't know how to phrase for research:

I noticed a lot of the projects I want to do, do not need a CMS at all. So SSG became very appealing to me.

My websites they're nothing fancy, they don't need any maintenance besides post one or more content every 3~4 months, and they're very, very small. No accounts, no cookies, no data collecting, except one.

The one thing that would be helpful for me, and that is just knowing where most people are accessing from.

I'm not even talking about cities and states, just the country is good enough.

Would the host itself be able to provide me that data or is there a way to use javascript to just tell another wesbite with CMS that "hey someone from Ireland accessed my page, no need to ping me back, see ya"

1 Comment
2022/09/30
20:09 UTC

3

Why does this code cause the browser to crash?

SOLVED


I'm following Web Dev Simplified's react crash course.

In it there is this piece of code which receives a function as a prop and that gets used in the onChange event. Works fine.

However it is done in a rather convoluted round about way via another function:

const Todo = ({ todo, toggleTodo }) => {

  function handleTodoClick() {
    toggleTodo(todo.id)
  }

  return (
    <div>
      <label>
        <input type="checkbox" checked={todo.complete} onChange={handleTodoClick} />
        {todo.name}
      </label>
    </div>
  )
}

If I remove the extra function and call the prop passed function directly like so

onChange={toggleTodo(todo.id)}

then to browser goes unresponsive & FF complains about page slowing down. In my mind they're the same thing?

Clearly this extra step is meant to work around some limitation/idiosyncrasy, but its not explained in the vid & I can't figure out what it is. Could someone explain please?

3 Comments
2022/09/24
09:13 UTC

1

Great Starting Course for any Beginner Wordpress Developer!

0 Comments
2022/09/23
20:03 UTC

3

How do I move images around?

Hey there! I'm an absolute beginner attempting to make a site in the style of simple, amateur personal websites from the early 2000s. For some reason, I just can't figure out how to move images around. I can scale them, but doing things like moving them up and down and to the side I just can't seem to get. I know I have to use CSS, but when I put what I'm supposed to in it to move an image, or at least what I think I'm supposed to do, it dosent do anything. Anyone have advice or could help me out? (I made the inane descision to use notebook btw.)

9 Comments
2022/08/18
20:23 UTC

1

What front-end frameworks are you using?

Just curious. Is there a framework you would want to learn? I'm using Angular btw.

View Poll

0 Comments
2022/07/08
20:23 UTC

4

Best web Scraping API tools

1. Scrape.do

Scrape.do is a simple online scraper solution that offers a scalable, quick proxy web scraper API in an endpoint. Scrape.do ranks first in terms of cost-effectiveness and features. Scrape.do, as you will see in the next section, is one of the most affordable online scraping solutions available. - Scrape.do, unlike its rivals, does not charge extra for Google and other difficult-to-scrape websites.

Scrape.do also boasts a 99 percent success rate and an average speed of 2-3 seconds while gathering anonymized data from Instagram.

-Its gateway speed is likewise four times that of its rivals.

In addition, this technology makes home and mobile proxy access twice as affordable.

2. Scrape-it. cloud

Scrape-it. The cloud API handles all data web api scraping issues. Extracting HTML from a website has never been easier! It allows you to define your proxy location to display geo-targeted information. API makes use of a massive IP pool capable of handling even the most massive web scraping task. It also assists you in avoiding rate limits on websites and concealing your scraping bot.

3. AvesAPI

AvesAPI is a SERP API solution that enables developers and agencies to scrape structured data from Google Search. Unlike the other services on our list, AvesAPI focuses on the data you'll be retrieving rather than a wider web scraping. As a result, it is ideal for SEO tools, agencies, and marketing specialists. This web scraper provides a sophisticated distributed system capable of easily extracting millions of keywords. That means abandoning the time-consuming task of manually verifying SERP results and avoiding CAPTCHA.

4. ParseHub

ParseHub is a free web scraper application for extracting data from the internet. This utility is available as a desktop programme that may be downloaded. It has more functionality than other scrapers, such as the ability to scrape and download images/files, as well as download CSV and JSON files.

5. Diffbot

Diffbot is another another web scraping application that offers data collected from web sites. This data scraper is among the best content extractors available. With the Analyze API capability, you may automatically recognise sites and extract items, articles, debates, videos, or photographs.

1 Comment
2022/06/01
13:42 UTC

Back To Top