/wdg/ - Web Development General

>I am going to make it and you are going to make it too Edition

Previous thread: >Beginner Roadmap and Overview
github.com/kamranahmedse/developer-roadmap
youtube.com/watch?v=UnTQVlqmDQ0

>Free beginner resources to get started
Get a good understanding of HTML, CSS and JavaScript.
developer.mozilla.org/en-US/docs/Learn - a good introduction to HTML/CSS/JS and Node.js or Django
freecodecamp.org - curriculum including HTML/CSS/JS, React, Node.js, Express, and MongoDB
javascript.info - curriculum providing a strong basis in JavaScript

>Further learning resources and documentation
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
hackr.io - crowdsourced collection of tutorials from across the web for learning languages and libraries (ignore sponsored stuff, look at upvotes)
learnxinyminutes.com - quick reference sheets for the syntax of many different languages (generally not sufficient on their own for learning something, but very helpful)
pastebin.com/gfBPg24A - Everything PHP

>Asking questions
jsfiddle.net - Use this and post a link, if you need help with your HTML/CSS/JS
3v4l.org/ - Use this and post a link, if you need help with PHP/HackLang

Attached: wdg_95.jpg (1280x720, 108K)

Other urls found in this thread:

medium.freecodecamp.org/demystifying-reacts-server-side-render-de335d408fe4
developer.mozilla.org/en-US/docs/Web/HTTP/Status/422
staticgen.com/
joebiden.info/
stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio
zellwk.com/blog/media-query-units/
algoexpert.io/
twitter.com/SFWRedditImages

first for asp net

second for jQuery master race

Attached: 4625E37F-F156-45AF-8A7B-54F30FA79F04.png (380x349, 77K)

how do lern back-end stuff frens?

>google "PHP tutorial"
>start reading
>???
>PROFIT

testing

About to rant

I'm swamped at work right now working between 3 projects. I'm a full stack jr dev who just launched my first site but the client is still needing some small things tweaked post-launch, meanwhile, a site I did the frontend for and is currently being put into WordPressby by a back-end dev still requires my time for some minor QA fixes or occasionally a new page template to be coded all while I am the frontend dev for a site that has a deadline coming up.in 2 and a half weeks. It's a 15 page site and each page takes me between 8-12 hours to do from start to finish. That including browser testing, responsiveness and accessibility audits.

In hindsight I should of been more generous with my estimations. As you can see I am very busy and I would say what suffers is the quality of my code and integrity. When I have so much on my plate (some of it unexpected at times) I sacrifice the time it takes to carefully think of the best solution or to make sure my code is better than "good enough". Instead "good enough" passes for the sake of moving onto my other work. Sometimes this means things come back to me again for QA because I rushed it. As miserable as I sound I very much love what I do and I just see it as me putting in my 10,000 hours to master my craft.


I also just got paid today ($50k salary baby) and it's Friday so for the next 48 hours I'm not giving a fuck about nothing but I needed to rant.

Attached: 600px-054Psyduck.png (600x600, 168K)

what are you ranting about? That you estimated the hours the project would take incorrectly?

That I estimated what I thought would be correct and got a bunch of unexpected shit thrown on my plate so now my expectations are cutting it very close.

I just removed a jquery dependency from a project yesterday. Felt amazing.

A serious issue for this industry is that there is a severe 80/20 rule n play. Any non tech can see you get mostly done in a day, and can't see why there's a week's work left. So scheduling is always hard

if i want to make a personal blog, should i both with something like hugo or jekyll?

really just want something simple and easy to use
learning these things seem difficult, i'm not the best at coding or using git

or are these simple to use and i can just use hostgator to host sites made with these frameworks?

alternative is just creating a wordpress blog

Things are going to be very bad for you. You're going down the track of being a code monkey. The work you're involved in will always be fast paced and thankless. You will never have time to scratch the "good engineering" itch, and you will become jaded and burnt out. You will practice the same few months of experience over and over again, not actually learning or getting better.
I'd advise getting out of wordpress-tier webshit asap. It sounds like you're brand new, so give it a year and bail for something that isn't awful.

testing whether changing my DNS works. FUCK New Zealand

did they do something? lol

>DELETE /articles/:category/:id -> route that deletes an article
>You must have a session cookie that resolves to a user that is authorized to delete articles under :category
>middleware pipeline handles this

router.delete("/articles/:category/:id", checkCategoryAuth, performDelete);


How to write checkCategoryAuth without it relying on the parameter "category" existing on the request object? Considering how non-reusable that is, + how checkCategoryAuth would have no way of communicating that it depends on that parameter to work. I tried

checkCategoryAuth = category => return function(request) { //middleware stuff }
function(request) return checkCategoryAuth(request.params.category);

But you can't return middleware from within middleware. Is there any way around avoiding this shit?

It's worked fine for me down south ever since the shooting, are they really removing chan DNS entries? I removed google dns settings and force reassigned my IP and still fine.

Most ISP DNS servers have blocked 4/8/chan following the massacre

Anyone know why a nodeJS site using iisNode and express and sockets stops working after a day? After I deploy on IIS, it works, but eventually it has a "request taking too long" error and the only way to fix it is to restart the website. Sometimes it will give a 500.1001 error, but most of the time it just hangs.

First, learn about the HTTP protocol. Then pick a backend language. Read the docs/tutorial on site. Go to youtube, look up " tutorial", congrats, you learned a backend language.

So i heard a REACT App is garbage with SEO and keywords etc so basically a site in it would never get any traffic unless litrrally from a shared link. cause i'd be on page 99 of Google, is this right?

extract the logic of that middleware into a helper function and create another middleware..

>So i heard a REACT App is garbage with SEO
sure, google can scrap js based apps, but I would assume it is a more expensive operation for their bots so they don't do it often.

But you could do SSR to fix this.

You forgot core, asp.net core!

DotNetCore + Blazor already won the battle! :(

Is turning a normal React Single Page application into Server Side Rendering hard? What about GatsbyJS sites? Are they decent for SEO?

I'm personally doing it this way

medium.freecodecamp.org/demystifying-reacts-server-side-render-de335d408fe4

I'm planning on using passport for github authentication. With this, can I still allow users to edit their information on my site?

yes, just save the user info to your db and use a unique field from the GitHub response to check for existing users

Gatsby is a static site generator meaning that the whole site is generated in to raw html+CSS pages for great SEO and time-to-interactive so that it gives time for the JS app to boot for the client giving you dynamic routing and interaction.

I thought so, thanks m8

>express
>express static
why put so much crap in the way of your application like this

>why put so much crap in the way of your application like this
I used express before converting it to SSR. I still need an API and database access.

And tweaking the redux actions allows me to access the db data without additional API requests, since it is the same server.

And express.static isn't used on production server, since nginx will catch those urls before express does, at least in my nginx setup..

How do you use global sass variables in React? Or is there a better way of using styles?

make a file called variables

import it where you need to use variables

use webpack to eliminate ../../../../ problem

also you can't use sass variables inside your components if that's what you're trying to do; the only way to "use" variables in your components is to import sass files that use them

Honestly just use normal CSS variables where you can.

Rails is so fucking comfy
After using JS for so long I feel like a battered housewife, things don't need to be this tedious and bad frens

Anyone want to be a cofounder? Or does anyone know where to find a cofounder?

>and you are going to make it too Edition
doubt

Attached: 1514431347664.jpg (570x570, 29K)

bump

They're pretty simple to use. Try following a tutorial. You can host Jekyll on github pages for free. If you can't figure it out, nothing wrong with wordpress.

How do I PWA? What are some good resources about the subject? There is any complex project on github?

same

What would cause a 422 Unprocessable Entity?
I'm getting it from an API I'm trying to call. Why is it unprocessable if it knows the content type and it is syntactically correct JSON?

Government funding projects, private oragnizations dedicated to this, or competitions to get funding.

Can you expand on this?

You're probably getting rate limited

PWA is really just:
1. installing a service worker on your site
2. including manifest in html about your app name, icons and theme color

developer.mozilla.org/en-US/docs/Web/HTTP/Status/422
It's a 5 second read.
>The HyperText Transfer Protocol (HTTP) 422 Unprocessable Entity response status code indicates that the server understands the content type of the request entity, and the syntax of the request entity is correct, but it was unable to process the contained instructions.

IN some countries, the government has funding plans for startups, they ask you a list of requirements for it and if you meet all of them they give you funding.
There are groups of people and businesses that are constantly funding start ups, those are private groups, not government's they fund a few and stick with the ones that suceede.

Those are thhe options I know of.

Should I be bother to master vanilla js or should i jump straight into framework or react?

Should I bother learning multliplication before i jump straight into differential equations?

bicycle before motorbike

Thanks, I was doing the google tutorial and it is broken because they are using yahoo weather api I think. Gonna search for service workers.

you don't need to pay for a host when it comes to static sites. There are many free options available like Netlify or Github pages.
You can look at staticgen.com/
Gatsby is the hot thing right now and if you also want to learn a useful skill, that you can market later on, then I would probably go with that. Otherwise just go with what seems most appealing based on language and way of templating.
In your webpack config you can specify to inject certain sass/scss files into all other places, that go through the loader. But I would still go with what said. Have like a theme file, where you do any kind of sass calculations and otherwise enjoy the advantages of native variables.

joebiden.info/

Attached: 1549512989434.png (943x605, 685K)

oh so it turns out I read up on angularJS
which has nothing to do with

angular2
angular4
angular6, angular7

and just to add on some more hurt, there's a whole another thing I never heard of, of course, ReactiveX.js

which is itself poorly documented
I have a bit less than 40 hours to get a hold of all this.

serves me right for not GTFOing as soon as I heard javascript

How do I size my clickable elements to make sure they are always big enough on mobile phones? I don't have a 4k phone to test on.

Attached: 1550489466378.png (400x338, 19K)

Anyone here do backend? How did you get into it?

My mother has a business website hosted through one of the locsl ISPs. For whatever reason hee website has a viagra ad inserted between some other text on a side page. I've deleted it once, but it keeps coming back. How does this even get there in the first place? I dont really understand

Attached: tumblr_obfmecH4RR1qis82bo2_1280.jpg (1280x1471, 534K)

>new tld announced
>want a specific domain for it
>it launches
>they want 5000$ because it's "premium"
>4 years later still no one bought it

such a waste, it's not even that original

by learning go and creating a simple web application

ask the ISP if they inject ads.
If they don't then change the password, seems like someone else has access to it then.
If it still keeps happening then there might be a vulnerability on the ISPs side.

chrome and firefox have developer tools to test responsive design modes

what is it ?

Hmm...i dont think they would inject ads this way since its a chinese to english sounding ad put directly into some existing text. Its not a banner or jscript or anything. Its very possible her info was leaked at some point since shes a "it just werks" with computers. I was curious if there was some weird method i didnt know about. Whatever it is it must be automated

This is just changing the resolution. Don't the high end phones have like a 4k resolution? My site is dependent on media queries which won't trigger on a 4k screen.

Attached: 1534313306563.jpg (403x51, 4K)

by using flexbox. I don't think it is optimal to change the padding/margins for each resolution manually

My buttons are 1cm tall on my 12" tall 1080p screen.

On a 4k, 3inch tall iphone they would be a fingernail tall and effectively unclickable. I fail to see how flexbox would solve this problem.

... use % width and height nigguh

Should I go for Rails or Django?

Just learn Angular 7.

are you using pixel breakpoints when you should be using % and em on your queries?

stackoverflow.com/questions/8785643/what-exactly-is-device-pixel-ratio

use rem. I have a downsized 4k screen, running at 1440p, because 4k is unusable without UI scaling.

Anyways, if you use rem, then resizing the font size scales the buttons. This way the user has the control over it.

Or you could use vh o vw units, but I don't know if anyone uses those for fonts/ui elements sizing.

Another weekend developing. Year 2.

I'm doing something wrong. Need better ideas.

Have one really good idea but it's very complicated to do solo. It will takes moooonths.

Didn't know about "pixel ratio". It looks like iphone x renders a 3x the reported value in CSS. So if I put a had a 1px horizontal border on an element, it would be actually 3 physical pixels tall on an iphone. That's actually really useful to know.


Also I looked into the css query units and it seems like a separate issue. The only time using px fails in your breakpoints is when the user changes the browser default font size in Safari.
zellwk.com/blog/media-query-units/


No why would

Attached: 1548524112706.jpg (1225x761, 118K)

Are there any good resources for backend security? I’m currently learning about SQL injection and how to prevent it, but I want to be better at it in general.

The beginner resources are great, I'm rapidly picking up web development thanks to you guys.

>but it was unable to process the contained instructions.
This is very vague though. What does it mean by "unable to process contained instructions"? Does it mean the format of the payload isn't what it was expecting?

Is it a wordpress site?
Could well be, that there is some plugin that got compromised and keeps inserting ads.
>Don't the high end phones have like a 4k resolution?
yeah, but it's not just about the resolution, but also pixel density plays a role. So even though you might have a 1080p screen, the OS/Browser/etc. knows that it's high DPI and that the content should be scaled accordingly (as if it was a lower res screen) and not to simply render a desktop page on your 6" viewport.

seems my brain is trying to tell me something by increasingly rejecting the paradigm

i'm exhausted
professional web development is, it seems, a no-go for me

just learn react or move to china and learn vue

angular is for retardos anyway

last time I checked in my area Vue had more job offers than React. Barcelona, spain btw.

Any suggestion for a MEAN Stack project I can make for practice ?

Attached: 5B Negative space ref photo2 crosshair.jpg (2480x3508, 1.04M)

Imageboard

blockchain based todo app with built in pomodoro timer and quote generator

Thx, I might try these, I don't know blockchain though, so it'll be without that or I'll have to learn it

>just learn

"no"
i'll stick to patching junk wordpress installations for food;

and learning something more interesting as a hobby

What in the world happened to Chromium? I use FF as main browser, so I don't care, but sometimes I test in Chromium. Can no longer just minimize the screen to a mobile size. Why in the fuck would they think that's a good idea

I was merely joking, please don't.
You can try the usual. Chat app, forum/imageboard, pastebin clone, link shortener, etc.

I have 9 years experience in webdev including a senior position at IBM and these new employers keep asking for my fucking github. I'm honestly considering contributing a couple of commits just to tick the box. Or perhaps a personal pet project... That would be more fun.

But seriously people have to understand that most devs work in proprietary software and don't have anything to show you. If you need proof of work, ask for a portfolio not open source contributions.

What is this picture effect called? I hate to give them free advertising, but it's from this website algoexpert.io/

I right clicked -> view image, but it only shows the top image. How the fuck did they get the two others on bottom?

Also, I generally see some nice pics on sites with similiar effects. Anyone have some resources to teach how to do this?

Attached: pic.png (465x436, 73K)

it's just 3 images with an animation, that moves them around

Attached: aaaa.png (775x730, 215K)

>developers tools
>device toolbar

you can literally input any dimensions you want are you ok? do you need a spoon?

Just three images with some css animations

>git means open source

Attached: 1546025138307.jpg (750x750, 57K)

I said github, as in, yes - open source contributions

No shit, you fucking pleb.
>he doesn't minimize his browser along side his editor while developing
Can't do that with chromium, you'd have to fucking open dev tools all the time, that'd be an absolute hinderance. I bet you use regular chrome, amirite, newfag? Is it the same there?

It probably is wordpress since thats one of the builder tools. I remember there were some plugins. I wasnt the one who set it up.