/wdg/ - Web Development General

First for PHP

File: poop-storm.png (24KB, 400x400px) Image search: [Google]

24KB, 400x400px

we should let this general die tbhfam.
anyway, why does everyone recommend this piece of shit of an IDE for php? i tried it today and it cant even make $_POST to work. i looked in their forums and people were complaining for the same and no one answers LMAO

>>59878696
>it cant even make $_POST to work

That is a hugely broad statement. What exactly do you mean?

Why would I use VS code instead of Visual Studio?

>>59878632
We just got off work. Chill.

I'm in my daily traffic bullshit still.

>>59878721
$_POST is empty all the fucking time. probably have to tweak the shitty IDE that everyone drools over.
in the meantime i am testing my shit manually (and it works there obviously)

Read this shit.

https://redditblog.com/2017/04/13/how-we-built-rplace/

whats wrong with typescript?
from what i've seen it seems really good but there are very few projects that use it
only problem was being slightly hard to integrate with existing code

TLDR: Swift developer here, haven't used Node in half or so, trying to set up an Express app that serves JSON from mongodb but instead of valid JSON I get an empty array. Help me /wdg/...
Model:

const mongoose = require("mongoose");

const Schema = mongoose.Schema;

const schema = new Schema({
    date: String
}, {
    collection: 'importantDates'
});

schema.set("collection", "importantDates");

module.exports = mongoose.model("date", schema);

Router:

const express = require('express');
const router = express.Router();
const Date = require('../models/date');

router.route("/dates").get((req, res) => {
    Date.find((err, date) => {
        if(err) {
            res.send(err);
        } else {
            res.json(date);
            console.log(date);
        }
    })
});

module.exports = router;

App/server:

const express = require('express');
const app = express();
let json = require('./users.json');
const mongoose = require('mongoose');
const db = require('./db/config');
mongoose.connect(db.url);
const router = require('./router/router');
let databaseConnection = mongoose.connection;
const bodyParser = require('body-parser');

app.get('/listUsers', (req, res) => {
    res.json(json)
});

app.use(bodyParser.urlencoded({extended: true}));

app.use(bodyParser.json());

app.use('/', router);

databaseConnection.once('open', () => {
    console.log("Connected to Mongodb");
});

const server = app.listen(3000, () => {

    let host = '127.0.0.1';
    let port = process.env.PORT || 3000
    console.log(`app listening on http://${host}:${port}`);
});

This code used to work before, now it doesn't. The name of my one and only collection is 'importantDates', haven't touched javascript and node for a while. Roodypoo...

>>59879357
half a year or so*

Huh, apparently the unpkg cdn has started redirecting to malware. That's kinda not good...

What sites should .moe be used on?

>>59879851
anything that's moe

>>59879012
amazing

>>59878632

Hello

I'm making a program to circumvent some non-free javascript that you have to use to get into the wifi on the new york subway

Yes, I know how autistic that is

Can anyone tell me were to start?

I have a website. It's cheap and run off of bluehost for 200 bucks for every 2 years.

Can I make it so every email directed to [email protected] goes to my gmail account?

>>59881312
Yeah, that should be an option through your registrar's admin console.

I have a React app which loads super fucking slow because I'm transpiling the JSX with Browser.js on page load. What are some best practices/packages for frontend production builds?

Working on a personal project over here and I just came up with this abomination of a regex:

/,(?=[\w$@,:/.!?*\\;+\-\> ]*(?=(\([\w$@,\-\>!?*\\.;+/: ]*\)|\$(?!.*\)))))/g

/*It searches for commas outside of parentheses so you can parse parent-child tag relations like:
@$franchise:Fate->($series:Fate/Grand Order,$series:Fate/Apocrypha),@$series:Fate/Grand Order->($character:Rider of Black,$character:Fujimaru Ritsuka),@$character:Rider of Black->($gender:male,$male:fang,$male:pink hair,$male:side ponytail,$male:heart-shaped pupils,$male:tomgirl,$male:otoko no ko),$language:None,@$character:Fujimaru Ritsuka->($gender:female,$female:embarassment)
and only capture legitimate commas so that we can parse the p-c tag relationships for later.
*/

I wish JS had real positive and negative lookbehinds. It would make coming up with my autistic tagging system much easier.

How do you rewrite URLs these days? Still with mid_rewrite?

>>59879357
nvm solved my problem. fuck you /wdg/

Does anyone know Lineode's current CPU frequency?

I'm got a Vultr VPS and while the SSD and network performance is satisfactory, the CPU is at a meager 2.3 GHz

I cant drop the imposter syndrome.

I compare myself to the other devs constantly.

There's one guy that will start saying 'wtf are you fucking serious' to his monitor then 30 secomds later my code review is denied by him.

Fuck this framework, man. it's like getting a job in HTML/CSS and they make you use Dreamweaver in Chinese.

I want to code in the language, not dig through 200 classes looking for a method to use instead. Is this shit normal in this industry?

>>59881373
create-react-app

>>59881846
Move away from frontend development

>>59881889
I'm backend.

I think I need to do startups.

>>59881846
yes bruh, this is the current state in 2017. everybody wants to use bleeding edge frameworks so you're gonna have to buckle up buddy.

but at the end of the day just remember all these motherfuckers are nerds.

>>59881920
Not that guy but that's definitely a reason to consider PHP. It only gets better and as long you don't mind the meme kiddos it's petty comfy.

>>59882321
for comfort php is fine, but for growth i think learning javascript + frameworks will have a much better return.

say what you want, but javascript is here to stay. look at electron.js, took the web stack to make native apps.

File: wizardPepe.gif (193KB, 386x304px) Image search: [Google]

193KB, 386x304px

So I have this form that contains blocks of text form a webpage. It is built dynamically depending what types of elements are being displayed on the webpage. When I post this is the array that I get back.

{"_token":"Token","pageName":"index","1":"Hello this is the first block of text.","2":"This is the second block of text.","3":"This is the third block of text.","4":"This is the last block of text.","metaTags":"some tags"}

how can I figure out how many dynamic elements I have on my webpage so I know how to post them to my database. should I just make a hidden field on my webpage I feel like a user could just fuck with that and end up braking my page or my database.

What are some cheap webhosts for a tiny PHP project?

>>59883827
put the dynamic stuff into an indexed array within your existing array.

{
 current_array_stuff,
 indexed_array: [ '0':'a' , '1':'b', ...]
}

File: 17883872_1980712188824343_8663575351315342749_n.jpg (35KB, 480x570px) Image search: [Google]

35KB, 480x570px

>>59878721
> A variable is empty because you don't know how to use an IDE.

/g/ retards everyone

File: 12724767_990017087740299_170272348_n.jpg (91KB, 640x640px) Image search: [Google]

91KB, 640x640px

>>59881920
This

why do some people ommit semicolons; on es6 ?
Are semicolons now optional on es6?

I've seen some

import {poo} from "loo"

instead of

import {poo} from "loo";

I'm a CS student so I know some programming. Picked up a little bit of Jvascript along the way and I can understand what HTML is doing for the most part.

My goal is to setup my own website where I can mess around and practice my skills. How is this typically done?

Been learning a bit of JS recently to help with a page on my site. I thought as a bit of practice I'd convert a small Python script I made into JavaScript. It just calls the coinmarketcap API to get cryptocurrency prices.

In Python calling an API is as easy as

requests.get('https://api.coinmarketcap.com/v1/ticker/').json()

I can't seem to get this same functionality using Node. I used the request library but it seems a bit obtuse.

request('https://api.coinmarketcap.com/v1/ticker/', function(error, response, body) {
    if (!error && response.statusCode == 200) {
        console.log(body);
    }
})

This works and prints the body to stdout but I can't find a way to assign the JSON body to a variable so I can parse it. I can only assign the request information. Is there a simpler library that acts more like curl?

>>59885507
ok I 'solved' it.

request(options, function(error, response, body) {
    if (!error && response.statusCode == 200) {
        for (var i = 0; i < body.length; i++) {
            if (coin == body[i].id || coin == body[i].symbol) {
                console.log(body[i].price_usd);
            }
        }
    }
})

So the function is a callback function and the result of the request is piped into it? Is this style common in JS? Does this mean that all processing of the API has to be done within this callback function?

So I have a site where people can search compromised data. It can output millions of results in mere seconds, searching through over 3 billion rows. Is there any logical limit I should set to the amount of output on the page? For example at which point will chrome/firefox crash because of the large amounts of results. Each result on avg uses a little less than 1000px and 0.1KB. I have a pretty top-of-the-line computer, and if I search Jon* with wildcard my browser ends up slowing to a halt for a few seconds before quickly displaying more and more data for up to 10-20 seconds locally in the browser.

Should I limit it at all? Won't js-based pagination have the same issue?

>>59885734
Meant 200px*

>>59885734
Rendering all the output data at once can take a hit on the browser, js-based pagination can reduce it a little bit if you just load the data to memory and you render it later with js.

From my experience the best approach is to do server side filtering if all the records are more than 5-8MB each time you call it, meaning all you need to do on the front end is rendering the result and figure out how to paginate.

I'm trying to put together a page which has an image with a link to the full size image when you click on it. At the bottom of the image, I want a link that can toggle the image and link to the new images full size.

I've got the page set up as a table, the image set as a background image in css for that particular cell (which for me, makes it easier to manage the template).

I'm pretty sure I can use css' :target selector for this, but I'm unsure what I can do to have the original image displayed initially. If possible, how would I implement this to switch between more than two images?

>>59885940

To show in code:

td#imagea
{
    background-size: 800px;
    width: 800px;
    height: 614px;
    background-image: url("imagea");
    background-repeat: no-repeat;
    border: 1px solid white;
}

<tr>
    <td id="imagea" colspan="5">
        <a href="imagea" target="_blank">
        </a>
    </td>
</tr>

/*code here to toggle image a to image b and change the link from imagea to imageb */

For those interested:
>>59885814

I want to make a website with photo galleries and events schedules for different cities. It should have custom cms for employees to load content weekly. What would be a good choice of tech for something like that in 201x?

>>59886179
just use a cms, wordpress is always a good choice

>>59884961
It's not es6 but yes, semicolons are optional. The compiler automatically adds them in where it thinks they're supposed to be when the script gets JITted.

>>59885693

>So the function is a callback function and the result of the request is piped into it?
You can think of it that way. Node tells your OS to do the HTTP request and then when it gets the response back, it passes it calls the callback function, passing in the response data.

>Does this mean that all processing of the API has to be done within this callback function?
Yes, you can't do anything with the response data until the server you're trying to contact sends it to you.

>Is this style common in JS?
Yes. It's a common pattern for dealing with asynchronous code in Node. Otherwise, it would have to block until the HTTP response came back, which would take way too long. Most of the time Node devs use Promises or Async/Await which are syntactic sugar over callbacks and make the code a lot cleaner. (Promise API is built in as of node 4.something and Async/Await as of node 7.6 or so) You could look into modifying your code to use one of those patterns or find a different package that has it built in. I usually use https://www.npmjs.com/package/node-fetch which works like the browser's fetch API. You'd use it something like this:

const fetch = require('node-fetch') // npm i -S node-fetch
fetch('https://api.coinmarketcap.com/v1/ticker/')
  .then(response => response.json()) // parse body as json
  .then(json => {
    console.log(json) // or parse the json and do whatever with it
  })
  .catch(e => console.log(e)) // handle any errors

tell me anons, is this good way of writing php code

<?php

class FileSize
{
  public function __construct()
  {
      $this->GetFileSizeInMB();
  }
    public function GetFileSizeInMB()
    {
        $FILE=trim(strip_tags($_GET['video']));
        $KB_SIZE = filesize('uploads/COMPRESSED_'.$FILE.".webm");
        echo number_format( $KB_SIZE / 1048576, 2)." MB";

     }
}

>>59887119
jesus christ how horrifying

So I start college in the fall because I don't have the balls to join the military. Doing their IT program and my options for electives is Web Dev 1, 2 and an advanced course otherwise I choose Java or some other useless shit with Excel.

My question is how is web development? I fucked around with code academy for a day and I enjoyed it, seemed fun. How is the pay in that area? How hard was it to find a job in the first place? How's the demand? Thanks in advance.

>>59887181
w-why anon

>>59887014
Assuming you already have a local nginx config file set up, it'll look a little something like this:

upstream your_file {
    server host/port/socket;
}

server {
    listen 80; 
    #etc
    server_name example.com;
    root /path/to/root;

    location / {
        # default settings
     }

     location /somefile {
         alias /path/to/your/file;
         proxy_pass your_file;
         include /path/to/proxy_params;
         # proxy_set_header scheme;
    }
}

Actually if it's all in your root dir you may only need location / rather than /somefile.

File: 1sga6dth.vichan.gif (2MB, 480x360px) Image search: [Google]

2MB, 480x360px

So, my wannabe-nazi-but-actually-gay friend gave my contact info away to a 40-year-old turbonazi under the premise of creating a stupid website, but who I'm very afraid of and now I'm afraid for my life.

Would you:
>create a very simple website with a single HTML form which sends an e-mail after submission
>or decline to work for the mafia guy

Which option gets you (me) less crippled/killed/sleeping-with-the-fishes/etc?

>>59878696
Well, show your code.

>>59878825
Lightweight, multiplatform, multilanguage. VS is better but only for .NET.

>>59887200
Why did you create a class to do that instead of just a function? Why are you accessing a superglobal ($_GET) inside the function instead of passing it as an argument?


Not a PHP guy so excuse any syntax errors, but if you're going to do it OOP style, it should generally look like this:

<?php
// create a 'file' object and get the size of it, don't create a 'filesize' object
class File { // open braces on same line because fuck you
  public function __construct($name) {
    $this->name = $name;
  }
  public function GetSizeInMB() {
      $kb_size = filesize('uploads/COMPRESSED_'.$this->name.'.webm');
      return number_format( $kb_size / 1048576, 2).' MB'; // functions should generally return a value, not echo. Only echo when you actually want to write the data to an html page e.g. your template file
   }
}

// /somepage.php?video=how_to_kill_yourself
<?php
  $fileName = trim(strip_tags($_GET['video'])); // don't do this shit inside the class
  $file = new File($fileName) // create a new instance of the File class
?>
<html>
  <head><!-- title, meta shit, css, etc --></head>
  <body>
    <p>Here's your fuckin filesize, dumbass: <?php echo $file->GetSizeInMB() ?>
  </body>
</html>

Or, if you don't want to do any other bullshit with the file object, just use a function:

// /somepage.php?video=how_to_kill_yourself
<?php

  function G\getFileSizeInMB($name) {
    $kb_size = filesize('uploads/COMPRESSED_'.$this->name.'.webm');
    return number_format( $kb_size / 1048576, 2).' MB';
  }


  $fileName = trim(strip_tags($_GET['video']));

?>
<html>
  <head><!-- title, meta shit, css, etc --></head>
  <body>
    <p>Here's your fuckin filesize, dumbass: <?php echo getSizeInMB($fileName) ?>
  </body>
</html>

>>59887405
I'm confused. Is he a mafioso or a Nazi?

If he's a Nazi just make a few bucks off of him on yet another white pride website. Nazis are pretty tame.

If he's a legit mafioso then wtf does he want a website for? Anyway in the mafioso case it could lead to lucrative work if you do well. On the other hand it could lead to work you might not be comfortable with. Eventually they're going to want you to hack something.

>>59887680
Both. I think it's a Russian mafia kind of deal where they hate all foreigners by default (except slavs I guess).

The website is some delivery business thing but I think eventually it will be a tax fraud or body disposal thing (strong guessing).

Are MIME and RFC822 used together? Or are they different from each other? What do they each do?

>>59887119

Using a class is overkill for such a simple task especially since it only has one method. Don't fall for the OO meme.

Using $_GET['video'] inside the class means you won't be able to use that class unless $_GET['video'] is available, which defeats the purpose of reusability. Just pass it the filename as an argument instead.

Return the size instead of printing it out. The user may need to apply modifications to it before displaying it.

Maybe use absolute paths instead of relative ones, just a preference.

As far as security is concerned : what I would be concerned about is LFI. Forcing a .webm extension should already do the trick, but just to be sure check to see if 'COMPRESSED_' . basename($video) . '.webm' is inside the 'uploads/' dir. There's not much the user can do with the size of a file (maybe combine it with another attack and see if a specific file was modified as a result, it can be deduced from consecutive calls to filesize) but it's better to be paranoid.

How do websites store captive portal credentials?

>>59887728
Make the website. Make it real good, Ivan. If you have any other skills don't let them know unless you want to sell a service to them.

angular2 reading material ?

>At home
Building cool and unique shit from scratch. Launching cool things
>At work
Answer customer questions about how numbers are generated.
Copy and paste someone elses work from 3 years ago when someone wants it. Still gets denied by review-nazis.

I'm a copy and paste mathmetician at this point and I hate it.

Where do I get to dev?

How much backwards compatibility do you need to consider when web deving? I'm just mucking about with an html file, and my css is not loading in IE8. Should I care?

>>59890527
if you have a lot of IE8 users, sure.
though I'd find it weird that it wouldn't load just in IE8, since there should be no difference when loading css files in a newer browser.

>>59890637
ah it was just because I was using a <header> tag, I guess ie8 doesnt understand it. Is the safe way to make everything a <div class="header"> etc then?

>>59890694
https://github.com/afarkas/html5shiv
will make it recognize newer tags.

at work at least we generally target IE9+ or sometimes even only IE11.
Some legacy applications, or those we know IE8 is still required, we keep it compatible but display a warning on top that visual glitches might appear.

For my bachelor end project, I need to make a graph editing website where people can draw and make graphs. So they can be tested on certain algorithms n sheeet. Their actions also have to be logged when they create certain graphs.

Should I use Canvas, and then JCanvas? Or are there other techniques like SVG more suited?

Backend will probably be in ASP.

>>59890743
thanks bud

Anybody ever use Magento? I'm having an issue with scope, calling a function on a product block on the search results. Within the block I call a function that addresses that block's SKU, but it's pulling the first SKU on the page instead of the one within the block.

I've managed to force functionality by injecting the SKU into the function name within the block, but this is hack as fuck. What do?

post good simple website design besides these
http://motherfuckingwebsite.com/
http://bettermotherfuckingwebsite.com/
https://thebestmotherfucking.website/

>>59891574
http://www.lingscars.com/

>>59878632

I'm developing a javascript script that is distributed not through a website

I want to request a webpage and send things to it from this javascript script

problem is I'm getting fucked by this "same origin poolicy" shit.

Can't I run a JS script as an admin to get it to stop sandboxing me like that?

if my website looks nice and works on my brows when it is minimized as small as possible, can i assume it will look just as good on any mobile device? I dont want to check how it looks on my phone every 10 minutes

>>59892184
press the mobile preview button in your browsers dev console.

>>59892094
You can fuck with some browsers security options to bypass same origin policy. However, that won't really work in production.

One option is to serve the script through a local nodeJS instance that act as a proxy for your requests.

If you control the server sending the data, you can fuck with CORS headers to allow it.

>>59892094
>Can't I run a JS script as an admin to get it to stop sandboxing me like that?
Not really, the entire point of having it is to help prevent cross-site scripting attacks/.

You probably want to use a web scraper or just curl though.

File: heh.png (50KB, 200x216px) Image search: [Google]

50KB, 200x216px

>he's not an asynchronous developer

So, is there a web framework that is not actually shit? I mean, one that /g/ can unironically recommend?

I recently used angularJS with NodeJS and it wasn't a fun experience. Honestly, I felt more productive in vanilla javascript.

I usually work deep in the backend, but I decided to start doing some front end stuff for shit and giggles.

>>59892863
Vue is pretty comfy.

>>59878632
The Discord invite link doesn't work

Is freecodecamp legit and worth putting on your resume?

i have some jquery in doc ready that selects all text in the input fields onfocus. It works when you first load the page but after you do other stuff on the page which does some ajax requests, that input select all jquery code stops working

what do?

>>59893999
do you append the elements dynamically?
how should we know when you don't post any code?

>>59892863

>i felt more productive using vanilla javascript

thats because youre using the actual base language instead of meme frameworks built on top of it. Hence why I despise .net developers so much. They think theyre some hot shot by letting M$ cuck them into thinking theyre shit is the holier than thou way to go. You rarely see poo in the loo's program in something other than .net/c# because M$ sends millions of dollars of .net resources to the almighty poo in the loo nation, India.

>>59894046

yea i am

    $("#searchInput input:text, #replacement_num, .tracking_num, .item_num").focus(function() { $(this).select(); } );

I'm trying to write a script to connect to McDonalds wifi in python with basic HTTP requests

I cannot use their captive portal because I'm gonna run this on a raspberry pi which does not support their javascript. It only has http GET/POST from the python requests library

I need to know: How do I figure out what data McDonalds wants me to send them to get past the captive portal?

>>59893586
>Is freecodecamp legit
yes

>worth putting on your resume
no

It's a good jumping off point, but ultimately you need to make things on your own if you want to git gud.

>>59885205
I use atom and xaamp to work on my ideas, or to try and replicate other sites for practice. I use firecuck and the chromebot to test my work

t. loser newfag that wasted his life and is dumb enough to try and salvage what's left of it.

Is it just a meme that you can make money as a freelance webdev? I always see articles about how programmers are the most in demand position and it's not like there's going to be any less demand for coders as long as the internet exists

>>59894121
well, since the script only runs once on document ready, it does not add the events to inputs added later.
use on
https://api.jquery.com/on/#on-events-selector-data
and add the event to the container of your elements with your css selectors as filter.

>>59894181

if youre truly good at something and the motivation is there, you can make money, yes. Economics 101

actually you dont even need to be good at whatever it is sometimes to make money

>>59886179
I haven't used it in a while, but I've done a number of WordPress installs for people. It's comfy for someone like me who isn't/wasn't smart enough for drupal

So back in the days when CGI was the norm how were applications organized? I guess this applies to PHP too, but lets say you have a static html contact page, and the backend that processes it. its wasteful to have PHP parse the static file or have a cgi script spit out static html but its also a headache to seperate into different folders with static assets?

>>59887405
Charge $350-$750 depending on where you live. Do a good job.

>>59894192

still doesnt work for the dynamically added inputs

$("#searchInput input:text, #replacement_num, .tracking_num, .item_num").on("focus", function() { $(this).select(); });

>>59894291
you are supposed to add the event to their container with the css as filter, not directly to them.

>>59894258

with the help from based javascript, you can have a static html page with no backend code, yet still dynamically CRUD data even without the page refreshing

>>59894131
Download a tool like burp suite or packet tracer and analyse the requests and responses.

>>59894304

theyre not all in the same container tho. I'm assuming you mean div? fuck man never heard the term container before

>>59894365
any element that contains all your elements, in worst case it's body.

>>59894363

I tried looking at only the traffic with wireshark

Ended up with a couple thousand different packets from a few seconds of capture

When I filtered it down to only the HTTP packets, I got still too much to make any sense

>>59894376

theyre all in a div with the id of main, still not working

$("#main input:text").on("focus", function() { $(this).select(); });

>>59894430
I didn't say it was going to be easy.

And the traffic is probably HTTPS.

Try Burp Suite or look for another request interception tool.

>>59894436
no anon, again.
add the event to the container element and use a filter.

$("#main").on("focus", "input:text", function() { $(this).select(); });

adds the event to #main, but only executes it when it got bubbled by elements that match input:text.
so no matter how many elements you add dynamically later, the events will always fire when the filter matches.

on a side note, I don't think input:text is a valid selector.

>>59894467

thanks that worked, yeah it is, its just an easier way to say

input[type="text"]

input[type="checkbox"]

etc

>>59894131
Bring your memepad down to McBotnet, shovel some greasy nuggets down your gullet, and then go through the source code on the captive portal. Most likely they just want you to click a button saying you agree not to do exactly the things you're trying to do, and then your MAC address gets white-listed.

How do I freelance for America

File: 3b0.jpg (41KB, 600x609px) Image search: [Google]

41KB, 600x609px

>self taught memer
>third week at first ever web development job
>have learned more in past three weeks than in past year
>coworker called my work "elegant" today (bugfix on stupid ecommerce site)
>manager told me he has a "big project" for me on monday that will "take weeks"
>"big project" is not a bugfix, it's implementing new functionality
>tfw it's all going fine

>>59894732
How long did you teach yourself before you got a job? I assume at least a year.
Just a warning to be careful, you should try to ignore those "compliments" as much as possible, it sounds like they are trying to take advantage of you. They just want you to do more work without paying you more.

>>59894770
If he is somehow still working per hour there is no problem

>>59894808
Yeah but lets be honest, the majority of web dev jobs at least in the US are salary, I'd be surprised if even 5% of web dev/programming jobs were hourly.
Even if he were paid hourly, implementing a new functionality should get paid more than just maintaining software.

>>59894770
I went into this thing ready to work like a dog and spend my evenings filling in the gaps in my knowledge, they actually hired me so they can buttfuck me 24/7 and i'll take it with a smile... that said thanks for the advice. My plan is to learn as much as possible over the next six months or so and then start looking for a more interesting, higher paying job (I'd like to work on a new site/app/etc, not just turn wrenches on some old hoopty)

It's been a little over two years since I started. If I'd had a better plan for what to learn/more realistic goals beyond "get a job" I probably could have done it in a single year

>>59894808
I actually am paid hourly, but haven't worked over 8 yet. if they want to pay me time and a half I'll take it but it seems like our issues are never that pressing

>>59879293
Its absolutely wonderful.
I come from C# so I just adore the async/await features it gives me.
But then again there these assholes https://medium.com/javascript-scene/you-might-not-need-typescript-or-static-types-aa7cb670a77b

>>59886371
Some stupid people wrote some standard for not having semicolons at all
https://standardjs.com/rules.html

>>59894351
True but what if you want to avoid javascript? What was the common practice back when you had a cgi file for each page/URL?

>>59895103

idk man

i really suggest learning modern technologies...fuck man

>>59881455
WTF are you doing son?

>>59894732
Are you me?

>>59894857
You wont get time and a half. Welcome to white collar.

Im also an hourly dev.

How difficult would it be to build a video uploading site?

>>59878632

>>59895453
Time and a half is state law for hourly here.

>>59895840
Pretty easy. Nowadays, building a rest API to upload a video is easy as fuck. Just look up file upload in various frameworks.

It's as easy as using the "multipart/form-data" for the data encoding type.

>>59895192
Oh I have. It's modern technologies that have sent me investigating cgi :) I just feel like that's a problem that had to have been solved back when cgi was common.

>>59894574

I was already there when this was posted. I suspected the same thing.

What I found was that the URL has a bunch of sanitized form values seperated by ampersands.

the HTML of the page has a form with a lot of fields that show up in the URL. The input entry for the button to get free wifi looks like this:

<form method="post" name="AmenityForm" id="AmenityForm" class="css_form" onsubmit="return validateAWSform(this);">
.....
<input type="submit" tabindex="5" id="connect" name="connect" alt="Connect" value=""/>
</form>

So how do I change the value of the connect button and submit the form?

File: 1478617411632.png (132KB, 380x496px) Image search: [Google]

132KB, 380x496px

>tfw can't think of anything cool to make
i just want to make a website or app that will go viral and make it so I never have to work again

>>59894857
where is it? i wanna learn like this too, through a job that buttfucks me

or give me examples of what kind of company hires like this, i dont care if i earn 100 a month

New to webdev. Learned html/css/bootstrap. Where to next? Can I learn rails before JS?

What would be a simple, easy frontend framework to start out on making a personal finance app for myself? I have experience writing Web pages, and I'm a WPF developer by day, but not much js experience. I was looking at either React or Vue, but I haven't got a clue.

Thanks in advance.

>>59896350
You won't do so sweetie. Enjoy!~

>>59897012
The proper answer would be for you to figure out wtf any of the frameworks offer before making your choice because anyone who gives you a "just use ..." reply is playing the fuck out of you and you'll wind up back in square one but frustrated.

I'm doing the meta viewport tag right now.

It looks snug in tablet portrait mode at 700px but switching to landscape makes the width way over 700px now. How do I constrain the width back to 700px?

>>59897064
Sure, which is why I'm asking here for some insight. I don't take a "because I said so" that heavily here, because I know someone somewhere is going to try and meme me.

Is Django a meme framework? I'm learning it right now and enjoying it way more than RoR. Should I just learn a PHP framework?

>>59897365
Never used it myself personally but what I'd do in your position is look at the availability of jobs around your area. Django is a waste of time where I'm from, the industry here only wants ASP.NET and PHP devs

>tfw you wanna brag but you're afraid someone will steal your idea

So I ran

npm install

on a 3 month old project today. The whole fucking thing blew up, complaining about out of date dependencies.

> npm ERR! This is most likely a problem with the <pkg> package,
> npm ERR! not with npm itself.

If I see this one more fucking time...

>nodejs, not even once

>>59897569
>doesn't attempt to upgrade those packages
>there's no way to differentiate config / user data btw code so you can upgrade the package and keep the config
lmfao

How do you write a script that edits the HTML of a website in your browser?

File: Shway.png (286KB, 640x640px) Image search: [Google]

286KB, 640x640px

>>59896350
>tfw have a cool idea and am working on it

>>59897531
>implying your idea isn't shit

File: 0e9.jpg (27KB, 600x600px) Image search: [Google]

27KB, 600x600px

>>59897854
>sour graping this hard

File: 1414299979884.png (13KB, 528x424px) Image search: [Google]

13KB, 528x424px

>>59897879
>implying i don't know it's shit because of how amazing my idea is in comparison

>>59896470
Online furniture retailer

Look around, you'll find a local business trying to make it online

File: tumblr_inline_nt0vfexkpK1spsojg_540.jpg (67KB, 540x534px) Image search: [Google]

67KB, 540x534px

>>59897925
>he thinks his idea can really compare to mine

>>59896474
JS next then a database and backend

Recommend SQL and PHP for that

Then build some simple projects

>>59887728
Russian mafia is predominated by Jews so it's a little odd to call them Nazis.

t. Odessan

Quick newb question:

I want to add multiple NEXT buttons to automatically scroll to specific divs within one page of a bootstrap page.

When I use this basic JS script:

$("button").click(function(){
$('html,body').animate({
scrollTop:$(".[specific div]").offset().top},
'slow')
});

it works like a charm for the first NEXT button. Every time I try to reuse the script it starts scrolling through every specified div. What can I do to ONLY scroll to one specific div for each button?

Thanks.

>>59897853
This.

>>59878632
What's the lightest way tp design a one page site

How the fuck do I get librejs to not block my javascript

>>59898472

not sure I get your question. Just give each div an id and point to that for each button?

>>59897510

Yeah sounds good. I should probably check around for what jobs are using what.

I'm trying to post
<IfModule mod_deflate.c>

in a text area and every attempt to make this appear on the html page has failed.
it keeps reading the tag.

Sorry for bad english
well I got this JS function for increasing font size on website by clicking button (and similar one for decreasing):

function sizeUp(){
    var s = document.getElementsByTagName("BODY")[0];
    var sty = window.getComputedStyle(s, null).getPropertyValue('font-size');
    var sty2 = window.getComputedStyle(s, null).getPropertyValue('background-color');
    var fs = parseFloat(sty);
    var fSize = fs + 1;
    //s.style.fontSize = fSize + "px";
    s.setAttribute("style", "font-size: "+fSize+"px !important; background-color: "+ sty2 +" !important;");
    for(j = 1; j <7; j++){
        for(i = 0; i < document.getElementsByTagName("h"+j).length; i++){
            var s2 = document.getElementsByTagName("h"+j)[i];
            var sty2 = window.getComputedStyle(s2, null).getPropertyValue('font-size');
            var fs2 = parseFloat(sty2);
            var fSize2 = fs2 + 1;
            s2.style.fontSize = fSize2 + "px"; 
        }
    }
    for(k = 0; document.getElementsByTagName("p").length; k++){
        var p = document.getElementsByTagName("p")[k];
        var sty2 = window.getComputedStyle(p, null).getPropertyValue('font-size');
        var fs2 = parseFloat(sty2);
        var fSize2 = fs2 + 1;
        p.style.fontSize = fSize2 + "px";
    }
}

Now obviously, when user changes subpages font size goes back to default.
Could you give tips how to do this so that chosen font size would remain after changing subpages?
Important thing is to do it using only JS no php or database.
I think I should create another function:
1. functions runs when user clicks <a> tag
2. save font size to site preference or something
3. get font size from site preference
4. set last font size

Am I going right about this? shoud I create another function (onLoad) beetween points 2 and 3?
I would apreciate any directions on this

>>59891664
jesus christ

>>59892863
React

What's the technical name for non-local mail forwarding? The kind you can set up with postfix to forward with virtual alias maps like
>[email protected] --> [email protected]
>[email protected] --> [email protected]

I just ask because I'm looking for an ansible role that can do it but I'm not sure exactly what it's called. It's not related to relays, right?

>>59900110
no no no no no no no, do NOT do this.
this is why you don't use pixel for sizing.

if you can change your stylesheet to use em/rem instead of px, then you only need to change the bodys font size and all others will dynamically change based on that.

https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#Ems

>>59899983
you have to escape text with html entities

>>59901097
thank you much for this
but if I use bootstrap and glyphicons, won't they change with this? I only need headers and paragraphs to change size
any way so far I figured I should use cookies to keep size when user goes to subpages
Is this right?

>>59901153
if the browser supports localStorage use that instead of cookies.
cookies are sent to the server on every request, which really don't need any client only settings.

so check for localStorage existance, if it does save it in there, otherwise fall back to cookies.

>>59901165
ok but I'm making this for website should I assume every user's browser supports local storage? or use cookies just in case?
and what about the em/rem instead of px and glyphicons?

>>59901219
you use localStorage if the browser supports it, if not then fallback to cookies.
check it before setting/reading some settings.

also yes, it'll potentially change all elements using em.
if you really want to change the size of some specific elements then I'd use classes instead to append to the body instead of looping over every element and setting their inline stylesheets.

wheredo you guys get your free REST API for practicing?

>>59901258
practicing what?

>>59901241
I don't know if I got it right but in pseudocode, should it be like this:
1. check local storage
2. if supported - pass style atributes to it
2a. change style onload each page
3. if not supported do as above with cookies

is this right?

>>59901303
here are some polyfills for localstorage, then you don't even need to check it on your own.
https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage#Compatibility

instead of onload I'd do it at ondomready, no need to wait for external resources to be loaded.

>tfw just read service providers and containers on laravel after not using it for 3 years
what the fuck happened to this framework?

>>59901369
thanks man, apreciate

>>59901284
for practicing getting the json data.

Attn Polaks:

New Horizons Cinema
Wrocław, Poland • June 21-23, 2017
The first Official Vue.js Conference in the world!

>>59901439
I usually just hardcode an object without doing an actual request if I'm scaffolding templates/controllers.

File: netflix.png (241KB, 854x430px) Image search: [Google]

241KB, 854x430px

Holy shit, in 2013 Netflix was a compete piece of shit.
>40 minute start up times
Don't feel so bad about what you're writing bros

>>59901486
What is this screencap from anon

>>59902651
https://www.youtube.com/watch?v=p74282nDMX8

>>59901392
It became a wannabe version of Symfony, but without code quality, proper method naming, and respect for semantic versioning. Plus it's slow as shit.

how can i make a group of checkboxes less ugly?

what is the meme, stylish way to do it

>>59902889
Rethink the UI.
Why do you have so many and who is your target audience?

>>59902917
Bootstaps default actually look nice if arranged properly. It's a config menu, for a list of TLDs. I want to allow the user to specify extra ones.

>>59902962
by "specify extra" i mean allowing them to add to the defaults. i figured the best way would be to display all the options, and the best way to do that would be with a list(grid) of checkboxes.

do you think there a better way?

How do i load data into specific row in mysql table?
I want to load data from txt file which has only one word in every row but mysql table has 4.
if i use normal load it will add txt file in 1st row of table but i want it in 2nd

>>59904115
insert it based on the id.
if you don't have an id then your table layout is flawed.

>>59904185
check this out:
1st row id
2nd row file name
id is ai, pk, uk

file i want to load into row name is list of files from one directory(about 2k files)
I create list of files with simple ls -1>
When i try to load data it automatically goes into id row and then i get error because that cant be done

Or should i just swap positions of name and id, just make name as 1st row

>>59904245
nothing of this makes sense, are you confusing rows and columns?

>>59904504
lol, yes

>>59904522

INSERT INTO mytable (column1, column2, columnwhatever) VALUES (@val1, @val2, @val3)

you can specify the columns to insert into.

otherwise you could have specified NULL if you don't want to specify the columns directly

INSERT INTO mytable (NULL, @val1, @val2, @val3)

>>59904577
that is not what i was asking for but never mind i found correct way.
Even when i googled for it i used for search "row" instead of "column"
kek

I'm currently making a web visualization with react and d3, and was just working on the front end, but I need to work on my back end as well now, which for now will just be able to serve pdf docs and some pre-calculated stuff on these same docs

I'm having some trouble understanding some stuff, I'm not sure what is the best approach to take here

Recently, I found this https://github.com/ctrlplusb/react-universally and I'm not sure on the advantages of having server side rendering

Should I have distinct Client and Server folders? if so, how will they interact? I've tried to google this, but it didn't get me anywhere yet (probably missing the right keywords i guess)

>>59904861
server-side rendering basically just cuts down on the initial loading time of an application by pre-rendering the html the user will see when they first load the page, instead of sending a blank page and letting the application initialize it client-side. It probably won't do anything but add complexity unless you're trying to ship a massive facebook-sized react app that takes forever to load client-side (you aren't).

As for the pdf stuff, you're probably better off having an endpoint that serves up an html doc tailored to look good in print (google how to do that). Then users can print from their browser or save as a pdf if they want. Only serve up the pdfs directly if they're static (so you can use a cdn instead of using your own server's bandwidth)

>Should I have distinct Client and Server folders? if so, how will they interact?
Not sure what you mean by that. Usually you'd have a separate repo for the client app and server app, and have them communicate with a REST API.

I need to test for a captive portal.

It seems the best way to do this is to see if google.com/generate_204 generates a 204 code

But I'm finding that some captive portals will let you use google even before you've been authed

What is the best alternative?

>>59896159
Do you know of any good tutorials?

Who BEM here?

File: 1492093150933.jpg (67KB, 731x960px) Image search: [Google]

67KB, 731x960px

>POs won't respond to emails about reviewing work
>POs rushing shit they refuse to review to PROD
>designer won't respond to emails about contributing work
>sitting on 5 heroku and 3 amazon EB apps with no feedback

So, you guys seen any good movies recently?

>>59898244
>Russian mafia is predominated by Jews
Really? I though they're more into the Eastern Orthodox Church

File: file.png (16KB, 838x740px) Image search: [Google]

16KB, 838x740px

is this the feedback thread for the web

i am pretty annoyed about how a site i stumbled upon uses a light font (font-weight: 300) for body text and removing the style rule makes the text so much more readable

i have to actually focus to read the text on the left but the text on the right is readable effortlessly

what i wanted to remind you about is that not everyone has the same eyes and monitor setup (or preference for light or dark themes) as you

>>59905990
Holy shit she's adorable. Got a name?

>>59906423
https://www.instagram.com/rose.yume

File: 1491699258441.gif (424KB, 500x275px) Image search: [Google]

424KB, 500x275px

so I'm learning Python (I'm at an intermediate level I'd say) and I started getting into Flask to do some web dev in Python. So my questions are:

is it reasonable to try to do some webdev in Python? If so, is Flask a good option or is there something better?

I'm mostly interested in backend stuff mind you, so I'd like to deal with frontend as least as possible.

>>59906500
Literally nobody uses python for webdev.

>>59906500
Python is one of the commonly used languages for webdev backend development. It's not the most popular choice, but certainly not an unpopular one either. Of the commonly used options, I guess it's the most appropriate (and used for) doing things well, whereas most other languages used for webdev are oriented more towards the "getting shit done quickly and to hell with quality" direction.

I know shit all about Flask, so no opinions there.

>>59906616
>>59906572

>>59906637
Maybe if you repeat it another time it will become true?

But probably not.

>>59906471
Thanks!

>>59906616
>whereas most other languages used for webdev are oriented more towards the "getting shit done quickly and to hell with quality" direction.
What the hell did you just say about my quality of code?

>>59906690
Throw me a link to a single project using python as a primary language.

File: 1492106183355.jpg (42KB, 448x604px) Image search: [Google]

42KB, 448x604px

What is the correct way to implement localisation in a web application? Meaning that every user should be able to select a language and all text in the UI should become translated to their language of choice.

I would guess having a database connected to the backend which assigns labels to element IDs and then the JS swaps the elements' inner text, but:

>How to identify the elements? (cannot be IDs because there should be multiple elements bound to the same ID/label)
>Server-side or client-side handling of the translations? Or both?
>How to handle dynamic and user-generated content?

>>59906914
Oh and:
>How to handle nested elements under the same banner, e.g. select/option tags? Every option needs to be translated but the element itself is identified by the select's name attribute.

>>59906914
>JS swaps the text
no.

generally you have texts in a resource file or database and just do a lookup.
how it actually works depends on which framework/language you're using.

Is it worth switching from bootstrap to a material design framework? I'm mainly using bootstrap for the grid + responsiveness but pretty much every framework out there does this now and md defines some useful components.

>>59907009
Example use case where that would not work: suppose you're a user from a 3rd world country and you're filling out a form in English and come to a field whose label you don't recognise in English so you click on the flag of your country to get everything translated but your form gets blanked and you have to start again.

>>59907057
that's just how it is on server side rendered pages, unless you roll your own system you can't prevent that.
if you're using some client side framework like react, angular and the 5000 others they swap the text without refreshing the page, at least those that I've used can do.
so again, it depends what you're using.

>>59907091
Consider the possibility where a user doesn't want to wait 30 seconds on the initial load to load any of those frameworks. Why is plain JS and cached translations on the initial load a bad option?

>>59907149
because it's reinventing the wheel.

if you want to roll your own thing then enclose every translateable text in an element and give it a data-id, when the language changes loop over those and change the text with the one in your lookup table.

>>59907219
That's a very defeatist attitude considering the only alternative you provided is bloating your website at the cost of the UX.

>>59907265
because you insist on an edge case.

if you're concerned about form data being lost save it into local storage before letting the server render the page again with a new language and refill it from the saved data.

>>59907393
Good point

File: ss_022.png (55KB, 527x596px) Image search: [Google]

55KB, 527x596px

what is wrong with my query anons?

        $sql = "SELECT * FROM webms WHERE webms.id NOT IN (SELECT id FROM history where session='{$this->SESSION}') ORDER BY RAND() LIMIT 1"; 

>it need to select one video that i havent watched
>need to select video from webms that it is not in history under current session
>pic tables

>>59907835
>

{$this->SESSION}

having not used php for at least 15 years, this looks wrong.
when you set a breakpoint after setting the command, does it evaluate to what you actually want it to be or do you have { } around your session id?

>>59907895
nah man, i pass $_SESSION['token'] to class constructor and class constructor set private $SESSION to be equal to it
error was i used id in 2nd query instead of webm_id
it is working now

class RandomVideo
{
    private $SESSION;

    public function __construct($SESSION=null)
    {
        $this->SESSION=$SESSION;
        $this->RandomVideo();
    }

         public function RandomVideo()
         {
             $db = MySQLConnect::getInstance();
                $mysqli = $db->getConnection(); 
        $sql = "SELECT * FROM webms WHERE webms.id NOT IN (SELECT webm_id FROM history where session='{$this->SESSION}') ORDER BY RAND() LIMIT 1"; 

            $result = $mysqli->query($sql); 
            if ($result->num_rows > 0) {  
                while($row = $result->fetch_assoc()){
                    echo $row["naziv"];
                    $_SESSION['id'] = $row['id'];
                }
            } 

Would ruby be valuable to learn for web dev?

>>59907920
What resources are you using to learn PHP?

>>59905247

Thanks. I read that server side would cut up loading speed and allow my page to be indexed by search engines. Since it's not really a big and complex application, I don't think there's reason to adapt it to server side then.

I was already setting up a simple api to interact with the front end, that's why I started having some doubts about it.

the folders part I was mixing up because I've been messing with isomorphic react trying to figure out how it worked

Can anyone point me into the direction of using "history" on the same tab via js, reacting to changes and so on?

>>59909206
desu none :D
i just do it in the similar way i would do it in java/c++

>>59909206
>>59909383
why do you ask?

>>59909352
https://developer.mozilla.org/en-US/docs/Web/API/History_API

>>59909403
Arigatou anon-chan

>>59909299
>I read that server side would cut up loading speed
Only if your app is massive. At that point, it's one of many optimizations you should look into doing. For something small/medium, it really doesn't matter at all.

> allow my page to be indexed by search engines
Google has been able to index js-heavy web apps for years, and who gives a shit about other search engines.

>>59909504
不謝

File: 1394944967853.png (28KB, 200x251px) Image search: [Google]

28KB, 200x251px

>>59900306
>>59900306
>>59900306

>>59907835
do you need to concatenate webms.id?

try saving $this->SESSION to another string before the query and input that string into $sql

Can someone recommend some good PHP and JS books/videos courses? Is udemy and lynda any good?
I'm tired of pajeet youtube tutorials.

>>59906404
Windows, right? Macs have different rendering that never looks that bad on weights below 300. they probably designed it on a Mac so never ran into that issue

>>59910975
look >>59907920

>>59909403
>https://developer.mozilla.org/en-US/docs/Web/API/History_API

Could I start while looping through their history in an iframe then storing the iframe location? This way I can grab someones entire history.

>>59911206
>The Window.history read-only property returns a reference to the History object, which provides an interface for manipulating the browser session history (pages visited in the tab or frame that the current page is loaded in).

>>59911206
>>59911291
oh, also
>For security reasons the History object doesn't allow the non-privileged code to access the URLs of other pages in the session history, but it does allow it to navigate the session history.