/wdg/ - Web Development General

File: 2016-07-17-225614_1600x881_scrot.png (94KB, 1600x881px) Image search: [Google]

94KB, 1600x881px

Hello! Any pythonfags here? How do I validate multiple form on the same page using flask's request?

Kinda like Pic related

Thanks

File: media_xl_914429.jpg (15KB, 400x259px) Image search: [Google]

15KB, 400x259px

I'm working on photo sharing app with an Angular front end, and I'm trying to reimplement routing functionality with ui-router instead of ngRoute.

The problem I'm running into is that I would like to give users the option to display all of someone's photos in a single view, and each photo has its own state generated by a url parameter, so the number of nested views would be variable depending on the selected user (see below).

$stateProvider
    .state('photos', {
        parent: 'index',
        url: '/photos/:userId',
        templateUrl: 'components/user-photos/user-photosTemplate.html',
        controller: 'UserPhotosController',
    })
    .state('photos.detail', {
        url: '/:photoId',
        templateUrl: 'components/user-photos/user-photosDetailTemplate.html'
    });

Linking between states with a tab-based view is no problem, but I can't seem to find a way to display a variable number of child states in a single view that doesn't involve maintaining a reference to $stateProvider and inserting it into a run block that modifies the state every time the view changes, which feels overcomplicated and redundant.

I'm pretty sure I'm overthinking the problem and I'm not that familiar with the ui-router package yet, so does anyone know of a better way to accomplish what I'm trying to do? This seems like it would be a fairly common use case

Is Elixir still just a meme language?

reposting...
I made this shitty JS thing to delete my previous responses to a thread in facebook, and then post "asdf", all from the JS console:

/* this works: select the first response and delete it */
document.querySelectorAll('[data-testid=ufi_comment_close_button]')[0].click()
document.querySelectorAll('[data-testid=ufi_comment_menu_delete]')[1].click()
setTimeout(function(){ document.querySelectorAll('[data-testid=ufi_hide_dialog_delete_button]')[0].click() },400);
/* this doesn't: post "asdf"*/
var textbox = document.querySelectorAll('[data-testid=ufi_comment_composer]')
textbox[0].children[0].children[0].children[0].children[0].children[0].textContent = "asdf"

does anyone knows how to post replies in facebook from the dev console?

>>55624184
>all this complicated shit to just show share some pictures

angular in a nutshell

>>55624536

$("#textInputWhereYouTypeWords").val("Some crap I want to say.");
$("#buttonThatTriggersPost").trigger("click");

>>55624409
Depends on what your goals are. It already offers benefits in terms of scalability over multiple cores, fault tolerance over a distributed server infrastructure, and ratio of performance to development time; but it's still not very well supported yet and its goto framework is very young.

If you're just trying to throw together a gay little portfolio website that'll get you a job somewhere, then yes, its still a meme.

On the other hand, if you have a nontrivial project in mind that would benefit from distributed hosting and a CPU intensive backend, and you have the time/ability/resources to write any new middleware you'll need, I'd argue it's a better option than Rails or Node.

>>55624816
>$("#textInputWhereYouTypeWords").val("Some crap I want to say.");
>$("#buttonThatTriggersPost").trigger("click");
you don't say

>>55624536
guess I'll have to explain: the textbox is not an <input> box, so I have no clue how the thing works.

File: subway.jpg (68KB, 563x496px) Image search: [Google]

68KB, 563x496px

>>55624536

 children children children children 

>>55624816
>angular in a nutshell

$scope.on('undocumentedEventFire', function() {
    return $scope.$showDigestCycleInProgressWarning();
}

Don't know how I'd live without it desu

>>55623368
Anyone?

I'm familiar with the fundamentals of react js. What problems does reflux solve?

Anyone care to help me? I'm considering 3 programs...

http://madisoncollege.edu/files/program-sheets/it-web-software-developer.pdf

http://www.matc.edu/student/offerings/2016-2017/diplomas/web_mobile_application_designer.cfm

or

https://www.wctc.edu/programs-and-courses/applied-technologies/web-digital-media-design/index.php

I have a long list in my page and it moves the body few pixels left and it doesn't match with the other pages how do I fix this? I can't put a margin because the list size changes dynamically and the body moves back again when it gets smaller

>>55625203
very helpful, thanks

>>55624536
does ANYONE know a program/browser plugin that let's you make comments in facebook threads automatically?

>>55623368
>>55625390

use flask-wtf you peasant

here's the shit way you're looking for

import requests

request.form['username'] == 'admin'

>inb4 404
bump

is css frameworks common?

>>55627847
Yes, as common as Pajeet.

>>55627779
It's a general, retard.

Int x = 4
If (5 > x)
System.out.print("4chan is gay")

Test

>>55628019
so what?

>>55628096
Hello there

>>55628240
Hello anon what are you doing?

Is there any chance I can start freelancing without any experience in it (though I have extensive PHP/MySQL ability) or is it hopeless and dominated by third worlders?

File: screen shot 2015-07-30 at 2.31.57 pm.png (660KB, 1106x1012px) Image search: [Google]

660KB, 1106x1012px

What to do if you're an alright web developer but suck at web designing?
I want to learn to make good-looking websites and themes, but how do I do that? I know how to code a website if a proper description is given - this isn't a problem.
But if I'm left on my own to do the designing part, the website turns out to be rather ugly.

What training should I acquire in this case? Should I get some graphic design training?

>>55628489
In freelancing your human skills are more important than technical.

>>55628854
Just use existing themes.

>>55628894
Not him but can you elaborate please?

>>55628894

I feel I can excel in this standpoint over pajeet, since along with being from US I'm also not a neckbeard. But I go on upwork and I see pajeet offering their PHP programming for very cheap, seems like there's no way to compete especially as a new account.

>>55628924
not him, but... it's quite obvious: you have to convince people.

>>55628924
Average freelance employer is somebody who doesn't know or care about technical side very much. So it's basically how well can you sell yourself not how good your skills are.

File: 1454787603516.jpg (29KB, 599x448px) Image search: [Google]

29KB, 599x448px

>>55628854
Any serious answers?

File: 1466314191208.gif (705KB, 500x500px) Image search: [Google]

705KB, 500x500px

Newb question here. Is programming/IT/tech still a decent job to get into to be a richfag when jobs are being outsourced to Pajeet and tehre's cost cutting everywhere? As a retard, should I just get a lower paying but more secure trade apprenticeship, like wastewater, which I've also been looking into? I have absolutely no tech experience aside from torrenting, gaming, and building a couple PCs.

>>55629205
Outsourcing is mainly done by big companies for their cubicle workers. There will be plenty jobs in small companies. Still if you want to become richfag you either have good human skills or be really good.

File: 1434860434577.gif (137KB, 659x576px) Image search: [Google]

137KB, 659x576px

>>55629279
>good human skills

>shitting myself for 15 minutes
>simply forgot to change mysql to mysqli
every time

>>55629152
Use frameworks and don't bother inventing shit for yourself. Keep it simple, these days everything is about flat and simple design anyway.

What's the intended way to use Docker containers?

Am I supposed to have a separate container for Python, one for Postgresql and so on, or put everything in one container/Dockerfile and develop my stuff using that?

Do you guys use orchestration programs in your work?

>>55629827
>Do you guys use orchestration programs in your work

>What's the intended way to use Docker containers?
One process per container.


Databases are usually not containerized.

>>55629827
>>Do you guys use orchestration programs in your work
I maintain a containerized jenkins server

>>55623325
I've only been learning webdev for a few hours, so forgive me if this is retarded - but is there a better way to create a smooth sliding effect on a background image using javascript?

var originalY, delta, currentY, goalY, id;

function updateBackground()
{
    if (Math.abs(goalY - currentY) > 0.1)
    {
        headStyle.backgroundPosition = "0% " + currentY + "%";
        currentY += (goalY - currentY) / 50;
    }
    
    else clearInterval(id)
}
        

function slideBackgroundImage(newPercent)
{
    goalY = newPercent;
    originalY = parseInt(computedHeadStyle.backgroundPosition.slice(3));
    delta = newPercent - originalY;
    currentY = originalY;
    
    id = setInterval(updateBackground, 10);
};

>>55630247
yeah, by not using javascript at all
http://codepen.io/anon/pen/yJvVYK

if you really want to use javascript then don't use timers but requestAnimationFrame instead, then it renders as smooth as possible.
https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame

I just applied for a PHP Role and after the phone interview was given a test which was apparently supposed to test my php knowledge.
>Receive test
>It's a fucking magento test


An admin configuration page with a date option, titled something along the lines of: 'Show products created after:'

A block which displays products created after the given date (this should be a block class of your module and not catalog/product_list)

An index page with custom routing (url) which displays the block

I have never worked with magento is this something I could whip out fairly easily or am I going to be plagued with XML bullshit.

>>55630015
>Databases are usually not containerized.
Any reason why?

File: Untitled.jpg (259KB, 1920x791px) Image search: [Google]

259KB, 1920x791px

hows my 1337 hacking skills fellow /g/ays
yeah i know im pretty good, what are you guys up to?

>>55632187
OMG MODS

Is it possible to make a countdown clock for a custom homepage without any JavaScript? Just pure HTML5?

>>55632900
https://codepen.io/kindofone/pen/DkhAz

>>55632955
I'm a little confused, which tag will I put the html portion under?

Any bored hobbyist front-end devs want to come work on an idea I had? I can't stand front-end stuff.

Wanted to make a replacement for http://up-for-grabs.net/ that wasn't a lazy pile of garbage.

>>55633026
what do you mean?
the markup is in the html box, you can see the compiled output in the dropdown on the top right of the box

>>55631038
Thanks!

>>55633070
I should add that I'm a back end dev, I wasn't asking for someone to come do work for me for free, just need someone who actually likes to work on front end stuff to help out on a hobby project.

There are so many fucking hosting options out there. I don't know who to go with.

>>55633939
if you are looking for shared hosting go with one that supports letsencrypt and not with one who is trying to fight against it to cash in by selling you their own certificates

>>55633972
Is there a list of hosts that are using lets encrypt?

>>55634185
there is here https://community.letsencrypt.org/t/6920

>>55633972
>>55634204
or just get a vps and install letsencrypt yourself? that's what I did, much more versatile.

Imagine I have multiple inputs on my page

<input type="text" value="1" id="1" onclick="showValue(this)">
<input type="text" value="2" id="2" onclick="showValue(this)">
<input type="text" value="3" id="3" onclick="showValue(this)">

etc...

and I want to catch the value of the input I click on. Is this the correct approach?

function showValue(_this)
{
var value = $(_this).val();
console.log(value);
}

>>55634490
you don't need jquery to do that.
and avoid using onclick etc in your markup.
separate your markup and scripts.

<input class="mytext" type="text" value="1" id="1">
<input class="mytext" type="text" value="2" id="2">
<input class="mytext" type="text" value="3" id="3">

let myInputs = document.getElementsByClassName('mytext');

for(let i = 0; i < myInputs.length;i++) {
  let input = myInputs[i];
  input.addEventListener('click', function() {
    console.log(this.value);
  })
}

Is there any way to pre-load csv data in with D3? My React framework's render function is synchronous and this plugin won't load my external CSV data when I try to call it. I was thinking of loading the data into a global and then calling all associated data methods from that global, but whenever I try to do that it returns an undefined, which I think means that I'm displaying that variable before it hits the backend.

I'm using React-Faux-DOM to render the plugin and any help would be appreciated.

How hard would it be to create simple pie, line and bar charts with d3? I don't know if I even need it instead of google charts but just wondering because I heard D3 is actually hard which surprised me.

>>55635435
just use highcharts

>>55624184
>so the number of nested views would be variable depending on the selected user (see below)
why?

I'm not sure why there would be more than 2 views: photos, and photo details. You'd look through a list or grid of photos, click one, and have the child view of details appear.

File: server_in_the_attic.png (391KB, 504x300px) Image search: [Google]

391KB, 504x300px

>>55623325
What do you think about career as DevOps engineer?

Since I used to be a sysadmin for 7 years and now a front-end developer I'm thinking about either going full-stack or investing my time into DevOps to become an engineer in that area.

This article also piqued my interest but it seems that DevOps engineer has a metric fuckton more responsibilities than a developer (front- or back-end) which can result in some stressful work environment.
https://www.quora.com/As-a-software-engineer-how-do-I-shift-my-career-to-devops

I really love Open Source and doing front-end all day exclusively is getting really fuckin boring.

What do you think /g/ents, what career path should I pursue?

>>55624816
>jQuery
http://youmightnotneedjquery.com/

document.getElementById("textInputWhereYouTypeWords").value = "Some crap I want to say."
document.getElementById("buttonThatTriggersPost").click();

jQuery makes bad programmers.

>>55636181
is there any reason not to use jquery except "muh bandwidth"

Working front end with backbone for the last month.

Fuck backbone...

>>55629827
Will you be using docker in production? If not then i wouldn't bother with it. I've had nothing but trouble since i started using it. Now I have to run my frontend outside of docker so that it doesn't fuck with gulp

>>55636289
being dependent on a library is bad, you're much better of knowing how to do things without.
and unless you need legacy IE support almost all of jquerys helpers are already native.

File: 1468561995386.png (29KB, 882x1289px) Image search: [Google]

29KB, 882x1289px

Why I just can't get interested in this field? I'll have a hard time finding a job in anything else due to my current degree. Fuck.

>>55637514
I had the same with accountancy.

>feels good to have my own website and be a memeterpreneur

Struts 2 + Lombok = based

had a meeting with a potential client. dude was a no show. is this common?

>>55633939
DigitalOcean is nice

>>55635435
Except for having to deal with statistical programming in javascript and integrating your charts with the DOM and your stylesheets, it isn't any more difficult than doing it in R or Python. You may also need to worry about performance if your visualizations use a lot of CSS transitions.

If the charts are simple and you already have some experience with front end javascript, it wouldn't be that hard though. Just look at some of the tutorials on the website.

>>55636085
That was ultimately my design goal, I was just trying to implement it that way as a placeholder so I wouldn't have to worry the extra UI layer when testing the detail view.

I wound up creating the intermediate state anyway, but I'm still curious if there's a simple solution to "collapse" multiple states into a single view because I feel like I might need to do something like that in the future.

<ul>
    <li ng-repeat="(i, ref) in refs" ui-sref="ref">ref #{{i}}</li>
</ul>

The above code works fine, but not if I try to do it with transclusion. I feel like there has to be a way to compile all of the linked templates into one.

Was bored so I wrote a shitty texthost thing.

<form method="post">
<textarea name="text" placeholder="text"></textarea><br/>
<input type="submit" value="Upload"/>
</form>
<?php
    $text = $_POST['text'];
    file_put_contents("pastes/$text.txt",$text);
    header("location:pastes/$text.txt");
?>

>>55629314
>> human skillz, handshake skillz, hygiene skillz

>>55633070
I'm a hobbyist frontend dev. Make a github repo and I might contribute.

File: nandesuyo.png (24KB, 500x218px) Image search: [Google]

24KB, 500x218px

seeing as there is no sqtddtot thread and I am too much of a puss to make a new thread I'll ask here

how do I program /for/ the chromebook? theres hardly anything that you can do on this piece of shit and I want to change that even if it takes years of my life. I need to know what lang is most compatible, if most things work better via browser or app, and how to upload these. searching around only comes up with programming on and not for this shitty ass glorified browser.

>inb4 using a literal botnet computer
my main pc went to shit and this was gifted to me for free.
>/g/ is not your tech support
Im not looking for a solution to a technical problem, I am looking for how to program for a specific machine with limited resources.

Hey Guys, Is there an easier way to set two or more form fields to be equal using jQuery (or vanilla JS)?

I have this so far: https://jsfiddle.net/qanLp4y6/

function setTwoEqual(val1, val2){
        
  var val1 = $('#'+val1);
  val1.change(function(){
    $('#'+val2).val(val1.val());
  });

}

setTwoEqual('applicant_name', 'applicant_name2');

File: BroyI8cIEAAQDYN.jpg (44KB, 600x400px) Image search: [Google]

44KB, 600x400px

>>55628894
Is there a market for a manager/liaison who communicates between clients and workers to keep things running smoothly for everyone involved? I have barely been on either side of that transaction so I'm not sure whether it would be useful.

>>55641604
You mean customer relations? desu, if you had any kind of knack for it you'd be doing it already, because it's basically sales.

Operations is liaising between different departments of the company internally, but you make peanuts until you land a management position.

File: 1290685392808.jpg (69KB, 237x600px) Image search: [Google]

69KB, 237x600px

>>55623325
Say you followed this guide https://www.devwalks.com/lets-build-instagram-with-rails-part-4-presenting-pretty-profiles/ but with tweaks to create user avatars in .erb instead of .haml, and you got them to work. How would you go about allowing users to edit their avatars from their own profile by hovering their mouse over their avatar (at which point an "Edit your avatar" text overlay would appear) and clicking it to open a file upload form? One example of a site with this feature is facebook.

>>55641956
For reference, here's how avatars are defined in application_helper.rb:

  def av(user)
    if user.avatar.exists?
      return image_tag user.avatar.url(:medium),
                       id: 'image-preview',
                       class: 'img-responsive profile-image' 
    else
      image_tag 'default-avatar.png', id: 'image-preview',
                                      class: 'img-responsive profile-image'
    end
  end

Avatars are displayed under show.html.erb using

<%= av(@user) %>

And under edit.html.erb, here's the current form to update a user's avatar:

        <%= f.label :avatar %>
        <%= av(@user) %>
        <%= f.file_field :avatar, onChange: 'loadFile(event)', accept: 'image/jpeg,image/gif,image/png',
        id: "av2" %>

It looks like an ordinary "Choose File" button.

>>55631038
>http://codepen.io/anon/pen/yJvVYK
is there a similar methdo to get the entire div to shift up like that with a onClick listener?

>>55641041
Chrome plugins and/or extensions

How do you make max-width equal to the size of the window?

>>55644148
>how do I program /for/ the chromebook? theres hardly anything that you can do on this piece of shit and I want to change that even if it takes years of my life. I need to know what lang is most compatible, if most things work better via browser or app, and how to upload these.

>>>>Chrome plugins and/or extensions

thanks, I now have all of the information I needed.

What is the best WYSIWYG editor and why is it TinyMCE?

I am trying to change json data with a button but the loop is crashing the page what to do? here's the code

for (var i=0; i<dataset.length; i++) {
  $("#button").click(function(){
    dataset[i].value1 = dataset[i].value2;

     dataset.push()

 update(dataset);
  });
}

>>55645172
Shit nigga. That shit is scary as fuck. The loop should be inside the event function.

$("#button").click(function(){
    for (var i=0; i<dataset.length; i++) {
        dataset[i].value1 = dataset[i].value2;
        dataset.push()
        update(dataset);
    }
});

>>55645328
the page freezes for a while before updating the data is that supposed to be normal for 200 object loop? because it updates very smoothly without the loop

>>55645419
Yes, maybe you should find an alternative to using the DOM 200 times.

>>55645456
I tried doing it manually, changed the value of all 200 individually and it goes smoothly should I keep it like this?

>>55645515
What the fuck? Send us a picture of your website

>>55645523
I found the problem, I just had to put the update request outside the loop :^)

>>55644433
max-width: 100vh?

File: desgg.png (441KB, 1080x1536px) Image search: [Google]

441KB, 1080x1536px

Top or bottom?

>>55645664
bottom

>>55645620
Ah didn't know about vh and vw. Thanks.

>>55641956
>>55643995
Anyone..?

Is it possible to autoload php files so I don't have to include all my class files?

>>55647128
I hope you are nicely oiled up because your life is about to change:
https://getcomposer.org/

>>55645664
Top easily.

>>55645680
Nigger you're straight up blind if you think bottom looks nice.

>>55647128
Yes. It's called an autoloader. Jfc.

>>55647150
>muh minimalism
It's way easier to read and navigate, which is the most important thing.

>>55628489
>without any experience
>I have extensive PHP/MySQL ability
Which is it?

>>55647150
You know nothing about graphic design theory, do you?

>>55636181
That's 99% vanilla, nigger

>>55647300
More than you obviously.

There is no need to use a container with a different background-color on that list because it's the only piece of content on the page. The whole thing isn't complex enough to warrant the block/card design type.

The top example is easier on the eyes and the user will find what he needs anyway (because it's the only goddamn thing on the page).

>>55647147
Thanks. I'm using a shared host though...
Really need to set up my own server

>>55647801
I just make a file which has a bunch of includes and then put that in an include at the top of each file, works well enough.

>>55647432
And only more than a thousand times slower :^)

>>55647821
That was my intention in case autoload is not an option

>>55629279
>good human skills
>be really good

neither the one or the other

how do i make text fat in html ?

>>55647750
Top titles have the same sizes and colors like the rest of the text. They don't differentiate from the content at all by means of positioning, coloring, alignment or size. Those colored backgrounds draw the eyes to them and help the user to see and understand what he is looking at faster. The only thing on the top which is better are those infos colored in blue and red. Having white panels on a light gray background is a bit of a meme, but there is a reason why everyone uses them too. I agree with you to a certain degree about that part though. But the main problem was actually the hierarchy.

>>55648453
You mean simply bold?

<b>Text here</b>

but I'm not sure why you'd ask instead of googling. That's a really simple question.

How's the Ruby standard library compared to PHP?

>>55648598
Fantastic, I highly recommend it

>>55648528
>>55647750
>>55647150
>>55645680
Thanks. I might try and mix the two, and have that main list not in a container, but leave the side panels in a container. The real pain now is finding a color scheme that doesn't look shit.

>>55648743
Great. I'll make sure to try it out then

>>55647432
That's almost worse. If you're going to import a framework or library that can do most things, use it to solve all the problems it solves. Don't import jquery just for 1% of your code.

File: 20160719_094200.png (814KB, 1440x2560px) Image search: [Google]

814KB, 1440x2560px

>robust

>>55637003
Nah this is retarded, if a library is used literally everywhere there's no reason not to use it just because it's a library. You're actively hindering yourself by not using it just because it's different syntax from vanilla.

>>55649314
I bet you're the kind of web dev that makes people download 50mb of js just to use your site

>>55649331
Then you'd be the guy who takes 10x the time to build things that barely works because you want to re-invent the wheel every time you need something?

Libraries are a good thing, but that doesn't mean you need to include a 1MB library because you need one tiny feature from it.

>>55633026
>>55632955
That's not even fucking html it's one of those retarded hybrid markups

>>55647801
You could use composer to set up project in local machine and then upload it to server. Frankly thats the way you should do it anyway.

>>55649260
Compared to most of the backend frameworks it is.

>>55649331
Jquery is like 2mb max. Facebook uses at least 3 huge libraries of JS and it's quite fast enough.

>>55649392
It doesn't take much to ask and someone would tell you that it compiles into regular html markup you retard

>>55649473
>jquery
>2mb
kek

didn't jquery do want lodash did and make it so you could import sections independent of each other?

>>55649524
I'm well aware, but if an anon is asking for html help it seems pretty retarded to link him something that's not html that he probably has never seen before.

>>55649331
Jquery is literally smaller than the OP picture of this thread

>>55649595
doesn't change the fact that if your site NEEDS js to work then you've failed as a web dev

>>55649544
good thing all you have to do is press "show compiled html" to get the actual html, which was even explained.

>>55649314
>You're actively hindering yourself by not using it
what, how?

>>55623325
how to find backend job?


>so were running out of money
>if this project doesnt pull in anything next month i'll probably have to let you go

my dumbass never saved any money, i've worked here for 2 years so i could tottaly collect unemployment, but i don't want to do that.


i've never gotten any responses from linkedin applications
and the guy who helped me get this job went from tech consulting to be a fucking photographer so he is currently zero help.

dice has one job listing, thats 110% buzzwords with no real job description.

not sure where to go, what do

>>55650053
More code writing

>>55650899
so I am supposed to find a library for whatever I want to do instead of writing a few lines myself?

Hey guys, I got a dropdown menu (ul) in my navbar (ul), and I'd like to make the dropdown menu the same width as the actual navbar, and I haven't found a way yet.

Only thing that works is setting a hard width, like 1200px, but of course that's not responsive.

Any ideas?

>>55651592
surely width: 100% should work? if not maybe try inherit?

>>55651618
Neither work, even if I set the parent ul to some width.

Maybe I could try a codepen or smth, but there is a lot of css with magento etc... so I'm not sure I could reproduce the exact solution!

>>55651674
maybe try fucking around with min-width? or try changing display?

>>55651701
Trying all those and not working but I'll keep you updated if I find something or stay stuck.

>>55651592
tried or considered bootstrap ?

>>55651845
just use flexbox sempai.

>>55651846
shit, I worked on the last three days on actually having a boostrap + gulp with sass etc... stack working with magento, and it works awesome, but I'm still using magento's code for the navbar, so that means their renderer etc... for the actual ul>li>ul structure of the navbar.

>>55651855
I'll give it a try.

Also I'm retarded and my problem is more like:

I have an ul>li*5, and these li have ul dropdown menus. The thing is of course these dropdown menu with width:100% or any of the other tricks you guys suggested set the dropdown menu to the size of the parent li, not the parent ul of the parent li.

Is this any clear?

>>55652070
>Is this any clear?
no not really, give us a screenshot of the markup.

File: Spectacle.dT2184.png (56KB, 893x274px) Image search: [Google]

56KB, 893x274px

>>55652102
So basically, my problem is the dropdown ul is max the size of the li it's contained in, but I'd like it to be the width of the navbar ul.

>>55652227
I don't think that's possible sempai? will probably need js for that.

>>55652285
Shit, I tried with jQuery too, with width(), but it didnt work. You got any idea?

>>55652302
I refuse to use js for ethical reasons so I have no clue sempai

>>55652227
set your navbar ul to position relative, set the dropdown menu to absolute
then set left and right to 0 and top as high as your navigation bar is.

>>55652227
nobody here does anything but python/PHP but Ill give you a hint... style="max-width:100%"

please dont tell anyone i actually know html/css and i lurk here i dont want to get banned.

Not really web dev but I figure you guys might know.

Is there a standard/recommended library for sending push notifications to GCM/APN, or is it just as simple to make HTTP requests?

Tried googling but I can't find anything definitive. There's a few but not many GitHub stars or Maven uses, which puts me off them.

>>55652984

Server is written in Java by the way.

I have ~2000 users, need to send them a message occasionally from my admin panel.

The post request would be nothing fancy, quite literally { message : "Update: x is now available" }.

>>55649260
>black in profile picture

Don't ban me mods.

>>55652984
>>55653021
I did something like this a few years ago.
The message would show on refresh and after 1 minute being on a page.
Since there was a lot of forms, the average stay per page was longer than 1 minute, so I polled back every minute to keep the server session alive and respond with a message object if there was one.
Today I'd do something like this with websockets.

>>55653109

Not sure I get this. Let me explain my situation. I made a mobile phone app a while ago that basically let you see who was hiring in the area.

I want to update it so that when a new business signs up to it, I can send a push notification to all the users saying "Burger King has started hiring, check out their jobs".

I *think* I can just make a post request to the GCM servers, but if there's a useful library to make this easier, I'd rather use that.

File: 1321697006403.jpg (123KB, 996x720px) Image search: [Google]

123KB, 996x720px

>>55649408
Would that let the project autolaod files though?

However I've learned that there's apparently autoload functionality build-in with PHP. The php.net manual examples and discussions are as confusing as ever. Shouldn't it work if i just put this down in my index.php:

spl_autoload_register(function ($class) {
    $class = strtolower($class);
    include 'classes/' . $class . '.class.php';
});

?

>>55653976
Turns out that code needed to go before any objects are created. figures.

the new discord link is https://discord.gg/wdg

>>55637733
>>>not spring boot

Anyone know where I can get the latest version of this for free? http://formvalidation.io/

File: oh look a bruce lee quote bet its deep.jpg (50KB, 700x700px) Image search: [Google]

50KB, 700x700px

So I am about to start putting together my portfolio in hopes of snagging an entry level front end web dev position.

This question gets asked all the fucking time I'm sure. But if you wouldn't mind to answer a few quick and easy questions please.

1) What the actual fuck needs to be on my portfolio in order to get hired? If I'm looking for my first position I don't have any clients yet, do I just make fake sites? I mean there's no way of them knowing it wasn't for a real client.

2) As far as Resumes go, do I go with a traditional resume or one of the "modern" resumes that are a kaleidoscope of colors and say I'm a goddamn fruit ninja at coding?

3) Is the standard HTML, CSS, Javascript, JQuery enough to get a entry level job? Because every job description I'm seeing say I should be a master of 20 different languages and frameworks.

Plz help /g/entlemen and sorry for this question I'm just really confused about what should be expected of me.

>>55641604
How much does one have to talk to clients in this industry? I was just wanting a code monkey job and be left alone so my autism can soar free.

>>55655824
Why this one? There are plenty of good and free ones.

>>55655858
Im prob the wrong person to ask but im my experience people are impressed by the most retarded shit. They value content that is published on the internet like hey this is a big deal its on the internet it must be important and if you tell them its hosted on a server you tinkered with at home they shit their pants and just let you walk all over them.

>>55656319
Depends on employer. Probably safer in bigger companies where this is job of dedicated position.

>>55636118
Why not ask how you can contribute more not how an enterprise can make your life more fun and interesting. I hate people like you because you will write your own job description eventually and shift the real work to everyone else.

Is the only way to get Meteor Mongo data to interact with React components to wrap it in a container? This shit looks retarded

>>55656551
Meteor is retarded. Why are you using it?

how can I do a repeat loop in js? like get integers from 1 to 9 and then start over from 1

>>55656458
This one has all the features. I'm making a Wizard form and I need each section to be validated when I click next. There's also the ability to dynamically add fields, and hide/show fields based on user choices. None of the others has Wizard+those features.

>>55656579
an endless loop?
use a while true loop.

File: 1458172344948.jpg (26KB, 433x380px) Image search: [Google]

26KB, 433x380px

>>55656579
This question is so simple its confusing me.

>>55656579

for (x = 1; x < 10; x++) {
if (x === 9) x=1;
}

:^)

how do I into web dev with Go?

any specific libraries/frameworks or just the built in stuff?

>>55656475
so you're saying to buy some domains and link them as if they're customer sites senpai?

>>55656490
hmmm talking to clients would be a fucking nightmare. I'm sure those retards have no idea what they want.

>>55656575
Not my decision

>>55656616
thanks alot jerk u crashed my site

File: 1436572554556.png (191KB, 470x600px) Image search: [Google]

191KB, 470x600px

what should I learn after the basics of html css js asp jquery and angular?

>plan to launch a new website next month
>have too much content
>decide ill remove half the content and add it over the course of months
I dont feel like removing the content and re-adding it later. So im considering just removing the links towards it. Then people and search engines wont find it, right?

>>55656708
try:

var num = 0
function increaseNumber() {
  if (num >= 10) {
    num = 0;
  }
  num += 1;
  console.log(num);
  setTimeout(increaseNumber, 500); // lower number makes it go faster
}

>>55656734
>https://www.youtube.com/watch?v=pB0WvcxTbCA

Its almost like its in the OP for a reason.

>>55645664
bottom obviously

File: Screenshot_2016-07-19_19-35-24.png (19KB, 556x185px) Image search: [Google]

19KB, 556x185px

Do you use your db handling code by hand or use a framework?

>>55655858
Bump for some help plz

>>55657281
Just show what you've done, look around on existing portfolios for ideas.

Some basic knowledge in back-end languages is always a pro, but not necessarily required.

>>55657103
sqlalchemy if I'm using python

>>55657320
>>55657320
W-where do I go for peoples portfolios?

File: Screenshot from 2016-07-19 19-11-59.png (334KB, 1044x1223px) Image search: [Google]

334KB, 1044x1223px

>>55623325
Today I made a WebApp to record information about the wifi hotspots that are in the area

Here's a minimal example of one of the outputs :
https://www.lita.engineering/static/2016-07-19/wifi-mapper-exports/static-save-000

The actual system is dynamic, but that page is static, because the dynamic system relies on a lot of javascript and takes a while to load

>>55657378
H-how do you survive the daily life?

File: Screenshot from 2016-07-19 19-29-08.png (682KB, 1472x1353px) Image search: [Google]

682KB, 1472x1353px

>>55657522
An example from a drive I took earlier today

and the first state of the "view entries" interface
http://imgur.com/a/ooVvb

>>55655858
how do you literally function every day without accidentally running yourself into a fork repeatedly?

>>55657522
>>55657694

looks neat, are you just gathering data and then manually uploading it to the webapp as files?

you should have a mobile app that gathers the data and then automatically uploads them to some global database

>>55657642
Well I've never looked for other people's portfolios before. Why would you even respond?

>>55656824
I actually made it with just using math

>>55658104
Why would you even ask?

>>55650928
This. Unless you're do a huge project, there's no reason to use third party libraries.

File: image.png (2KB, 256x29px) Image search: [Google]

2KB, 256x29px

>>55623325
How can you edit a file_field button's height? I can make it wider or narrower, but not taller or shorter. At best, I've been able to create an invisible space around it that turns your cursor into a hand, indicating that when you click something will happen, but it's just a ruse. For what it's worth I've also managed to turn the button/file_field fully invisible, partially visible, and fully invisible under normal circumstances but partially visible when you hover your cursor over it.

If webGL(three.js) isn't supported should I give it a second try making the animation with canvas only, or should I just dumb a picture into the container?

New to the mean stack, and I'm having trouble. I'm not using a mongo database, all my data is coming from a yaml file that is converted to JSON. The problem is, certain objects within the object fail to exist when the page is rendered. I can't get the timing right. With express, how can I ensure the entire object has been loaded before moving onto other routes?

>>55649331
>Worried about 1MB of bandwidth
Australian detected.

Regarless, if you include jquery from the google CDN (as you should) then it's already cached in people's browsers, so it wastes nothing.

>>55649634
>Making a client reload a page every time something changes means you are a failed web dev
Gee, the 90's internet was the best internet right guys?

Is this irc chat dead?

>>55661046
It was never alive.

>>55661189
RIP in pepperoni irc :/

>>55660437
correct on both fronts, I'm an Australian PHP dev who refuses to use javascript.

I'm trying to let vim connect to a ftp server. But it's giving me this weird error: error (netrw) your <> directory is missing!

Anyone know what this is about? Websearches don't get me anywhere

File: 2016-07-20-110310_1585x174_scrot.png (46KB, 1585x174px) Image search: [Google]

46KB, 1585x174px

For some reason I don't get the error message. Anyone here know why?

>>55662508
tell us what framework desu

File: 2016-07-20-110808_1600x861_scrot.png (214KB, 1600x861px) Image search: [Google]

214KB, 1600x861px

>>55662519
flask

>>55662551
whoa I actually couldn't tell it was python because your colour scheme is so different from mine, am I retarded?

>>55662508
Which 'if' does it break at?

Why aren't you using Django?

>>55662560
see >>55662551
Because flask is minimal

>>55662508
why isn't the password check in your form.validate()?
why this extra check after validation?

>>55662589
>see
You're using the same functionality but in a framework that clearly doesn't werk

>flask is minimal
Not when you inevitably re-implement django functionality. Just look at your 1 login view already, and everything needed to import for it

>>55662598
Could you please elaborate?

>>55662629
you check if the entered passwords are equal after validating the form, you should have this check in your model, so validate() fails when they are not equal.

I don't know the framework/language you use, but it also seems you are using the form field 'pass' for both passd and r_passd, so they will always be equal.

File: 2016-07-20-115611_1596x192_scrot.png (68KB, 1596x192px) Image search: [Google]

68KB, 1596x192px

>>55662662
You mean like this? Still not working.

>>55662934
yes, but both of your passd and r_passd fields are still using PasswordField('pass').
so both get assigned the value from your posted pass form

File: 1464776646043.png (126KB, 280x280px) Image search: [Google]

126KB, 280x280px

>Year of the God Emperor of Mankind MMXVI
>centering a div without fucking the rest of your website is still hard as shit
this honestly baffles me after all these years

>>55663052
it's not hard at all, got an example you are struggling with?

>>55663059
>it's not hard at all, got an example you are struggling with?
no
im just pissy that i have to do frontend stuff and need to vent
dont mind me

>>55663052
Make a 100% wide div.

Put another div in it with
margin-left: auto;
margin-right: auto;

>>55663080
divs are always 100% wide, they are block elements

>>55663093
I guess it's just a habit of mine because I extensively (ab)use float.

Anyone want to make a twitter clone?

I know exactly how to market it.

PHP backend because I know it. Considering javascript/json front-end because I can just phonegap that shit for mobile.

Already working on the tables.

This is the perfect time for a new twitter.

>>55663408
I'll design the logo

I'm checking out React and I'm already triggered. Is the stupid pseudo language necessary? Actually, is any of this necessary? Apparently React is for single page apps with no refreshing or page loading, but isn't that what Ajax and websockets are for?

>>55656811
display: none;

robots.txt

>>55663733
Haven't checked out websockets or React, but yes, you need a framework for SPAs because native or even jquery ajax is a nightmare to maintain for a SPA

>>55663733
frameworks like react are client side mvc frameworks that get data with ajax.
the advantage is you can easily do dynamic stuff compared to server side mvc frameworks, but you have a larger initial load time.
the server just needs an api you can talk with

>>55663408
>This is the perfect time for a new twitter.

yeah, specially because the old one is still up and running

>/wdg/ in one post

>>55663080
>/wdg/ hobby web programmer

>>55650849
>how to find backend job?

go learn a real backend programming language

>>55663739
>display: none;

it will still be visible in page source as all html code does faggot, this is not a good practice

>is everyone in /wdg/ a complete retard?

>>55662558
>am I retarded?

no you're just an average web programmer fag... don't worry about it


retards

File: pepe.gif (1MB, 499x499px) Image search: [Google]

1MB, 499x499px

>Work in start up
>Use Rails, Mongo, Node, Angular, Ember and Erlang
>Come back to home town
>Applying for programming jobs
>Required: PHP/ASP/Microsoft Server 5+ years exp + SQL certification

>>55664056
wow it's almost like start-ups use the most popular shitty meme framework of the week and well established businesses use tried and proven languages / frameworks

>>55628854
in the same boat as you. i happily write backend in PHP and Python, but as soon as i have to deal with CSS i have an aneurysm.

>>55664056
>Erlang

disgusting

>>55664079

It's not quite like that. New shiny technologies don't exist for fucking around with, they were made to improve something. Everything starts out like this. Startups are attracted to these because they have the luxury of picking their own tools.

Large enterprises are stuck with old shit because of legacy code and bureaucracy, and because middle managers won't let you suddenly start using functional languages because you think they're better.

There's a good middle ground you know. One company I worked at used Java but has recently moved some of their real time systems to Go, and uses React for the front ends.

File: ebin.jpg (28KB, 443x332px) Image search: [Google]

28KB, 443x332px

>>55664156
and then those frameworks lose popularity after a few years and people move onto the next meme framework.

>>55657803
No, the app gathers it automatically, sends it as ajax to a script, then the script saves the file and returns the filename, the app then calls another script to list all files (and some meta for each file), if you click on a file, it ajax's the file into memory, and goes from there

>>55659808
Three has fallback to canvas.

>>55663948
display: none;

>>55660300
It could be one of a billion different things and there's no way to figure out which one without seeing your code.

>>55664225
But PHP is forever <3

Why can I require modules using react.js? I understand it works in node.js, because we're in a different runtime environment - the ripped v8 engine.

Why does it work with react.js though? Isn't it just running in the browser? Or is it because webpack hosts a dev server?

Does anyone have any recommendations for best web hosting services? Looking for something very cheap and fast for some temporary web hosting.

>>55666423
in the OP

>>55666423
digitalocean all the way.

>>55666434
Shit I'm retarded. Thank you.

>>55666436
>$5 a month
>1tb transfer
That'll do it

so let's say I have some web app which uses Docker in case you need to make new servers to keep up with demand, is there an easy way of updating a DNS record's anycast to add the new servers as they're created? what about when the servers are no longer needed?

>>55663914
Twitter is doing poorly.

I was targeting my alternative towards free speech but milo is apparently already doing it according to periscope 5 minutes ago.

>>55636181
And so does the rest of web programming.

>>55636289
json

File: squid3.png (409KB, 553x668px) Image search: [Google]

409KB, 553x668px

Anyone know of a web development framework which isn't infected by the social justice code of conduct meme?

>>55668277
php7 is the best sempai

>>55668277
https://github.com/gin-gonic/gin

>>55666376
Did you start from a yeoman template or something? You're probably running babel or some other transpiler without realizing it. Check your package.json.

>>55668277
go net/http
Java2EE
Haskell/Yesod
OCaml
ASP.NET

Does web development pay well? (in your experience)

>>55669389
same as any other programming job here, everyone gets the legal minimum.

>>55669389
my entry-level web developer job earns me more than anyone else I know.

>>55669485
Ssssshhhh just do what >>55669425
did, and say the pay is just above the minimum but that the passion is what's driving you onward on the field.
Last time someone realized our pay is good and the effort is more-or-less higher than your regular office job, we got the feminists pushing underqualified employees because muh diversity.

The crystal pepsi website where you look for 90s items.

Genius.

https://www.pepsipass.com/crystal-pepsi-game

>>55669107
Yike

anyone have good resources for me to learn javascript & jquery to where I could be proficient enough to start learning ES6 and a frontend framework like angular or react?

>>55663739
robots.txe is a clue where to find the content.

It's the first place where people look.

It's a way to keep a one way data from for complex applications.

Based on Elm architecture.

>>55656672
As someone who recently got a job doing full-stack for a pretty small company, I can confirm your assumption. It's a fucking nightmare.

Not only am I fucking autistic as hell, the clients also have no grasp on what it is they want - most of them don't, anyway. I have one client who's actually quite knowledgeable and frequently reports issues adequately, sending me a list of flaws accompanied by images and the like.

>>55641604
Project manager,
Business Analyst

>>55670671
read OP before posting

Is there something better than bootstrap?

>>55671749
roll your own grid based layout system

>>55671749
Wouldn't say better, but there are alternatives.

Foundation
Materialize
PureCss

If you only want a grid, use Skeleton.

>>55671749
Flexbox.

>>55671749
Depends what you mean by "better".

Basically your question is meaningless.

The new Map object is basically an object with no prototypes, right? Just serves to map key value pairs? I remember seeing in a book how to create these back when there wasn't one, you needed to 'var map = Object.create(null)', so it basically just does this for you?

>>55672820
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map#Examples

>>55672820
Its what objects were supposed to be, and better at what they do, with more convenient methods, and any type of value can be a key rather than just strings.

File: 1436915284998.webm (3MB, 800x336px) Image search: [Google]

3MB, 800x336px

>>55656513
Care to explain in more details what you wrote?Contribute to what, Open source, company, myself?
If I wanted to "shift" real work to someone I'd stay at my previous company as senior system engineer or find another company for the same senior profile I had.
The main reason I quit my job was that it became boring to me and my boss and management were bunch of spoiled cunts who made shitload of bad decisions that we in iT department had to solve/fix/live with

Has anyone read Eloquent Javascript? Chapter 6 is confusing as hell, specially the table example.

>>55673767
it is a good read for JS but yeah I've gotten stuck on some parts for a while

How the fuck do you get text to overlay an image? I've tried everything on google but the text is always next to the image.

>apply for a job at a startup
>get response from ceo
>"are you at a senior level with php/sql"
>"yes"
>"what is your hourly rate?"
>"$20/hr base"
>no response since

did i ask for too little for a senior dev? i feel like i fucked up here

>>55675104
z-index and positioning (relative or absolute i don't quite remember which it is)

>>55675119
You should have asked for twice as much if you are actually senior level. It could also be that the startup CEO has no fucking clue what he is doing, which is usually the case, and simply got distracted.

>>55675104
position absolute with z-index <1.
bla bla on top of stuff while in container of parent

>>55675308
Shiit. I'm here paranoid as fuck thinking he saw the rate and thought "There's no way he's actually a senior dev". I kinda lowballed it because it's a remote position and I'm desperate.
I'm going to send him a follow up email tomorrow to see what he thinks.

Whats the name of that tool that would automatically keep your development files separate from your files that gets deployed and would automatically do stuff like minifying your .js files?
I vaguely remember something like that being mentioned here.

>>55675842
>keep your development files separate from your files that gets deployed
git
>do stuff like minifying your .js files
gulp

>>55675842
There are several of them. Gulp, grunt, and webpack are all popular choices.

>>55629205

Cost cutting isn't just restricted to tech companies. Trades aren't necessarily more secure. The easier the job is, the more competition there will be.

>>55656811

or you just schedule post those shit so it would appear to be new content
>wordpress

>>55675923
>>55675937
Thanks senpai.