/r/beginnerwebdev
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...
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
r/webmasters
r/webdev
r/web_design
r/webhosting
r/1000daysofpractice
/r/beginnerwebdev
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:
Sorry in advance if my questions sound vague. You can totally skip. Thanks!
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!
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 }]
I'm new here and looking for feedback for my application that I wrote with React.
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!
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!
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"
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?
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.)
Just curious. Is there a framework you would want to learn? I'm using Angular btw.
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.