/wdg/ - Web Development General

Previous thread
>Discord
discord.gg/wdg

>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.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
pastebin.com/AL6j7GEE

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

Other urls found in this thread:

crossorigin.me/
indeed.com/jobtrends/q-AngularJS-q-ReactJS-q-VueJS.html
docs.microsoft.com/sv-se/aspnet/overview
archive.rebeccablacktech.com/g/thread/58662278
github.com/ryanjay0/miles-deep
developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
developer.mozilla.org/en-US/docs/Web/API/Fetch_API
kenwheeler.github.io/slick/
campustips.net/
45.55.254.243
theirWebsite.com/api/getData?for=clients
myWebsite.com/api/getData.php)
twitter.com/SFWRedditGifs

Anyone know what the performance impact of passing a callback function prop vs emitting an event in Vue? Is it about the same?

What the fuck. Why can't I get a json from a different website.

It's for a static website so i can't really do it through my server

CORS

I'm looking for a cheap hosting site, what do you guys use/recommend?

Scaleway

I have some json data returned to me with jsonp, but I can't get it in the callback function. I am using lastfm api. I can see the data in response. json parse doesn't help.

is bento.io any good? i fucking hate sites that try to make you link facebook/g+

nearlyfreespeech.net - ~$1.20 / month

Playing around with vs2017 and dotnet core mvc. I'm going to use it to make an app to automate the tasks I have to do as a treasurer for a sports club so it'll be mostly reading a json file from the bank.
Before you say it's overkill I want to be able to give it to my successor who can barely use spreadsheets, and they may also have a faggot box so I need it to be cross platform

what are you using for the frontend?

If my understanding is correct, that only works if the site I want to access has it enabled?

Yupp

vanilla bootstrap and razor, standard out of the box dotnet core mvc stuff

well thats gay. Is the really no other fucking option? All I want is get some fucking text from a fucking site.

why not use a meme framework?

Their curriculum looks all over the place, i prefer FCC

use a cors proxy

crossorigin.me/

Been out of the webdev game since 2013, redpill me on the best javascript and PHP frameworks Sup Forums, I am liking laravel besides the service container / component cancer and vue.js, what else should I learn?

Thanks. Looks like I didn't waste hours of my life after all.

Laravel still good. Angular good for js.

Read up on ES6.

Also check differences between php 5x and 7. Use PHP 7.

So I want to learn C#.net, where the fuck do I start? I'm already stuck on the first learning page, do I choose asp.net or .net core? I just want to learn enough to get a junior position.

It always bothered me that the php dev team sucks so much and fucked up php 6 so hard that they decided to scrap it and just start dev on 7.

.net core is a runtime, asp.net is a web framework
asp.net exists for the .net framework and .net core.

if you need the full .net framework then use that, if you don't then use .net core.

I only know JS.. Angular 1.X is well established and still has all the bells and whistles. ReactJS is its newer competitor that people seem to prefer, but it's not where Angular is yet and no one knows if it will be. Typescript is an option if you like types. Use jQuery sparingly and only as a last resort. Also remember to Bootstrap your CSS and use LESS or SASS

framework comparison:
indeed.com/jobtrends/q-AngularJS-q-ReactJS-q-VueJS.html

Is there some boilerplate project for a react redux app with node api I can use instead of spending hours setting up webpack myself

>ReactJS is its newer competitor that people seem to prefer
Not him but people say that Angular isn't comparable to ReactJS and the closest thing to Angular would be React in combination with Redux.

Why is JavaScript such a fucking mess?

You're right. React isn't a replacement for angular without some help

ok so I guess asp.net if I want to get a fucking job. Now what, Web Pages, MVC or Web Forms? This microsoft site says Web pages so I guess I start there?

All these fucking acronyms and technologies in web dev makes me want to shoot myself.

web forms is dead, it's like windows forms for internet explorer, avoid it.
MVC is just that, a MVC framework like it exists in hundreds of other languages.

No idea what they mean with web pages, I don't see that option, can you provide a link?
Might be a JS driven page with an API.

most modern sites use asp .net web api with mvc-like structure to build rest apis which u consume with a spa framework such as Angular or React/Redux

>most modern sites use asp .net
lolno

docs.microsoft.com/sv-se/aspnet/overview

>ASP.NET Web Pages and the Razor syntax provide a fast, approachable, and lightweight way to combine server code with HTML to create dynamic web content. Connect to databases, add video, link to social networking sites, and include many more features that help you create beautiful sites that conform to the latest web standards.

is that what they teach at Ransheesh Codecamp (TM) Microsoft (R) Partner?

What are the current top technologies then?

spring

oh shit, don't do this.
it's the View part of their MVC framework and without models and controllers, just inline code, like classic asp is.
Stick to the MVC framework if you want server side rendered html pages using their Razor view engine or WebAPI if you want to use a client side framework (react, angular, etc) and just talk to your server using json.

How I identify myself as a competent PHP developer.

Don't be indian

kek

Question: What's the difference between laravel and symphony?

Laravel is built on symfony.

Why don't you like vue.js?

I could use symphony on its own then?

I remember reading that they both were BE frameworks. What Symphony actually is?

thank you I love you. I'll start with the MVC framework.

How does ASP.NET MVC compare to Rails in terms of productivity?

1.23-1.25

Symphony is both a framework and a collection of libraries. Laravel is built on top of some of these libraries, not the Symfony framework itself.

Let's stop arguing about tools and start talking projects for a change. What are you working on ?
I'll start, I'm tired of having to redo the same crap every time I start a project so I'm making an authentication server to handle user login and registration. I'll make it into a template once it's done so i can either build new projects on top of it or use it as oauth auth server.

Currently reading this. It deserves its praise.

Thanks

Is it aimed at new devs learning to code with javascript or devs learning to make good javascript ?

Pornsite

I'm currently balls-deep in a vue.js course on udemy. It's pretty neat.

Both. For my taste, it has a great pacing, but maybe it delves to quickly into higher concepts.

I have honestly thought about making some kind of scraper for porn sites so I don't have to waste my time looking if there are any new videos for my fav porn star. Is there something like this available already? Because I haven't been able to find it.

Not sure yet how I'll explain a project like that in an interview.

>Not sure yet how I'll explain a project like that in an interview.
Make a version to scrap cat vids from regular video platforms

Don't think there's a general solution, but writing a scraper for a specific search result shouldn't take long.

Also this . An exercise in modularization.

Your assorted portfolio has to match your job-searching profile. Hide that stuff, or make the core work in an abstract way, then using the project interface add the porn module.

>Don't think there's a general solution,
He could go hardcore and use neural network models to recognize a pornstar from screenshots of the videos, either training his own model from existing ones or using the one used by some user for this exact purpose in his pornstar recognizer website that got posted a while ago

sauce?

archive.rebeccablacktech.com/g/thread/58662278
Looks like he didn't train the model himself as i thought, there are plenty of search results for this kind of stuff
github.com/ryanjay0/miles-deep

>use jquery sparingly and only as a last resort
why?

it's a huge and slow external dependency, also vanilla js improved and supports more and more crap like query selectors as time goes by

if i just design websites and no app-shit what do you suggest then?

i always thought frameworks are overkill for designing websites.

all i've needed so far is html, css, js jquery and a backend, but ill hear you out

The point is that you can now easily replace most of the functionality jquery provides with vanilla js so you don't need anything else most of the time.

For jquery's selectors, just use vanilla js's selectors instead. The syntax is pretty much the same.
developer.mozilla.org/en-US/docs/Web/API/Document/querySelector

For ajax stuff, use the Fetch API (supported in modern browsers for the most part, might want to include a polyfill for it just to be safe)
developer.mozilla.org/en-US/docs/Web/API/Fetch_API

That's like 90% of what anyone uses jquery for.

whatever you're comfy with really
I try to use as few front end libs as possible and only use a css grid framework, sass, regular javascript with the occasional library like if i need to make graphs or something. I'd rather add complexity in the form of my code being a 100s loc mess than by introducing too many dependencies.

All and i are saying is you don't need to use jquery if you're only doing basic shit, it's bloat.
But at the end of the day what matters is that you use tools you're proficient with so you can actually do stuff, so whatever realy

> Get API key for REST API
> Documentation says 'just use the api key with every request'
> Set authentication header to "Bearer $apikey" as in OAuth
Nope
> Use the 'Authorization' header as in basic Auth
Nope
> Analyse API playground request in FF devtools
> It uses 'Authentication: Basic' plus the base64 of the api key with ':' appended
> This is documented literally nowhere

Why do companies do this? Does this follow any kind of standard? I barely got away with it by recognizing the '==' that indicate base64 padding

why would i use the fetch api for
>supported in modern browsers for the most part
when i could use jquery for reliable browser support in every current browser and every browser all the way back to ie9

Thanks to the user who mentioned redbeanphp. It's pretty nice.

So with a cloud server is screen the best way to go for running multiple programs at once? Do you simply use & disown && exit to leave the program(s) running on the server or do you need to set them up as a service/something else. I assume you also want to ensure they run on startup in case the server restarts for whatever reason?

i usually make them run as services

>Documentation says 'just use the api key with every request'
>tell boss the documentation is ambiguous, so i'll have to test it a lot
>do half assed post request
>do half assed get request
>do half assed headers request
>at this point, at least 2 or 3 days went by because i'm obviously busy with some other work
>tell boss ambiguous api doesnt work, will have to contact their support
>their support guy knows whats up
>he takes 2 or 3 days to reply
>so do i
>i can feel him smiling
>he can probably feel me too
>everything is beautifully in sync
>i spent 2 weeks doing nothing even though i got it to work with the first post request
>get paid

god bless

Because it's "supported in modern browsers for the most part" as in supported natively without any dependencies.

And as I said, if you want to support old browsers, you can include a polyfill that falls back to XMLHTTPRequest. And to be honest, you could still just use XMLHTTPRequest if you want.

Right now some tools for twitch streamers.

I want to work with or compete with streamlabs eventually.

>What are you working on ?
Nothing because I can't find the motivation. ;_;

on this occassion i will stick with jquery

This. API documentation is almost always garbage.

Not including a sample request for as many languages as possible with what headers too attach is awful.

I like your attitude

Are you the dude who wanted to make a platform for indie game devs to get streamers to play their shit ?

Seems the easiest way thanks

Every fucking slider requires jQuery.

...

Yes. That's me. The current services are terrible for both indie devs and smaller streamers.

I mean multiple item slider like kenwheeler.github.io/slick/

So how is your project coming along ?

>kenwheeler.github.io/slick/

goat slider

campustips.net/

working on a website for students to put local tips on a map of their college campus. Tips are moderated so they need to be approved before being added in.

I may add in a requirement later on that you have a [university].edu email address to access the map to avoid vandalism. Also I can recruit people from different schools to act as moderators of their school

>Also I can recruit people from different schools to act as moderators of their school

>campustips.net/
come on ..

nide idea tho

Interesting. What browser are you using? hyphens don't line-break for you?

Little project I'm working on to get myself comfortable with databases. Is it browsable or are the loading times too much? Having 7 million entries slows shit down. The thing is basically to browse Sup Forums on election night.

45.55.254.243

firefox 52

I replaced the hypen with a space so it should be fixed. Interesting that firefox doesn't line break hyphens

What's it like living in 2013?

Not him but I've never been presented with a good reason to use one of these frameworks. I don't even use jQuery outside of work. I know jQuery well but I don't see any good reason to use it. Vanilla JS is perfectly good for everything I do.

load time is about 1s for me so it's usable
seems like the page is trying to load deleted imges tho, it makes the catalog flicker, especially at the 23pm timestamp

That was kind of low on my list.

I have a project to launch after getting the design perfect, another launched project to integrate with Stripe, 2 twitch tools to finish and launch, a homepage to design for my twitch tools, then I'm working on it.

I might bring in help for that one.

Interesting concept.

Here's how I would swing it.

I would take this tip idea to a mobile app, called LocalTip or Tipster probably, where you record the coordinates of wherever a tip is entered. Then if anyone else goes within a certain distance of those cords it would send the tip as a notification with a thumb up, thumb down. This way you aren't limited to schools. Figuring out incentive for people to leave tips would be a little more difficult. Maybe a leaderboard or ranking system. Then you could use power users for community moderation or if a tip has more thumbs down than thumbs up for a day it gets deleted automatically. Then you have issues with tip heavy areas. In these areas display the highest rated tip in a 10m radius as the notification. Clicking 'see more' lists the other tips ordered by rating.

You're walking a hiking route. All of a sudden your phone goes "BA-ding", that sound you recognize as a Hipster Brand Name tipping app notification. You check the notification and see "Look off path towards river for abandoned cave!". Without Hipster Brand Name tipping app to see your local tips you would have never known this great cave existed and would have missed the opportunity to take such awesome pictures for INSTAGRAM TM, FACEBOOK TM, TWITTER PICTURES AND LOST YOUR E-FAME CHANCES. Download today!

I'm getting back to work.

Here's what you need to do, if you want to get around CORS and all of that.

So, let's say you're trying to access theirWebsite.com/api/getData?for=clients

You can't, because the browser is blocking the js because cross-site bullshit.

So you create a php page on your own website: (myWebsite.com/api/getData.php)

Now hit that page up with your javascript and BAM, you did it. You just circumvented CORS.

Basically since your browser refuses to do cross-site scripting and all that, you just create a php page that mimics the activity that the user's browser would do if they were on coolPage at theirWebsite.com. Then when you hit that page up, since its on your own domain, the browser will actually load the response.

I recommend that you try to study EXACTLY how the requests for that JSON are being made on theirWebsite.com. If they are using any special headers, passing any special parameters, ANYTHING, you're going to need to mimic that EXACTLY.

Or they will realize that you're not actually a regular user, and will realize you're using a script to call their api.

You could make it load more as you scroll to make it more responsive.

Alright should be fixed shortly

The bulk of the loading is at catalog calculation, but that should ease it up more

My point was that this guy honestly believes that Angular 1 is well-established and React is a new competitor. The majority of large tech companies use React as a frontend and are just now starting to adopt Angular 4 and Typescript.

Angular 1 might fly for tiny jobs, but industry leaders are way past that point when it comes to developing web applications and not just websites for your local restaurant.