/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, Ruby on Rails, and SQL
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 the following 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: Web-Developer-Image.png (843x475, 1.04M)

Other urls found in this thread:

stackoverflow.com/a/69331469
github.com/node-fetch/node-fetch#es-modules-esm
twitter.com/SFWRedditImages

>reading other people code
>modify and run it
>remove the old libraries
>publish it as a blog "how to do shit"
>people complaining can't do shit
>me you can't contact me via email do discuss it in more detail
profit??

Attached: 013_Blade_Runner_aesthetics.jpg (1692x1252, 111.34K)

What code is it, what does it do?

>dislike tailwind and bootstrap
>want frontend job
fuck.

Attached: 1645394235961.jpg (1536x2048, 415.77K)

>templates with bootstrap, tailwind, jQuery
>plugins
anything that lazy fuckers or retards don't want to do

Attached: 015_change_life_not_really.jpg (650x931, 667.01K)

I use Bootstrap and it makes everything way easier so I guess I think it's alright

Tailwind looks cool but I've never used it. I should look into it more though.

I see

That looks weird

what is a good node setup that lets me use imports, async, and access to __dirname? I want a clean setup

also same question for typescript
I want something clean

Attached: 1626883991865.jpg (1200x1136, 185.9K)

pretty sure "import.meta.url" is the equivalent to __dirname in ESM node.

For typescript, you could probably use ts-node, or otherwise you may want to try out Deno.

Why is Angular's syntax so shite?

I thought everybody used React nowadays

google

>hate front-end
>gonna do a front-end project for my blogs

Can anyone give me some advice to get good at this?

Attached: Untitled.png (624x333, 33.92K)

>I keep responding to ads asking for helping in wp installation or setting up a site for free, hoping to fill portfolio with real projects
>nobody responds, or they ghost me telling me someone with a degree is interested too

Yeah, in places with free education, and in places where white people outsource their code, it's impossible to get even free gigs without a degree.

The twitter guy who got a job with that drag and drop "HR app" from few weeks ago doesn't even know how low the the bar is in some places. People get PhDs just to work as frontend devs, and then never utilize their skills.

What am I doing wrong? I did install the module inside the project folder although I didn't init first because I though it wasn't necessary
>const fetch = require("node-fetch");
> ^
>Error [ERR_REQUIRE_ESM]: require() of ES Module
>Instead change the require of index.js
>to a dynamic import() which is available in all CommonJS modules.
I then tried converting require to import but it says I can't use that outside of modules. What is going on?

Guess it's about time I spend some money on certs. Last resort of neet dropouts

just use a static site generator

const fetch = (url) => import('node-fetch');
Ok I used this reply to change my code. I think I managed to pass the correct argument to fetch and when I try to print the response in the terminal I get this. Was the request successful? I see a null prototype, does this mean that I fucked up?
stackoverflow.com/a/69331469

Attached: file.png (401x309, 21.28K)

That is the plan but I am stuck at the front-end. I couldn't make a very decent html design by myself.

Oh ok it was right on the github page. Should've checked there first github.com/node-fetch/node-fetch#es-modules-esm

Would it be possible to host a json database along with a webpage on github pages and then somehow import it inside the index.html with javascript when needed? When I tried doing so with fetch on my pc it failed because you can't fetch files on your own pc but would I have the same issue on files hosted on a server? Aren't those files going to be hosted in the same folder and have the same issue?