/wdg/ - Web Development General:

/wdg/ - Web Development General

Previous Thread: →

> Discord
discord.gg/wdg
OR
discord.gg/0qLTzz5potDFXfdT
(they're the same)

>IRC Channel
#Sup Forumswdg @ irc.rizon.net
Web client: rizon.net/chat

>Learning material
codecademy.com/
bento.io/
programming-motherfucker.com/
github.com/vhf/free-programming-books/blob/master/free-programming-books.md
theodinproject.com/
freecodecamp.com/
w3schools.com/
developer.mozilla.org/
codewars.com/

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

>Frontend development
github.com/dypsilon/frontend-dev-bookmarks

>Backend development
en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
[Gist] backendDevelopmentBookmarks.md

>Useful tools
pastebin.com/q5nB1Npt/
libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
programmableweb.com/ - List of public APIs

>NEET guide to web dev employment
pastebin.com/4YeJAUbT/

>How to get started
pastebin.com/pDT82mQS

>cheap vps hosting in most western locations
lowendbox.com
digitalocean.com/
linode.com/
heroku.com/
leaseweb.com

Other urls found in this thread:

shop.lenovo.com/us/en/laptops/thinkpad/x-series/x1-carbon-gen-1/#tab-tech_specs
youtube.com/watch?v=doEZMNXz1JY
acer.com/ac/en/US/content/model/NX.GG7AA.001
github.com/expressjs/multer
fonts.google.com/
twitter.com/SFWRedditVideos

What's a good way to compare Arr1 to Arr2 and return the values/indexes from Arr2 that aren't in Arr1?

I'm going to start planning an e-commerce platform , can you guys recommend me a good book or page with tips and good practices?

if javascript
let arr1 = [1, 5, 6, 7];

let arr2 = [5, 1, 9, -2, 6];

arr1 = arr1.filter((val) => {
return arr2.indexOf(val) === -1;
})

This will return just the values which are not duplicate. Filter accepts index as an arg, but I'm not sure how you would display that with an array

what laptop does /WDG/ recommend. Or do i just buy into the /TPG/ meme

Take my advice with a grain of salt, but I hate the whole mid tier laptop section.

I reckon you either go for a full craptop (thinkpad) or you get something nice (Dell XPS).
Anywhere in between and you just end up being really frustrated/disappointed.

thinkpad x1 carbon

owned a mid tier it was shit

SO IT ISN'T SHIT? cause I was thinking of picking one up off ebay.

I've had one for 4 years and it's still fantastic; never had a single problem with it. Still runs fast like new as well

series so i can pick up the same model famalam?

I agree. What makes me mad is that high-end laptops all look like a GayBoi 3000: Turbo Stealth Bomber Rave Club edition

I use a Lenovo S205 with Ubuntu installed.

It has worked well since I bought it in 2011.

Time for a replacement though. Looking at the 11e series because I like netbooks.

shop.lenovo.com/us/en/laptops/thinkpad/x-series/x1-carbon-gen-1/#tab-tech_specs

It bothers me that the x260 can come with no graphics card and still costs 1,700.

This is Apple-tier pricing.

Why does Sup Forums love this shit? The thing is ugly too. Looks just like how I remember them from a decade ago.

Yeah I'm looking more towards enterprisey ones because fuck some of them are hideous.
All the razer and even the HP spectre look like absolutely ass to me.

Well the upper mid tier isn't so bad really. Some of the HP Envy's or whatever they're calling them are pretty great for $700.

But, yeah longevity just isn't really a thing outside of the high end market.

youtube.com/watch?v=doEZMNXz1JY
/tpg/ is interested in the old ones due to the reasons in vid and the fact that they're easy to mod.

T b h HP Envy I would consider almost high tier

Also
>$700
Fuck australia so much, can't wait for your dollar to crash

>$700
That was Canadian dollars my friend. Not a noteworthy model, just some hp envy x360 I think

I think Acer has pretty good spec'ed 17" laptops for only $650, a lot of screen real estate helps a lot with web programming
acer.com/ac/en/US/content/model/NX.GG7AA.001

I can't watch 30 minutes of that awful editing.

can someone post an example of how to securely handle and upload images to a server in node/express or link me to one?

Is Donald Trump going to make outsourcing web work expensive?

The Junior web development scene would EXPLODE overnight, but it would be difficult to go mid-level if you're bad.

Do you want to store it on the filesystem or a cloud system?

filesystem

...

I've gotten a job for a company that is looking for someone to make their website. It's a commercial real estate company so they just want a place to put all their properties online and shit, photo sliders and design galore.

My question is, what is the best stack to achieve this? I'd like development to not be a massive pain, but I also don't really want a meme framework that will be depreciated in 5 years.

I'm thinking laravel so far? But also maybe Symphony for long support.
/wdg/ seems to hate PHP though so would something like python be better/easier?
I don't think react is the best fit for the project, but I'm considering as well.

Any advice is appreciated.

Wordpress damnit. Why tf would I use Laravel if its that fucking simple. Throw in some plugins, do SEO (so fucking many but can manage if Marketing can help you with content). Then voila!

Got sent here from /dpt/, reposting.

So I managed to get a job fixing up some mongodb/angular.js powered website and I know FUCK ALL about it. Yeah yeah, laugh it up. The last guy kept logging in and breaking shit so the guys would need to call him for "support".
I've managed to get the site back online and get the shopping basket working (paypal shit) but what is really grinding my gears is the fucker has made the search case sensitive. Which is annoying as the version of mongo on the server (3.2.something) defaults to case insensitive. So I'm hunting for where he's flipped this switch and it's driving me nuts.

Anyone got any tips?

I was searching for "caseSensitive" which was only throwing up files in node_modules/ which I'm pretty sure I shouldn't be fucking with.

aM i WRONG? i GUESS i CAN JUST BACKUP THE FILES AND GIVE IT A TRY... oh fuck you capslock

Well I'll be damned, I changed that file and it worked.

OK so now I have a new problem.
If I type in a query of two words (example "wicker chair") then it doesn't work. I'm guessing the space character is fucking it.
Maybe I need to escape that character somehow.

Fuck me I am in over my head. I only know html and bash scripting.

are you using express?
if you are, you can use multer

github.com/expressjs/multer

basically you just recieve the image within a POST and then specify where you want to save it on the FS withing the callback

I really like how you are having a convo all by yourself rubber duck

>are you using express?
I have no fucking idea man. I didn't write this website.
>if you are, you can use multer
I have never used angular.js or mongodb before, I don't even know how to install modules or anything.
>I really like how you are having a convo all by yourself rubber duck
Hey, no need for people to give me advice on stuff I've already solved.

so here's one

Anyone can point me how to do a Webpay gate connection?

Im running a node server for an eshop, but they demand that I connect to them via XML with a SOAP - I have NO clue how to do that, I'm literally reading what XML is on w3...

I have a public key and a private key - I need to make a signature composed of EVERYTHING in the SOAP (via concatenation with | in between) plus the private key + password + public key.....

know anything where I can start?
I tried requiring a soap module that makes a connection but it demans I use WSDL or something instead of URL.

When asking the portal runners, they've told me i need to install the wsdl onto my filesystem and Generate it there for "security reasons"

Any ideas where to turn guys? They have a sample shop they've sent me but its in PHP

Is this a good time to learn Angular 2?

check the app.js or index.js file - if theres a express = require("express") its using express.

If theres routes handled like - router.get or router.post(req, res, next) = its Express

angular is a framework of Node - mongoDB is a database, that may be connected to Node via for example mongoose

to install Node modules open your shell, cd into the production folder and
type npm install --save >>whatevermoduleyouwannadownload

I just realised I replied to you even though you weren't talking to me (re:express). Sorry to the other user.
I've had no sleep.

I've been working on a UI design I posted a few days ago. People seemed to like it. I'd like to ask for you opinion on the UI design in general since I'm not getting any help from my mentor and /gd/ is not very into web related things. Thanks.

I got told the hierarchy of inormation might be problematic so I removed thumbnails from the left sidebar atm. Don't know how good/bad it is now.

And here's the current article page. The text is hopefully cleaner and it looks easily readable but at the same time, the recommended content is in the view.

UPDATE posts SET reservedSign = :sign: WHERE groupId = :groupId: AND reservedSign IS NULL LIMIT 1


This query only works twice, then it stops working. Why?

It can chose any of the 25000 rows of data i have and update it, but for some reason it only works on the first 2.

sql output: "Affected rows: 0 Found rows: 0 Warnings: 0 Duration for 1 query: 0,172 sec."
There is literally over 25000 rows that meet the WHERE requirement. The fuck??

>Sidebars
y tho

For work, learn React.js or Angular 2
For everything else, learn Vue 2

How is Web Development not the most boring tech career of all? Considering every major/serious website nowadays runs the same tried and true layout since the 2000s. Navbar and a search bar at the top; content laid out on very generic columns; some dropdowns and a few buttons; that's as exciting as it gets. And that is your Amazon, Yahoo, Wikipedia, Twitter, Google, basically every tech pioneer's website.

Modern technology allows for endless possibilities as far as making websites go, but we have to cater for the lowest denominator: bad internet connection, low processing power, and users too dumb to be able to navigate on anything that moves too much. As a consequence, every self-respecting business has to run the same bland layout we've been running for over 10 years on their websites in order to be relevant. And so every web project is becomes basically the same shit with a different logotype and color scheme. It feels like there's nothing to be achieved, especially with so many incompetent workers replicating the same basic formula with braindead frameworks e.g. Bootstrap and still making buck. Are you all in it for the money or is there any satisfaction to be had from Web Development?

it's relaxing imo

Money is a great motivator plus can't you say what you're saying for every other work? Dumb people ruin stuff for everyone.

I mean, there are still plenty of exceptionally boring and ugly websites out there. When you find the beautiful, accessible, and functional ones it's all worth it though.

I just enjoy it, I don't see making websites accessible as appealing to lowest common denominator, I see it as granting access to people who otherwise wouldn't be able to even view our site. Making their lives convenient and enjoyable, even if just a bit, is pretty damn great.

If you feel that way though, there are plenty of fields you can jump to.

So I can use more of the wasted space on sides, separate other links from the main content to achieve a better focus, have additional information on it, it is also fixed and scrollable so I can fit in more stuff, and in the end, less important, but the looks of it and making the site feel a bit less generic. I kinda really enjoy this dashboard-y look, don't know how you feel. I'm well aware of current trends so I wanted to experiment with it a bit, since I feel like it would be the easier thing to do to just follow all the patterns - but I'm doing a paper on UI so I need to try something new.

Don't know why some people have aversion towards them, I like both but I've noticed I tend to use left navigation more, though.

So i figured something else out while troubleshooting.

If the row in question has a field that is empty, the query wont work if executed from PHP. It does work if i execute it on the server directly through mysql.

Does php have a problem with updating rows with empty fields? Makes no sense to me...

Ah, fixed it. The fields that were empty were not allowed to be empty. Weird how this stopped PHP from updating, but it worked fine in mysql. Also why didnt the insert complain in the first place? That was done through PHP aswell.

nobody knows shit fuck

what book should I buy w this?

I finished the popular complete web dev 2.0 course on UDemy. so I have a basic to decent understanding of the following: HTML, CSS, Javascript, JQuery, Bootstrap, PHP, MySQL.

I'm thinking about getting a book to really learn javascript well, or getting a php/mysql book, or learning a javascript framework.

what do you guys thinks?

Well just set aside the fact that youre' wrong... what did you think you were achieving in any other field? Do you think there is anything you can do that hasnt already been done? Or that matters?

Eloquent Javascript or Javascript: The Good Parts
Or just a general programming book like Pragmatic Programmer.

What's a good CMS to use that will be easy for someone else to take over afterwards? I'm looking into Apostrophe. I guess I can look into PHP (I just use WP now) but I don't really want to have to learn it if I can just stick with JS.

I echo the relaxing sentiment. It's fun. I suppose it also depends on where you live. In my country, people are only now seeing the benefit of having a web presence and those that do have some shitty, ugly, non-responsive site or some hackjob they got while also being swindled.

The only thing I see as a threat are those shitty Wix and Squarespace guys but people here are only turning to that because "web development" isn't really a known thing.

I'm working on a webapp which allows users to cast youtube videos to devices which don't natively support casting

"In Order to Live" by Yeonmi Park; it's an autobiography of a North Korean refugee who was sold into slavery in China after escaping from famine in North Korea. Very eye opening

Game development, virtual reality, artificial intelligence, cryptography are all constantly expanding fields with A LOT of things to do that have never been done as new technology keeps arriving.

Whereas even though there have been a lot of advances on web development technology-wise, none of it matters because website layouts have been stale for so long. The only thing that's fresh and still on constantly changing/improving is mobile development but soon we'll find the optimal layout for mobile devices as well and it'll become just as stale as the rest of the web dev field.

Is it bad idea to use jQuery with React?

Personally, when I make webapps, I don't go with the typical bootstrap design. I don't really make any websites which are meant to be a consumer-facing portal for some service, like a restaurant menu or a store page or something; I typically do a lot of webapps, which doesn't limit your UI choices to what's popular at the moment.

I like web development because HTML is the easiest markup language to quickly deploy a project/frontend and have your backend be accessible to someone. For me, the motivation behind programming is making useful things for people to use, and web development helps me reach that audience more easily than developing a native application. Also, web dev allows you to write the most portable code out of any type of development environment, so I wouldn't have to port an app from android to IOS or from Linux to Windows. This way, I can avoid using windows or IOS altogether.

The logic behind solving a captcha is pretty crazy.

Regular captchas, not these "Select the waffles" ones.

what do you mean senpai uguu~ :3?

>nobody knows shit fuck
we don't know what you're feeding the query.

If the query works in the terminal but not in the PHP, then it's the PHP.

You have been visited by the divyanth of handsomeness

You gain nothing

Yes, and have you noticed that, for the most part, most of them are relatively NEW. They have potential to expand greatly because of it.

Web, also has plenty to expand and improve, simultaneously every single industry can grow stale. You think VR won't get stale? People producing the same fucking black boxes people put on their faces with the same fucking screens playing the same damn games? You think these giant industries that are so risk adverse won't monotonize the entire field, just like how you feel Web has become?

Please, wake up.

Why shouldn't I use PHP? It's so fucking easy to use

PHP is fine for use as an API.

Don't use it to actually create the pages.

But why?

Like all other tools available to developers, use it if it suits the project well.

All else is explicitly retarded ramblings.

Because echoing html looks like shit and is confusing when you have any DOM manipulating code.

>Because echoing html looks like shit
But you don't have to do that (if this is what you mean)


It's true


It's false

I'm done programming my website, at least for the basic functions that it will have at first, for now all that's left is the design.

So, any design advice? I.E.:
>What's a good web font? (for headers and/or body text)

But then again, any advice is welcome.

>What's a good web font?
I personally like Fira Mono, Open Sans and Roboto but you have to decide

fonts.google.com/

Sorry I meant Fira Sans, not Fira Mono

If you develop websites then yes, that's boring as fuck.

Web apps is where it's at. The people in charge of developing web technologies today are actually pretty good at their jobs, giving us the primitives we need to do great stuff.
If IE 11 finally dies, all browsers will be evergreen.
This will be an amazing time to be a webdev.
We'll still have to deal with apple intentionally crippling SafarIE so web applications can't really compete with native applications, though.

gib list of books to purchase or torrent.

>any Edge-WebKit differences are bugs that we’re interested in fixing
Why didn't they just use WebKit then?

Still looks like shit. Only reason to have PHP on your page is to check sessions

I'm a guy who posted that design with a sidebar. I just realized Macaw is free now and I'm hatinf myself for not realizing it sooner. It's amazing.

Anyway, I tried to focus on good UI and UX patterns exclusively this time and made this quick sketch. What do you think of this layout? I guess it is somewhat generic (as that guy was saying about websites of today being boring) but I guess you can't fight against trends. This seems really good from usability perspective me thinks.

So /wdg/ I was shooting the crap with a guy outside of restaurant the other day. Turns out he is a hiring manager for his company that is looking for a junior web dev, with an emphasis on php. He seemed like a cool guy and is interested in hiring me.

Problem is he asked for a sample of some of my php code. I'm sure you can guess where this is going. I am very limited in my php ability, I told him I took a semester of php and I wasn't very experienced. He said to send a sample anyway.

I got some of my old school stuff which was very basic. I honestly have been studying various front end stuff and learning so much I can hardly remember php (is this normal?)

I'm sure the guy is willing to give me a shot but I don't want to show some shit code like averaging temperatures and stupid shit I did at school. What is a basic project that I turn into him that would be easy enough for me as a beginner?

Sorry for being that user... I would really appreciate the help though. Need money but more importantly need experience.

Will I be able to find work after a 1 year community college web development education or will I need to study some more afterwords

Can you hide the sidebar? When I'm reading an article I like to have my text centered and without any shit flying around.

Looks good apart from the really small nav. Spacing is fine, just make it bigger height wise.

t. guy who previously suggested recent comments in the sidebar.

ima add an image so people see my post :^)

Oh hey!

I've been thinking about adding a button to hide a sidebar, just don't know if it would be hidden or shown by default (basically like YouTube). I have to admit I prefer it being shown but I agree about centered article which bothers me a bit - especially since the content is usually left aligned so that's what users are used to the most.

I think I will code up 2-3 designs (including the sidebar one, which is still my favourite) and let some people test them and write their opinions (not sure how I'll do that yet, never did it).

I agree with small navigation, it is just a fast mockup - something I will do a shitton or the next few days now that I found out about macaw.

Unrelated pic, just one more try at it.

I added it to my post so I could find it later, it just happened to be a lady.

Anyone running any price comparison website?

Thinking about creating one, but before I do, I'd like to know how "illegal" web scraping is now. Many of the web shops don't have APIs, and so I would have to scrape. Is it an absolute no or is it on a shop-to-shop basis?

I meant the post I quoted (my post) cuz I kinda want one of you lads to answer that question. I guess the sarcastic smiley wasn't a good idea

anyone here know notepad++ pretty well? Why is half the shit inside of my tags black? Nothing in the html or global parts of the style configurator has a black fore color.

I'd make it so that it hides either on mouse-out or on a click that's outside of it. Add some arrows in the vertical center of it, and you should be fine.

You should honestly use a better editor, Notepad++ really isn't very good.

I just use it for simple shit like homework. would still be nice to know why it's doing this, though.

Then make something that isn't shit. Like a login system or something that pulls from an API.

You could write something in the time it took you to make that giant ass post.

How shit is your attention span to think that is a giant post?

I was looking up the riots and found riot.js

Any good?

We dont need blog posts here.

Go use your journalism degree elsewhere.

login system is a good idea. maybe login system with md5 encryption... then have a simple to-do last once logged in?

I would say something with a database for sure. lots of industry shit will be w databases.

to-do list*

>maybe login system with md5 encryption
Don't use MD5 for passwords

What do you think about sites like lynda.com and their content?

Is it any good or all overpriced crap?

lol fucking idiot. why would you take that job. give it to me what is your clients email?