/wdg/ - Web Development General

>Free beginner resources to get started with HTML, CSS, JavaScript and PHP
eloquentjavascript.net/Eloquent_JavaScript.pdf - A modern introduction to JavaScript
developer.mozilla.org/en-US/docs/Learn - A good starting point to learn about web dev fundamentals
javascript.info/ - Quite a good JS tutorial
freecodecamp.org - Curriculum including HTML/CSS/JS, React, Node.js, Express, and MongoDB
theodinproject.com - Curriculum including HTML/CSS/JS, and either Ruby on Rails / SQL, or Node.js / MongoDB
fullstackopen.com/en/ - Requires you to have basic web dev, db and git knowledge
flexboxfroggy.com/ and cssgridgarden.com/ - Learn flex/grid in CSS
phptherightway.com/ - A decent PHP resource
phptutorial.net - A PHP tutorial

>List of design resources
github.com/bradtraversy/design-resources-for-developers

>All useful documentation in one place
devdocs.io

>Need help? Create an example and post the link
jsfiddle.net - if you need help with HTML/CSS/JS
3v4l.org - if you need help with PHP/HackLang
codesandbox.io - if you need help with React/Angular/Vue

We have own website: wdg.one
Submit your project progress updates using this format in your posts, the scraper will pick it up:
:: my-project-title ::
dev:: user
tools:: node, react, etc
link:: my.website.com
repo:: github.com/user/repo
progress:: Lorem ipsum dolor sit amet


Previous:

Attached: 1653327134744.jpg (1920x1079, 431.15K)

Other urls found in this thread:

where-is-pikachu.web.app/
twitter.com/SFWRedditVideos

I spent 3 hours trying to learn callback functions and still don't get it

Attached: pepe weird (2).png (378x346, 163.08K)

First for I Learned JS and React and I have no fucking idea what to build, I suck at design too

Tell me more fren. Basically it's a function that calls another function.

The function you pass the callback to starts something elsewhere and returns immediately.
When that thing is complete, it calls the callback.

Because the function returns immediately, you need to use the callback to tell you when the thing it is doing is actually complete.

If you just want shit to dump on a portfolio use some shitty CSS framework of your choice
makes life easier in terms of getting it looking decent easily and it's another buzzword you can add to your resume

I've been using freeccodecamp and udemy's 2022 web development bootcamp that I trorented.
How/will I be able to land a job or do I need to fork out 10k for a bootcamp?
Will I be forever screwed for dropping out of college?

You guys ever use higher order functions?(besides the usual map, filter, etc)
I get the idea of them, but when I'm trying writing a function to solve a problem I always either solve the entire problem in one big ugly function, or create helper functions on the same "level" and just call them inside this one, but not passing them as arguments.

It's basically a function passed as an argument to another function.

Here's a really simple example:
function print_something(some_string) {
console.log(some_string);
}

function count_characters(some_string) {
console.log(some_string.length);
}

function function_executor(some_string, myCallback) {
myCallback(some_string);
}

function_executor("Hello, world!", print_something);
function_executor("Hello, world!", count_characters);


Output:
Hello, world!
13

I just want to get good when it comes to design so I can build my own project, so UI is important.
Never used CSS frameworks before on project, I use SASS or plain CSS and it used to take a lot of time. I did use a little bit of bootstrap though.

You pass a function in to a function call, and the function being called can call the "callback" function and do something if it needs to.

You're giving the function that you pass the callback to a way to interact with something outside of the function in that way.

Hey me too now check my wheres waldo react project where-is-pikachu.web.app/
Now I'm thinking I should learn Nextjs, "some" backend since I have no fucking idea about that, and make something a little more complicated but this time using TDD, which I tried before and hated, and less spaghetti code if I can

I know this is /wdg/ but still

void FunctionForPrinting(std::function fnValueGetter){
int value = fnValueGetter(); // function passed in being called, for some purpose
std::cout

how do I get job

have you tried lying? Just say you're an expert in every single shit they list as requirements, then when tell you your interview is next week you can watch videos and practice till then

I still don't get it. Why can't I just do an if statement that checks if function A has finished, then run function B. Instead of doing 50 lines of fancy shit

Attached: pepe usrs.png (300x300, 100.83K)

a callback can report information about the internal state while an asynchronous thread is running and hasn't stopped

it can just call the callback to notify your code running on another thread

Assuming that function A returns a value for example 'True'
# if function A returns something like true, execute the if block.
if (functionA){
functionB()
}
I think the if block will not be execute if functionA returns undefined(nothing or no return) or false. I could be wrong

Consider the following:
#bg_img {
position: relative;
z-index: -1;
}


Now consider another div
.somediv {
opacity: 0.99;
}


Now consider the following:

What does this leave us with? A draggable item which has an image behind it. I do not know why this works. By all means I don't think it should? But it does?
How? Just how?
(tested on Firefox, YMMV)

There is probably a better way to do this...

Looks better than anything I've ever made when I learned JS/React. At least when I'm learning Python right now I can make some bots.
>Backend
ExpressJS is easy to learn, so is MongoDB for a database, but it depends if you want relational databases or the document-oriented like MongoDB. Topic can be debatable, you can ask experienced users here. but fundamentals are fairly easy to learn
Good Luck.

Correct me if I'm wrong or did not understand it. you are dragging the div, which has he img inside it, so you're dragging every element inside that div with it.
Where's the problem?

That. For some reason. When I click directly on the image. It doesn't. Trigger. The. Event.
It just drags the image, not the entire div.

Yeah I just have to figure some fun project to make but within my spaghetti/bad practices capabilities.