/wdg/ - Web Development General

What's everyone working on?

Previous thread: >COMPLETE BEGINNERS GUIDE
github.com/kamranahmedse/developer-roadmap

>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 resources
developer.mozilla.org/en-US/docs/Web - excellent documentation for HTML, CSS & JS
youtube.com/watch?v=Zftx68K-1D4x

>Learn anything not covered by the above tutorials
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)

>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

>PHP resources
pastebin.com/gfBPg24A

Attached: wdg_iphone_camera_ass.jpg (1968x2160, 213K)

Other urls found in this thread:

plone.org/
youtube.com/watch?time_continue=1095&v=HaEPXoXVf2k
twitter.com/NSFWRedditGif

make an OP out of this:

Attached: 1547411024585.png (650x900, 411K)

that's great, lmfao.

guys, I'm working on my first Violentmonkey user script and I'd like to modify how the YT embeds function on 3rd party sites. For example, this is your typical YT embed:

What is "accelorometer", "autoplay" etc called? I know that "allow" is an attribute. How do you call values of the attribute? Is there a name?

How do I modify these values? For example I'd like to remove the "autoplay" and "accelerometer" from that list. How do I do that? I know that I can removed the "allow" attribute completely with removeAttribute but how I modify its values?

Thanks web gurus!

just use .getAttribute('allow'), fix the value from the string, and use .setAttribute('allow', fixedVer)

Have any of you used Selenium with python? I set up test automation before but not was often a pain. It looks like python has an out-of-the-box selenium framework. Big if true, might actually make some end-to-end tests for my React project

>Selenium
yikes

Thanks so much user! Can you (or someone else) please comment on this code? Is there a better way to do this?

var fixedAllow = frame.getAttribute('allow');
fixedAllow = fixedAllow.replace(/accelerometer;/g,'');
fixedAllow = fixedAllow.replace(/autoplay;/g,'');
fixedAllow = fixedAllow.replace(/gyroscope;/g,'');
fixedAllow = fixedAllow.replace(/picture-in-picture/g,'');
frame.setAttribute('allow', fixedAllow);

Thanks so much.

see if this works
var fixedAllow = frame.getAttribute('allow');
fixedAllow = fixedAllow
.replace(/accelerometer;/g, '')
.replace(/autoplay;/g, '')
.replace(/gyroscope;/g, '')
.replace(/picture-in-picture/g, '');
frame.setAttribute('allow', fixedAllow);

fixedAllow = fixedAllow.replace(/(accelerometer;|autoplay;|gyroscope;|picture-in-picture)/g,'');

it's fine thouhg, tweaking this is worthless

thanks so much anons!!

How do I transition from webdev to IoT?

hmmm

learn to actually code shit and not include 30 libraries and you'll be good

I dont get it

I just don't get it. I don't consider myself a dev, but from my experience building a small website in Go, sites simply shouldn't need that much memory.
can someone why does a shitty fucking WEBSITE (like, say, wordpress, or magento, etc.) need 1+GB of RAM?

what's this?

When you're putting a personal project on your resume, how detailed do you describe it? Right now I just have:

Appname (URL: app.tld)
Full stack imageboard webapp built using the MERN stack. (MongoDB, Express, React, Node.js)
Sourcecode: github.com/user/app

Should I be more detailed?

Because Wordpress users install tons of plugins with features that run with every visitor.

Speed of development and inexperience of users.

Web development trends towards usability, not efficiency.
A mother in a failed marriage trying to get her online shop running so she can sell her shitty offbrand yoga pants doesn't care if her website takes another second to load, or if it includes 10MB of javascript, she just cares if it displays her products.

Likewise, an inexperienced pajeet whose been tasked with tackling a problem is just going to npm install until the problem goes away.
Hardware is cheap, developer time is expensive after all.

It would cost tens of thousands of dollars to build a robust CMS in go, compared to spinning up a WooCommerce site for almost nothing.

Just do what looks good.

I ran a website as a hobby. And I turned it into full blown work experience because I was unemployed at that time.
While my freelance side hussles became a footnote, because I don't want to show the websites of local hairdressers and garages off.

ah well it's all I have right now, I'm just trying to get an entry level job so I can move out of my parents house again. Speaking of freelancing, any tips on getting into that? I'd love to freelance but I don't think I have enough experience yet

op trying to get our thread banned?

There's no real nudity, so I figure it's fine.

I need to get the mouse location every time it moves when inside of a div, but not outside of the div.

Is that possible? Like can i start a mousemove listener when mouseover happens then kill it during mouseout?

Attached: 487fd4cd3cb06b780090987f461b407f.png (300x300, 30K)

you want to have a listener to create another listener?
Why not just put the move listener on the div and be done with it? What do you think you need the other one for?

how do I handle password hashing/salting in php if I'm not going to implement a registration form?

>I'm not going to implement a registration form
Then where are you getting the passwords?

Is redux really that important?

was hoping I could directly insert user data into mysql

password_hash and password_verify.

Not sure why you are hashing passwords if you can't have users register but ok.

the idea would be that I'm the only one able to create/edit/delete and give out credentials

I've done a site like that. Had an admin login and had to make accounts. Just write a script that puts it in the DB and you're good. Password_hash.

>If Vue was created some years earlier we could have had it as the #1 framework instead of garbage bloated as shit REACT.

Fuck, there is literally 0 vue jobs in my region compared to 500+ of REACT. (third world country- Poland).

Attached: 3529238327523.jpg (1079x1280, 141K)

>If Vue was created some years earlier
Vue is based on AngularJS, so that had to be created first and exist for a while so people could realize the shitty parts of it.

vue is trash and so are you

>vue is trash
Not an argument.

you'll need a script or a tool to generate the bcrypt hashes for you.

sauce on porno plox
I take Selenium tablets daily for my thyroid, does that count?

I'm interested in trying out the big three front-end JS frameworks (Angular, React, Vue) but I also have a good workflow going already and am not so sure about abandoning it completely to shift to the workflows of any one of those three.

Which of them is the least opinionated so I can still use (or make adaptable) what I am used to? I'm used to working with TypeScript, Express, SCSS and Webpack.

If you're use to TypeScript, try Angular.

I'm working on a wordpress plugin to track fitness stats and such, I fucking hate wordpress but $$$

Attached: computer-1245714_1920.jpg (1920x1275, 503K)

Where do you sell to get $$$?

I just do bespoke stuff really, it don't mass sell plugins but i might do one day if I can get over my hatred. I just kinda made a website and business cards then started going to small business conferences and shilling my skills to people.

Yes it is. Someone more experienced might have a more sophisticated reason, but with Redux you can save yourself quite a lot of Ajax calls to the database. I'm still fairly new to this, but you can make a call, store the data in the redux store and check the store to see if the data is there or not, and if it is, you don't make the call. That way you can switch back and forth through components without needing to make a lot of calls.

Also, another example, if you need to make the change to one of the components, you make the call to the database for the update and if you get a positive response, you don't need the value from the database, but have the one that the user typed. Dispatch an action to the redux store to find the item that has changed and change it with the value in the form.

Would love if someone could correct me or expand my knowledge on this, because if I'm not doing this, I get some memory leaks, because the ajax calls go back and forth if the component unmounts and mounts.

What did PHP mean by this?

Attached: Screenshot from 2019-01-14 17-08-14.png (1057x429, 33K)

legitimately the first time I've ever seen a trash can mac pro outside of a stock photo

shouldn't this be handled by an external library, why the fuck is this a language feature..

I'm glad I dropped php in favour of superior JS

out of the frying pan into the fire

this kind of external library

Attached: 1528665293241.jpg (310x499, 44K)

i see the keyboard and mouse, but not the computer.

you mean macbook pro or imac pro?

the trash-can-like object on the right is the computer

lmao, thought you said trash can as an insult, not a literal trashcan looking thing. That is one ugly fucker, for sure.

if(x)
return a;
return b;


if(x)
return a;
else
return b;


if(x){
return a;
}else{
return b;
}

Pick one and why

first, because it's the 1337est of them all, last because it's the most readable

a

short makes brainlets wonder why two returns one after the other

a is the only right choice

return x ? a : b;

nodejs/express with postgresql and sequelize as an ORM is a thing? I mean is it widely used in industry?
I'm a beginner and learned mongodb basics but truth be told I'd rather use postgresql and leave mongodb or a better document store engine to situations where it really is needed

how could we forget you, 1337est of them all

Attached: hellyeahdo5.jpg (640x308, 52K)

relational databases are the first logical step, you'll be more ready for NoSQL after it

first, but I'd add a blank line after the first return

if(x)
return a;

return b;

>apply for job
>they list NoSQL in requirements
>show up in the first day
>they say to me to write a simple query to grab data from the db
>say that i don't know SQL and the requirements said "No SQL"

>wordpress
How do you rate Plone? I am looking into a platform for a project.

But woo was Plone?

topest of keks

I know basics of both but I've been reading about the subject and I what I see is more and more people recommending postgresql over mongodb

>relational databases are the first logical step
I agree with you. which books should I read and which topics to focus in order to master the fundamentals? I know db design and normalization/denormalization are a must
are these good enough?
>The Relational Model for Database Management - E. F. Codd
>SQL Antipatterns - Bill Karwin

It's my idea or Nodejs is very hard to learn if you're a javatard?

>Nodejs is very hard to learn
what's there to learn?

Don't worry, most Java developers don't even know what a toilet is.

A band that inspired the Plone framework
plone.org/

Sadly I'm not the kind of user with enough knowledge about it to recommend you a book on them, I'm sudying Postgres at school myself. Things you can look for in the mean time. Database theory:
Chen Scheme / relational scheme
1:1/1:N /M:N/1:1:1/1:M:N/M:N.P - relationships
A little bit of theory facts and charts comparing the different types of databases and different operations you can do with them like simple queries, subqueries, joins, group operations, etc
Primmary keys, foreign keys, composed keys and the different combinations between them.

Oh and what I wanted to clarify originally Pstgres is like a swiss knife, it can do pretty much anything (when I say Postgres I really mean relational databases), but NoSQL does a particularly set of operations much more efficiently, while other opperations are pretty much setting it on fire so that makes for a very specific set of opperations and way to opperate with NoSQL, for example with NoSQL if you do a traditional join you are being a fucking retard and throwing the performance of the database through the window. IF you wanna do a join in NoSQL you don't, you just set up the table of origin with the same content as the table of destination, meaning you don't even structurate tables the same way you do with relational databases it's a whole new world, but it's worth it since it gives a performance boost.

That's what I got from NoSQL by watching this vid, I highly recommend you watching it it gives you a quick rundown on NoSQL, but it uses relational database lingo so beware:
youtube.com/watch?time_continue=1095&v=HaEPXoXVf2k

* table relationships

HOW THE FUCK DO I DUPLICATE THREAD STATS ON Jow Forums?

I probably can't get any help here without showing my code, but if anyone has some idea of what's going on, i'd be very happy.
Basically, I have an image upload site. Uploading an image has some inputs, a title, and description. They post to the database, and the text appears. I also have a comment section under the image, once uploaded, but the comments text will not appear, it's just blank.
I'm positive everything is configured properly.
database is mongodb/mongoose, and node/express. What the fuck could possibly be the problem? I'm desperate

>mongodb/mongoose
Found it.

thanks for this post user, I really appreciate it!

yw

Attached: 1542667376238.jpg (1689x1180, 488K)

FUCKING ANSWER ME Y'ALL ARE A FUCKING PIECE OF SHIT I'M GOING TO RAPE YOU

>can someone why does a shitty fucking WEBSITE (like, say, wordpress, or magento, etc.) need 1+GB of RAM?

There are multiple reasons:
- RAM is cheap
- PHP is not designed to have long-living processes, every request starts with a "clean slate". This means there was not really an incentive to optimize for memory.
- Magento (especially 2.x) does some pretty complex things serverside. It includes things like generating code (for AOP / plugins), LESS compilation, etc etc.

There are a number of other reasons but I think those are the main ones.

I know it's shit, i'll probably never use it again, but i'm already too deep into this project

How can the interview process be more simplified? Applied for jobs last week, had 6 calls with HR departments and each one send me a coding challenge and one company even send me a abstract logical reasoning test. After these tests some companies have told me that I might have a technical interview and a pair programming session, some companies will have me analyze a plan and tell them how I would build a web api from the ground up. I'm just a frontend developer and I'm applying to frontend jobs, you have seen my projects on github, my personal page which has demos of my projects. I don't have time for all of this.

Generally,
if (x) return a;
else return b;

because it's both clear and concise.

But possibly the first option in some cases where it makes sense semantically, like if returning 'a' is a special case, and we just have to check for it before returning the default, 'b'.

Magento is shit, though. It's been a while since I used it but I hated every moment of it.
I'd say the only reason you should need more than 256MB per request is if you're dealing with large images, even then those should be delegated to another worker.

Can I leave getDerivedStateFromProps without a condition? There is no way that I can pull out a condition, even out of my ass, with the stuff that I'm building.

>Magento is shit, though. It's been a while since I used it but I hated every moment of it.

That's your opinion, I'm doing freelance Magento work for many years now and I still enjoy it.

>more than 256MB per request

I've got a Magento 2.3 instance spinned up right now and the homepage is using 20047800 bytes according to memory_get_usage(). That's just over 19MB.

What kind of companies are you applying to? the interviews I had were just project-based. I.e. "Build this part of our site in react, here's some JSON data to work with". those were $80k+/yr. jobs. I fucking hate those challenges though.
>Program a spiral matrix
>matrix(4) should return
[ [ 1, 2, 3, 4 ],
[ 12, 13, 14, 5 ],
[ 11, 16, 15, 6 ],
[ 10, 9, 8, 7 ] ]

>me, pic related (I could do it now, but when I first saw that shit, I lost 98% of my brain)

Attached: brainlettttt.jpg (800x450, 44K)

>Program a spiral matrix
> $80k+/yr. job
ok at least there it makes sense

That was a separate job. The $80k was easy as fuck.

How do I go about purchasing a 2015 macbook pro in great condition?

>go to any "hacker" facebook group
>get some stupid indian/african to "card" one for you for $50
jk, but i've been seeing this happen a lot. look on letgo or something

Question; for images/alt tags, if I inspect it on my website I can see the alt tag property just fine. But if I open that image on a new tab, the alt is no longer there.

I noticed this across other websites such as Google. Is this correct, then? Or is there something wrong with my code?

>work keeps sending out emails to customers saying my giant project is almost done
>It's not almost done

Anyone have a good resource for how to securely implement login / auth for babby's first REST SPA?
Even with HTTPS/SSL, transmitting a password in the clear seems like a bad idea. I know that doing security correctly is hard, so where should I start reading?

when you open the image in a new tab you just open the image, a link to the file, so no html/css/js/... code is rendered, just the image

Makes sense, thank you for the explanation friend.

We all start somewhere, make sure you undertand the basics first. For refference, in the URL bar it will show the file is showing you (.html/.css/.js/.img/...) so that should give you a clue.

I've applied to Amazon where I failed the challenge. I wasn't really prerared though, but I scored a 74% but it seems that they didn't like it. This was for a frontend job and they wanted me to do some stupid stuff with array manipulations. Then I applied to a financial company again a frontend position and the coding challenge was also something out of hackerrank, none of the companies sent me a challenge that had me manipulate something in the frontend.