[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y ] [Search | Free Show | Home]

<wdg> - Web Development General

This is a blue board which means that it's for everybody (Safe For Work content only). If you see any adult content, please report it.

Thread replies: 316
Thread images: 21

File: imageedit_2_8763777129.png (226KB, 602x403px) Image search: [Google]
imageedit_2_8763777129.png
226KB, 602x403px
/wdg/ - Web Development General

Previous Thread: >>57452798

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

>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

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

>Useful Youtube channels
derekbanas
thenewboston
learncodeacademy
funfunfunction
computerphile
codingrainbow

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

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

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

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

>How to get started
http://pastebin.com/pDT82mQS

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>>
File: padding2.png (259KB, 1366x768px) Image search: [Google]
padding2.png
259KB, 1366x768px
>>57491687
Is this better?

It looks cleaner I suppose.
>>
>>57491855
Loogs nice, nice timestamp dub combo
>>
How often do you google up your questions?

a) never
b) that's what /wdg/ is for
c) I just did, man, it was cool
>>
File: Screenshot_20161112-210141.png (247KB, 1440x2560px) Image search: [Google]
Screenshot_20161112-210141.png
247KB, 1440x2560px
>>57491883
I just did and it gave me a chuckle.
>>
>>57491803
Did you install f.lux?
>>
>>57491883
I ask /wdg/ everything while trying to solve it myself.

I wasted too much time Googling right off the bat and never learning anything.
>>
>>57491914
Underrated post.
>>
>>57491914
Long and boring story but since you asked, I shall tell you a tale of that image.

I bought my laptop approximately 6 years ago though calling it a true laptop would be misleading in some circles. Realistically, it's a netbook. The problem with the older netbooks is that they are no longer appropriate machines to run hardware intensive programs. This brings me to the second part of my tale.

A few times I have tried using GIMP to slightly edit the '/wdg/' photo so that I may post a new thread.The weak hardware in this netbook is incapable of loading GIMP promptly, so I decided to search online for a website that does not use flash (like pixlr). Lucky me, I did find a website but I had no idea how to use it properly. Selecting the 'filters' tab I quickly found a familiar word; Sepia. I selected Sepia and all of the work was done server-side on that website. My netbook was free from any difficulties arising from the use of this image software. Once complete, I downloaded the image and posted it here as the OP image.

But yes, I do have f.lux installed.
>>
>>57492442
But why did you choose Sepia?
>>
>>57492442
t. grandpa
>>
I have an interesting one for you fags.

>working on web application that requires viewing .tiff images
>only Internet Explorer supports it out of the box
>write a handful of lines of server-side code to convert .tiff images to .png once they're requested

This solution works fine, but it adds ~120ms of overhead to the request.
I want to convert it only if the browser doesn't support it. Is there a way to determine if a browser supports .tiff images?
>>
File: 1478777502904.jpg (699KB, 2664x2152px) Image search: [Google]
1478777502904.jpg
699KB, 2664x2152px
Just spent $9 for laracasts, was it a good choice?
>>
File: 12313132.jpg (33KB, 326x253px) Image search: [Google]
12313132.jpg
33KB, 326x253px
Is Web Development the kind of job where you work a fuckload of overtime? Erratic hours where you're called in or something?

Or can I expect to work a 35-40 hour week without additional bullshit? What about Web Design?
>>
>>57492544
Yep.

I haven't used it since I bought it 8 months ago and have continually forgot to cancel my subscription.

Really though, it's good; he just uses a crApple OS (eww)
>>
>>57492509
I'm guessing you don't have enough disk space to store the converted images.
>>
>>57492591
All of the images are stored in a database. There's about 30 million images. They are all .tiff images. Storing the converted copies is a non-starter.
>>
>>57492613
Write a script that goes through them 1 by 1, converts, stores to new identical DB, deletes the original.

That's not even hard. Come on nyaw
>>
>>57492613
I'd only store the relative file path.
>>
>>57492672
Or just the processed file name, with a timestamp.
>>
>>57492662
That's not a solution.
#1, I don't have that kind of access to the database.
#2, I'm 99.999% sure my DBA wouldn't go for it.
#3, There's about 2000 new entries a day and they are automatically inserted into the DB as .tiff.

It's a legacy system and these kind of changes can't be done on the fly. I can play with the front-end stuff, but the backend is very unlikely to change.
>>
>>57492697
You don't need to convert the images every time they are requested.
If the png image doesn't exist, you create it and place it in a directory, otherwise you send it to the browser.

Of course, having 2 "sources of truth" sucks badly.
>>
A 16 year old kid with no experience made a shitty app game that got 2k downloads.

He then got 1.5 million dollars to develop an app.

Literally how?

My least viewed site gets more views per day than his app has ever been downloaded. How do I get funding?
>>
do you prefer front or back end development anon?
>>
>>57494983
frontend.
Backend is mostly mapping database models to view models.
>>
>>57491883

While learning you should try to google as little as possible, because even if you struggle and never come up with a solution, and then google it afterwords, you will learn better than if you straight up googled it right off the bat . There's a lot of neuroscience behind this. The more you struggle, the more you 'prime' your brain for learning, and the deeper you will ingrain any solution that you do look up.

While working, it's really just a matter if you have the luxury of time to figure it out yourself, but usually you don't. You will still learn, but it will just take longer.
>>
>>57493786
Be less shit and learn to viral your shit on social media.

Also, stop making websites and make apps.
Who the fuck uses the web?
/smartphone user

Seriously though, you can bet if you remade your sites / services as an app and put that tag on your site that let's users know there is an app, you'll get mad dosh.
Just make a website wrapper app. App users are fucking retards and don't know the difference. They just prefer apps.
>>
How important is it for a site to work without javascript.
>>
>>57497068
Very.
Unless you want to display white page to user with disabled JS. Some people do that.
>>
>>57497114
Is it okay if it isn't as comfy? Like if the user has to manually refresh the page instead of automatic updating?
>>
What database should I use for a chat app? I am only familar with mongodb but people told me I shouldnt be using that.
>>
>>57497114
>Some people do that
They're an incredibly small minority though. And the ones that actually do disable JS should already know what they're getting themselves into. All modern browsers and websites cater to JS, and unless you're building something that will get at least 100k hits a day you don't have to cater for this.
>>
>>57497122
Yes, that's completely fine, even desirable. You can ditch all animations and AJAX, the only thing you need to keep is content (unobstructed) and functionality. Also, if you have things that can be hidden, make sure it's visible by default, and only hidden with JS after page is loaded (e.g. tabs with different content, answers in FAQ displayed only after clicking question, etc.).
>>
>>57497134
Well, you shouldn't listen to these people, then.
Ask yourself what do you need out of your chat. If you want to keep full history, or only recent messages. If any of your data is relational. If you only need to keep track of one channel, or multiple channels with private chatting between users.
Some of your options can be object database (like MongoDB), RDBMS, key-value storage, storing data only in memory.
>>
>>57497306
I can't just store the data in memory. It needs to be presistent.

Its not really a chat app. Its more like a list of users and a list of messages each user has said. Very simple.
>>
hi /g/, what are you working on? I'm trying to build a dynamic search bar, but I really don't wanna use if statements, ¿is this efficent?

$(function() {
$(".form").submit(function() {
if ($(".search").val().substring(0, 3) == "-g ") {
$(this).attr("action", "https://www.google.com.mx/search?q=search");
$(".search").val($(".search").val().substring(3, $(".search").val().length));
return true;
}
else if ($(".search").val().substring(0, 3) == "-u ") {
window.location.assign("https://" + $(".search").val().substring(3, $(".search").val().length));
return false;
}
else if ($(".search").val().substring(0, 3) == "-w ") {
$(this).attr("action", "https://www.google.com.mx/search?q=search");
$(".search").val($(".search").val().substring(3, $(".search").val().length) + " site:w3schools.com");
return true;
}
else if ($(".search").val().substring(0, 3) == "-c ") {
$(this).attr("action", "https://www.google.com.mx/search?q=search");
$(".search").val($(".search").val().substring(3, $(".search").val().length) + " site:cplusplus.com");
return true;
}
else {
$(this).attr("action", "https://www.google.com.mx/search?q=search");
return true;
}
});
});
>>
>>57497608
- The value of $('.search').val() ain't gonna change in a millisecond, so you can safely store it in a variable, in order to avoid wasting resources. The same goes for .substring(0,3), this part is repeated in all your choices.
- document.getElementBy('id-only-not-name-or-class').value is a bit faster.
- use switch case if you want to.
>>
>>57497608
>jQuery
No.
Before I continue, first mistake you make, is using classes as identifiers, instead of IDs. You are not expected to have multiple forms nor search bars, are you?
Given that, you can use
getElementById()
element.onsubmit
// Given <form id="form">
document.getElementById("form").onsubmit = function() {
var form = document.getElementById("form");
// … and <input id="search">
var searchbar = document.getElementById("search");
var query = searchbar.value;
if (query[0] == '-' && query[2] == ' ') {
switch (query[1]) {
case 'g':
form.setAttribute("action", "https://google.com/…");
searchbar.value = query.substring(3)
break;
case 'u':
// fill as needed
break;
default:
form.setAttribute("action", "https://google.com/…");
break;
}
}

And you don't need jQuery at all.

>w3schools
No. Use MDN or official W3C and WHATWG documentation.
w3schools is not associated with W3C. They also have rich history of bad – and even sometimes incorrect – advice.
>>
>>57497993
query[n] might generate an undefined warning for short or empty strings, so I think he should add some validation.
>>
>>57498115
It should fail at first comparison, then, since the value is "undefined", which is a type in JS. I don't think it will generate any warning.
>>
>>57498258
In this example the function can be run again. Being aware of undefined values ain't a bad thing.
>>
>>57497608
If your point is to get the functionality rather than to build it yourself i recommend this
https://twitter.github.io/typeahead.js/
I used it some time ago and paired it with a set of results processed through a phonetic algorithm stored on a memory database, results were fast with comfy typo correction

I'm trying to get working on my rss aggregation project but lack the motivation :(
>>
>>57497993
not that anon but what if a paid internship requires me to know jquery?
>>
File: 1476065276244.jpg (68KB, 650x600px) Image search: [Google]
1476065276244.jpg
68KB, 650x600px
>>57499795

Then learn jQuery famalam.
>>
File: dva.jpg (11KB, 212x237px) Image search: [Google]
dva.jpg
11KB, 212x237px
>>57500213
seems easy enough thanks famalamborghini

have a (You) and a bkub dva
>>
Does anybody know if it is possible to show tags from separate categories in wordpress? No luck so far. I want to show a few popular ones in every category section on the front page.
>>
First, code:

function winningMove(arr, moveArr, sym) {
for (i=0; i<arr.length; i++) {
console.log("computer individual possible moves: " + arr[i]);
var compareArr = arr[i];
var noMatchArr = [];
var compMove = '';
for (j=0; j<compareArr.length; j++) {
if (moveArr.indexOf(compareArr[j]) == -1) {
console.log("non matching - " + compareArr[j]);
noMatchArr.push(compareArr[j]);
}
}
if (noMatchArr.length == 1) {
compMove = noMatchArr[0];
console.log("computer move places symbol on " + compMove);
if (sym == "x") {
setTimeout(function(){
$(compMove).addClass("ex fa fa-times");
if (checkWinner('ex')) {
$('.winner').html("Computer wins!");
$('.player1turn').fadeOut(1000);
$('.player2turn').fadeOut(1000);
$('.winner').fadeIn(1000);
$('.winner').delay(1000).fadeOut(1000);
whosTurn = 1;
clearSquares();
$('.gameinprogress').fadeIn(1000);
setTimeout(playerTurnBanner, 3000);
player2Score++;
$(".player2score").html("Player 2: " + player2Score);
}
else if (drawDetector()) {
$('.winner').html("It's a Draw!");
$('.player1turn').fadeOut(1000);
$('.player2turn').fadeOut(1000);
$('.winner').fadeIn(1000);
$('.winner').delay(1000).fadeOut(1000);
whosTurn = 1;
clearSquares();
$('.gameinprogress').fadeIn(1000);
setTimeout(playerTurnBanner, 3000);
}
else {
whosTurn = 1;
setTimeout(playerTurnBanner, 1000);
}
cDone = true;
break;
}, 1000);
}


This is a function for tic tac toe. The issue is that my breaks are causing errors because they're in the setTimeout function, thus being ignored by the for loop. Any ideas for a workaround?
>>
>>57501949
That function is way too huge, try to break it in into smaller pieces.
What do you need the breaks for?
>>
anywhere thats good for projects to make sure I'm not retarded at javascript?
>>
Why does $.getJSON work when I'm making a cross-origin request? Is it because I'm specifying format=jsonp within the query string of the URL I'm passing a GET request to?
>>
>>57502214
CORS headers could allow it or jquery detects the jsonp in your URL and includes it like that then.
>>
>>57502035
it's ai for the cpu player. for every move in the cpu's move array, run these functions to see if there's any winning moves available or if it's a draw. Since it's doing this for every move in the array, it needs to break once it trips one of the if statements, otherwise multiple moves may be played by the cpu player
>>
>>57502448
I don't really get it but you really shouldn't do things like this with timeouts. This just shows that your code isn't well designed.
>>
is javascript the goodparts still a good book to read? or are there better ones?
>>
Which language should I move forward with for my web dev stack?:

Ruby or Python?

I'm proficient in both of them. I have a good grasp on the syntax for both. Could implement data structures, search, sort algorithms on either.

So which one should I move forward with?

Next language I'm going to learn in javascript, which I doubt will be difficult considering I already know 2 languages, and the concepts are basically the same with different syntax.
>>
>>57503093
What are the two languages do you know already?
>>
>>57503152
Ruby and Python.

I also know sql but that's not really a language.
>>
File: 1465845283882.jpg (78KB, 468x480px) Image search: [Google]
1465845283882.jpg
78KB, 468x480px
How do I build a portfolio?

Is there actually money in freelance web design?
>>
>>57492579
It depends entirely on the culture of the company you're working for, and also depends on your ability to enforce your boundaries and just go home at a reasonable time.
>>
>>57503093

Learn them both.

Put two weeks into Rails and two weeks into Django and decide then.
>>
>>57503528
Well I can definitely say that I prefer the language Ruby over Python, but I feel that there are more jobs in Python, and Python is more applicable to a broader range of fields.

But I like Ruby more and I bet I could grasp rails better, so I'm at an impasse
>>
>>57503248
>How do I build a portfolio?
Build shit in your spare time and post it on Git. You'll kill two birds with one stone; they get to see you're coding ability + they know you can use Git (which everyone seems to be asking for these days). Throw a few WP themes in there as well for diversity.

>Is there actually money in freelance web design?
If you have a steady stream of clients then yes, it can be profitable. You'll need a good portfolio to attract the high paying clients, through. So get to work.
>>
>>57503632
your*
though*

Excuse my grammar.
>>
>>57503632

not the one you asked but I am on the same dillema as him. Forgive my ignorance, what is a WP theme?

Also, I'm done with HTML/CSS/JS, where should I go from here?

I'm thinking about Ruby or Python. Maybe some JS framework so I can build stuff to put it on git.
>>
>>57503682
I'm not the guy that posted that, but WP is WordPress.

I'm not sure why I'd ever put one on my git as they'll see it's not my own.
>>
>>57503682
PHP, regardless of what anyone tells you.
>>
>>57503682
>what is a WP theme?
Wordpress themes. You can create them (you'll need to know some PHP) and sell them on Themeforest, for example. You can make good money off it if your themes become popular.

>Also, I'm done with HTML/CSS/JS, where should I go from here?
>I'm thinking about Ruby or Python. Maybe some JS framework so I can build stuff to put it on git.
You already answered your own question lol. Pick anything you like and go for it.
>>
>>57503682
haskell
>>
>>57503710

Oh, wordpress. Damn it!
I do have an idea of what it is but I didn't sit down to actually understand what I could do with it to benefit myself

>>57503750

Yeah, I'm about to take a online class on PHP right now. 4 hours.

Everybody tells me no matter what, know my shit when it comes to PHP.
>>
>>57503682
https://www.youtube.com/watch?v=sBzRwzY7G-k
>>
>>57503783
I don't think freelance devs are going to be making WP themes all that quickly.
I've made WordPress sites for people, but only because I wanted something easy.
>>
>>57502833
Yes its good. Eloquent Javascript is my favorite...tough but very good
>>
can someone link some useful stuff for responsive webdev?

>No google
>>
>>57504277
cool I'm reading it now and wanted to make sure it wasn't wasted time.
>>
>>57503093
Mastering Python pays because it is more widely used beyond web dev than Ruby. But yeah, do >>57503528. However, one thing you will not find out in two weeks' time is how Django compares to Rails for long-term maintenance.
>>
Can someone please tell me why Wordpress themes look absolutely nothing like they're supposed to when I install them on my own server?
>>
>>57504435
http://pastebin.com/fWPCi8w5
>>
>>57504622
I had the same problem. I have no idea how other peoples themes work. That's why I made my own from scratch.
>>
File: SS_010.png (34KB, 480x477px) Image search: [Google]
SS_010.png
34KB, 480x477px
Can some Drupal boy help me?
>>
>>57496723
I am doing exactly this.
>>
is it true front end developers are less intelligent than back end?
>>
is there any way to get some free azure credit as a student
>>
>>57505051
In essence, yes. Front-end design requires less logical and critical thinking to solve problems and meet certain criteria. At the higher levels of front-end design I'd say they're almost equal though, because that's when you start thinking more about user experience, HCI, usability, etc. which can define whether your site gets 1,000 hits a month or 10,000.
>>
>>57505051

not a fucking chance. Front-end developers have to do research on user experience, colour psychology, aesthetics and what not. Back-end developers have to do research on code legibility, maintainability, workflow, automation and shit. Both having the same problems but collaboratively needed to make a system.
>>
>>57504744
I fucking give up senpai. No matter what theme I choose it looks like shit after installation, even on a fresh WP setup. Fuck my life, I'm gonna work at Burger King until I'm 50.
>>
>>57505349
any tips on learning the design side of front-end dev?
>>
>>57504623
>http://pastebin.com/fWPCi8w5
thanks anon
>>
>>57505424

>User experience
>colour psychology
>grid system
>responsive
>behance / pinterest
>google (or any search engine) website guidelines
> material design unless you fucking want websites to look like the last decade
> website galleries

those are the things that I can think of at the top of my head.
>>
>>57506322
tanks famlay
>>
How can I use Firefox's Network Monitor in order to inspect the file inside the POST request I'm making? I'd mainly like to know what field contains the filename.
The MDN doesn't seem to go in depth on that subject.
>>
>>57504579
Not at all Crockford is javascript's grandpa. very smart guy.
>>
Learning mysql is boring as fuck.
>>
anyone here use cycle.js or vue.js for frontend
>>
>>57508192
Took a look at vue, decided it was shit and stayed with Angular (1).
>>
>>57491855
Nice job bro
>>
>>57494983
Backend. The JS millenial fags stack is evolving too fast for me.
Fuck those FOMO JS Githubed Atomed kids.
>>
>>57494983
front-end cause of changes every 3 months
>>
>>57491855

god damn 100 lines for that shit, reminds me why i hate css
>>
>>57505020
Not a drupalboi but this looks self-explanatory desu senpai
>>
>>57507750
open network monitor
reload page
do post request
???
look at post request in network monitor
>>
Yes if you're smart. Learn digital marketing along the side or other design shit. Once you get big enough to take on higher $$$ clients, just contract/outsource.
>>
couch or mongo if I am not working with js?
>>
how2 stream audio w java my dawgs
>>
>>57509895
Depends on your use case. Mongo has unsafe writes.
>>
>>57509470
css is cool, i love the easy-to-use syntax and how pages look like with css
>>
Affine transformations in canvas:

http://159.203.142.122:8080/play/affine.html
>>
>>57507750
Except there's nothing that shows the filename anywhere in the headers/body. This is why I'm asking the question.
>>
>>57507750
>>57511571
It's in the data section, in file header.
>>
I have a vps with OVH and bought a domain from another provider.

I can redirect (301) the new domain (poofoo.net) to my OVH IP.

But then it shows the ugly ovh IP in URL and not the domain I bought.

Alternatively I can do a frame redirect but that looks like bs to me.

Any other options where I can configure that the bought domain stays visible and nobody sees the ugly OVH IP where all my webshit is.
>>
How do i enable "clean urls" in apache?
I have drupal i need to set that, but shit aint working, allowoverride all is enabled
>>
hello I have a quick question
how to make contact section in portfolio website?
I wrote php that looks something like this:
<code>
$to = '[email protected]';
$subject = 'subject';
mail($to, $subject, $message, $header);
</code>
but it's not sending mail to my email
I'm on my localhost
now the question is: should it look like it? I mean should it be php or somehow else?
will it work after uploading website on host? should a database be here?
I'm noob to php, I used google an youtube tutorials but no success. research on my own will take a few days to learn php basics etc, and I need it to work in shorter time
>>
>>57513956
<a href="mailto:[email protected]">Email me</a>
>>
Hello, I need help on a project so if anyone can point me in the right direction that would be great.

I'm trying to make a web app that lets users remotely control some hardware and allows them to see the plotted data
of the sensor readings on that hardware.
So the usual plot would be like for the past 6 hours or so (~60 sensor reading or so) but they can have the option to plot the older data if they want to.
So the problem is I don't know how to store all of that info in the database.
There won't be a lot of users but there can be as many as 100 devices each with readings from 3 sensors every 5 minutes or so.
How do I go about structuring this kind of database?

And what framework should I use?

I already did one project using Django but since then I looked into web2py and flask also. The page content is mostly static except that plotting/control interface so I don't know what is the most suitable option as I am not very experienced with web development.

Any help would be appreciated.
>>
>>57514099
is this gonna send mail without php?
is php not needed at all?
>>
>>57514111
A database would be fine for that kind of data.

Depending on the type of data you could have different setups, if the types are the same you can just use a single table, just set indexes on what you'll be filtering on.
>>
>>57514128
I was being an ass, but not really.

It will open the users standard local email program (Exchange, Gmail, iMail or whatever they have set) with your email pre-filled. You can set the subject and body also.

Might be an alternative for you unless you want to learn how to do emails which can be a bitch to setup properly so that they're accepted by all the major players and not make you a spam gateway.
>>
>>57514174
I wnat to learn how to do emails but like I said I need quick solution just to end my porfolio ASAP.
learning it will take me I guess couple days because of my limited free time (which is learnig/coding time)
I set the local host, xampp, wrote html then link POST method and make php script.
running test from localhost it's not working
quick tip would be really apreciated
>>
>>57514111
for this sort of logging you're better off using a timeseries database from the start, check out influxdb. it works by storing values at whatever rate they're captured and the database automatically stores the time stamp and then simplify's the data as is ages... i.e. if you captured data at 1 S/s after a year you would only be storing 365 averaged samples for the prior year, otherwise you're looking at a lot of data that's probably useless. ofc you can change the resolution stored overtime so you have more samples to graph.
>>
>Move cursor to tabs to close shitty article
>Screen goes dark, a "Wait, don't leave just yet! Please subscribe to our shitty newsletter" dialog pops up in an obnoxious animation

Why is this allowed?
>>
Is there any real reason to use let and const instead of var in JS? I'm still learning it and none of the material I'm going through has mentioned it yet. Whenever I look into use cases for let or const it seems to only be useful in a case where you fucked up or didn't think through your variable names.

>>57514568
Because people don't say no. Everyone gets asked to make shitty design decisions before by higher-ups who don't know any better.
>>
File: 1478784696747.jpg (37KB, 509x435px) Image search: [Google]
1478784696747.jpg
37KB, 509x435px
here's one for you anons

MongoDB
How to get variations of a single "product" - it has to be alterable after it is made.

Example of what I think I should do - I input a product - it's sitting there nice and black.

I then click the product as the admin in it's view and theres a button that will say = add variation - like Red and {{upload Pic}}.

Here I will find the product by its _id in mongo and....update? it with a new Variation({color: red, path : >>imagepath<<}) ??

What do you think? is there a better way?
The admin is the only one who can add products/variations.
- we're aiming at ease of use...

its my first e-shop and mongo use so I'm a bit confused
>>
>>57509470
There's a lot there before the CSS.
>>
Javascript question:

I'm trying to parse a JSON string. The issue is that the string contains double-quotes within it, causing JSON.parse() to throw an error.

'{"quoteText":"Every time we remember to say "thank you", we experience nothing less than heaven on earth. ", "quoteAuthor":"Sarah Breathnach ", "senderName":"", "senderLink":"", "quoteLink":"http://forismatic.com/en/3c90b0ac06/"}'


How do I deal with this? I'd like to keep the double quotes within the string referenced by quoteText after parse converts the string into an object, if possible.
>>
>>57515117
idk why you're using mongo for a store but whatever. i see no reason why you can't just store a list of variants, just contains a name and/or description and a price modifier if needed.

alternatively, you could store each variant as its own product with a shared id, and then in your view you group them. this would make sorting and processing the orders easier.
>>
>>57515413
you can't, thats invalid JSON, are you pulling this dynamically from a service? you'll need to check what the string is being filtered through as the double quotes need to be escaped.
>>
>>57515439

thanks, will give it a think!

I just wanted to use it, since I never have
>>
>>57515458
It's being fed to me by an API. Weirdly, it only sometimes gives me a stringified JSON object, otherwise it hands me an actual object as asked.

I'm in half a mind to just say fuck it and have my application call the API again if it's handed a stringified object.

I can't escape the double quotes within that string because then the parser will throw an error upon starting when it encounters ' \ ' instead of the expected ' " '
>>
>tfw design is becoming better and better.
>>
>>57512870
Depending on your version of apache, you are looking for "allowoverride all" or "require all granted".
http://xmodulo.com/how-to-enable-mod_rewrite-in-apache2-on-debian-ubuntu.html
>>
So what's the limit to the quality of job you can get without a degree? Obviously with a degree you'd get more money, benefits, better hours, higher positioning, etc. But is there anything for people without one?

Know you guys probably get questions like this often and that it's probably annoying, sorry. Just tired of bagging groceries for pennies tbqh and evaluating all my options without accruing college debt and I like computers and have an eye for ui/ux design
>>
>>57515800
It's the same.

Degrees only help you break into the career. Only dinosaur companies require degrees for advancement.
>>
>>57515822
That's a relief.Thank you for answering. Do you know why that is though? Are degrees not a consistent enough indicator of skill?
>>
File: 1435428133070.jpg (36KB, 482x427px) Image search: [Google]
1435428133070.jpg
36KB, 482x427px
>>57491803
>got hired as a 'software dev'
>mainly doing webdev
>thinking they know latest frameworks and development frameworks such as scrum, tdd etc.
>first day
>introduce me to shitigniter
>mfw
>ugliest code i have ever seen (coming from glorious laravel)
>not using tdd
>not documenting their code
>work is getting tedious and frustrating
>told them they should use the latest frameworks
>they think it's extra work
>mfw

Working as a dev for a company is pure horse shit, just stay in your NEET caves, it's not safe out there.
>>
>>57515800
I mean it really depends on you. If you're just doing the minimum to get by - expect awful positions. As with most other people who have this mindset of "omg I hate my current job, let me barely study and just copy and paste pajeet code through life, yeah that sounds way better!"

Degrees don't mean more money, benefits, hours, or positioning. It just means for companies who can afford to hire more than just programmers (ie all the major tech companies), they'll hire them much faster than a non-grad of equal status to actually solve problems and not just blindly code.

You HAVE to work much harder and faster than grads. Otherwise you'll be THAT retard during hiring process who doesn't even know what git is, justifying everyone's negative perceptions of self-learners.
>>
>>57515800
Americans value degrees more than most, in Sweden for example it doesn't really matter as long as you know what you're doing.

And like >>57515822 said, it's mostly to get that first job where it carries any value.
>>
File: 1477406635273.jpg (512KB, 1075x934px) Image search: [Google]
1477406635273.jpg
512KB, 1075x934px
Iam learning PHP and mySQL

I already know C#,Java,C ,Css Html and little bit javascript(i hate javascript)
>>
>>57515971
Thanks for answering. A self-learner has to be better to be elite basically. No room to slack since you're fighting an uphill battle.
>>57516005
Figures, Sweden is very progressive. Thanks.
>>
>>57516021
I hope you're using PDO, for your own sake.
>>
Sooo this is probably a stupid question, but I wan't to write a little website which we at my company can use to compose a list of items to order from food delivery places. Running to everyone and writing down everything alongside the extras drives me mad, so this would make things a lot easier.

I was thinking of a csv-like file as source for the items, some tables to format it and radio buttons for selections, a tiny bit of js to be able to reset choices and some python cgi to process the inputs.

Does this sound like a good idea or can I do it somewhat simpler?
>>
>>57516062

sounds like you actually need node
>>
>>57516056
Yes. HR is already expecting you to fuck up, grads are too to justify being in debt. None of that matters though if you just stay humble, work hard, help others, and constantly learn. Even the boring abstract shit, learn.
>>
>>57516275
A realistic yet positive message. Thank you. I have a book called "Code: The Hidden Language of Computer Hardware and Software" and I was never going to read it because I thought obscure stuff wouldn't be useful. But now that I know what I'm getting myself into, I'll study the book's concepts.
>>
>>57516060
>e using PDO, for your own
yes
>>
What libraries or frameworks does a web developer need to know in the current year?
>>
>>57516377
Really, devour anything you can get your hands on. Sure, not everything is going to be in constant use in every job, but it'll go a long way. Even if you're at a base level position at google, being able to discuss abstract concepts with grads/nongrads alike will be tremendous.
It can be rough, trust me, having to read a book or watch a lecture or whatever you feel just doesn't apply to you - but as long as you're working towards a better understanding of [x] (x being something related to the field, lol won't do you much to learn about dog breeds when all you want to do is create a physics engine), you're doing alright.
Oh, and all of this is said with moderation in mind - just as easy as it is to become a brainless code monkey, you can also become a pompous idiot who is stuck with grandiose concepts in his mind and nothing coming to fruition.
>>
>>57516599
>visit various recruitment websites, general and specific to tech
>look up ads in your area
>take notes of what they're all looking for
>work on it
>>
>>57515898
Get a year of 'experience', and then look for a better job.
If you have a better proposal, then switch.
>>
>>57515898

I lasted less than 3 months once I was introduced to a code base with no documentation and that gave me an aneurysm. Told manager that I could build rebuild it from scratch with best practices rather than building on top of it. Got a no, immediately started looking for a job. Better to be productive than miserable.
>>
>>57516377
added to the "books I'm getting for christmas" list anyone else have any related? is there a wdg or /g/ book list?
>>
>>57517255
I read more marketing and small business books than I do web dev books.

Might be something to look at if you want to launch your own projects.
>>
>>57517414
I'll look into it any you recommend?
>>
Looking into learning Ruby on Rails but I'm new to both Ruby and Rails. Is the Odin project a good route? Anything else I should look at?

In case it matters, I'm not entirely new to programming. Already know some Python and Java.
>>
Javascript question:

This is valid JSON, according to JSONLint
"{\"quoteText\":\"Every time we remember to say \"thank you\", we experience nothing less than heaven on earth.\", \"quoteAuthor\":\"Sarah Breathnach \", \"senderName\":\"\", \"senderLink\":\"\", \"quoteLink\":\"http://forismatic.com/en/3c90b0ac06/\"}"


So why is it that when I run JSON.parse on it, it doesn't return an object, it just returns a string?

var testString = "{\"quoteText\":\"Every time we remember to say \"thank you\", we experience nothing less than heaven on earth.\", \"quoteAuthor\":\"Sarah Breathnach \", \"senderName\":\"\", \"senderLink\":\"\", \"quoteLink\":\"http://forismatic.com/en/3c90b0ac06/\"}";

console.log(typeof JSON.parse(testString)); // logs 'string' to console
>>
>>57518128
Because it is not a well formed json?
>>
>>57518168
> well formed

What do you mean? It passes the linting test.
>>
>>57518185
It is a valid string, not a valid object. (Why?)
>>
>>57518229
In what way is it not a valid object? Escaped double quotes on property keys?
>>
>>57518261
The quoteText field ends abruptly.
>>
>>57518282
Yeah, I see the issue now. I've been mired in the land of parsers and escape characters for so long that I've shit the bed, innit.

This is valid JSON for conversion to an object:
'{"quoteText":"Every time we remember to say \\"thank you\\", we experience nothing less than heaven on earth.", "quoteAuthor":"Sarah Breathnach ", "senderName":"", "senderLink":"", "quoteLink":"http://forismatic.com/en/3c90b0ac06/"}';


...because it only escapes the double quotes within the quoteText field.

I'm given a string where those escaped double quotes don't exist within the quoteText field:
'{"quoteText":"Every time we remember to say "thank you", we experience nothing less than heaven on earth.", "quoteAuthor":"Sarah Breathnach ", "senderName":"", "senderLink":"", "quoteLink":"http://forismatic.com/en/3c90b0ac06/"}'


Is it at all possible to somehow target and prepend two backslashes to those nested double quotes, or am I shit out of luck?
>>
>>57518317
The guy who created the json service should investigate how Not to create JSON strings manually.

For example:
$proper_json_value = json_encode($overly_complicated_array_or_object);
echo $proper_json_value;

I don't think you can fix this soon on your own.
>>
>>57518358
Yeah, it seems like my ability to fix this string on my end is pretty limited.

Thanks for all the help dude
>>
Anyone know of a non-shit registrar that provides .fi domains?
>>
overflow:scroll doesnt work on my div.

Anyone know why?

It's in a container of 100vh height and is 80% in height.
The content goes below my fixed bottom div.
>>
Does it matter who I go through to buy a domain?
>>
>>57519623
Yes.
>>
>>57519556
Disregard. Wrong div
>>
>>57519662
:)
https://en.wikipedia.org/wiki/Rubber_duck_debugging
>>
File: 2016-11-14---21-45.png (72KB, 1046x1011px) Image search: [Google]
2016-11-14---21-45.png
72KB, 1046x1011px
>>57512612
The company you bought your domain name from is called the registrar.
You are the registrant.

Go to the registrar's website, and login to your account.
Look for some kind of management or 'settings' menu.

You're looking for a way to edit the whois entries, or nameserver entries or whatever.

Change your domain name so that it is registered to the ip address of your server.

Now, on your server, you're going to make some DNS Database changes. You're hopefully hosting your own DNS server. You basically just want to create the NS and A records that basically tell everyone:
- Yes, this server is authoriative for this domain
- Yes, poofoo.net resolves to ip: xxx.xxx.xxx.xxx

You can also create PTR records telling the world:
- Yes, xxx.xxx.xxx.xxx resolves to poofoo.net

If you're not hosting your own DNS server, then you need to buy some DNS hosting service from somebody. Register your domain name with the ip of the DNS server. On the DNS server, set the NS records to the ip of the DNS server. Set the A records to the ip of your webserver (and nameserver).

Something like:
Whois:
poofoo.net -> ns1.noip.com

DNS:
poofoo.net 300 IN SOA ns1.noip.com
poofoo.net 21600 IN NS ns1.noip.com
www.poofoo.net 21600 IN A xxx.xxx.xxx.xxx
xxx.xxx.xxx.xxx 21600 IN PTR www.poofoo.net
>>
>>57512870
>>57512870
What do you mean by clean urls?
Are you talking about hiding the file extension so that
www.blah.com/post.php
becomes:
www.blah.com/post

Because that is multiviews.
https://httpd.apache.org/docs/2.4/mod/mod_negotiation.html#multiviews
>>
>>57514111

`time`                  `user`   `deviceName`    `deviceType`       `deviceNo`    `sensor1`    `sensor2`   `sensor3`

1479182697554 john lab3corner4 temperatureBot 232 800mv 900mv 600mv


--------------
or something like:

`time` `user` `deviceNo` `data`
1479182697554 john 232 {"name":"lab3corner4", "type":"tempBot", "sensors":[ {"position":"front", "reading":800}, {"position":"rear", "reading":900} ]}


or just whatever you like. This is relational data. Basically think of any attribute of information you might need, and create a column for it.

Alternatively, you can use object storage. Just throw things in JSON file blobs.

Or hybrid, part relational database, part JSON blobs in a special data column or whatever
>>
>>57514218
xampp?

Bro, you're gonna need a linux server.

Then, there are two things to check out:
- postfix ( https://wiki.centos.org/HowTos/postfix )
- phpmailer ( https://github.com/PHPMailer/PHPMailer )

I'm pretty sure most php mail solutions will rely on a mailer daemon running in the background. Meaning: you need a working mailserver. Which means you're going to need to learn how to setup the daemon, how to allow the traffic through your network, how to enable direct sending (or relay to relay host), how to setup the MX and PTR entries in your DNS server and so forth.

Once you've got the mail server all squared away, you can install something like phpmailer which basically bridges the gap between your websites/webapps, and your mail server.
>>
>>57514792
Always use const, you can add properties but you cannot reassign it. Stop using var. The only real difference is let is scoped to its nearest enclosing block
>>
Anyone know of something like DevWars that I can compete in?

https://www.youtube.com/watch?v=8oQmJzM62Ac

He hasn't had one in like a year so I think it's ded.
>>
File: 1442221492004.jpg (251KB, 710x1000px) Image search: [Google]
1442221492004.jpg
251KB, 710x1000px
My company is looking to hire a front-end specialist in Los Angeles. Link me your portfolios. Weebs preferred.
>>
File: download.jpg (33KB, 640x480px) Image search: [Google]
download.jpg
33KB, 640x480px
>>57521531
>Los Angeles
>>
>>57521571
And?
>>
File: 1478775967462.jpg (209KB, 743x1000px) Image search: [Google]
1478775967462.jpg
209KB, 743x1000px
If you are interested in joining a vigorous /g/ study group send me a mail at mauser91 protonmail.com

The goals are,
1. Study study study
2. JORBZ.
The ODIN PROJECT is the rough scheme we follow, though any modification is allowed.

We'll keep each other active and motivated; all skill lvls allowed.

Join now!
>>
Can somebody explain me how is Bootstrap superior to bare CSS?
>>
>>57522434
It's not, really. You get some pre-made layout, a bunch of helper classes and that's it.
>>
I noticed a lot of front-end and full-stack dev jobs list UX/UI as a skill/requirement. Obviously anyone who knows front-end can design a site or an app and it's not that hard to rip off the modern flat designs that every other site/app has these days. But how much about it should someone actually know when applying for these jobs?

Basically if someone hands me a design concept I have the skills to code it into real website. And if I need to come up with my own design I can just use common and look at what other websites are doing and copy the best of their design. Is that "good enough" to apply for web dev jobs that specifically ask for UX/UI skills?

Or is there some formal knowledge I should have about the subject? Does anyone here have any recommendations for the best books/tutorials that cover modern UX/UI design?
>>
>>57523926
>how much about it should someone actually know when applying for these jobs?
None. Standard HR bullshit.
>>
>>57521996
Bumping for this. Send a mail & join now !
>>
>>57524936
nigga i did you gonna respond
>>
>>57523926
>Does anyone here have any recommendations for the best books/tutorials that cover modern UX/UI design?
Bumping for legitimate answers to this, also. Same as you senpai, can code but can't design.
>>
>>57521089
you can use let too. Definitely use let for one-off variables that you won't be reusing offten, and you can fallback on using const elsewhere.
>>
I'm a rails developer. Should I learn Golang or Rust next. Please and thank you.
>>
>>57525786

Learn React next.

You can use it with Rails..
>https://www.airpair.com/reactjs/posts/reactjs-a-guide-for-rails-developers

..but it will also give you the possibility to build SinglePageApplications.

Rust is a special purpose language, so unless you want to do real time computation or build an OS, there's no point in using it.

IMHO Golang has no real advantages to Ruby either, of course you have much faster programms/servers, but you won't have all the cool goodies the Ruby world has.

So maybe look into NodeJS if you want more diverse skills for jobs. Or look into Elixir if you want a challenge.
>>
>>57522434

Can somebody explain me how a webframework is superior to sockets and self-made requests?
>>
>>57525029
UX/UI just doesnt mean what it used to. HR people are asshats who know nothing about anything.

nowadays its more relevant to talk about react, angular, or other frameworks and paradigms for managing UI
>>
>>57522434
If you have to ask then you are the reason why.
>>
>>57526755

But for jobs that are specifically listed for a "UX/UI Designer", should I assume that anyone with front end dev knowledge/experience is qualified, or does that mean they want more of a graphic design artisitic marketing-type of person?

Generally speaking of course.
>>
>>57526793
Who cares? Apply anyway.
>>
File: 1405053539048.jpg (115KB, 456x683px) Image search: [Google]
1405053539048.jpg
115KB, 456x683px
is there a chrome version of that firefox 3d view that shows the layers in a web page?
>>
>>57526793

UX for Beginners
A Crash Course in 100 Short Lessons
By Joel Marsh

--
The Elements of Graphic Design 2nd Edition
by Alex W. White
---
>>
I've never done much front end programming, so i have a pretty neat project that won't work as anything other than a web service.

What framework would be as light and minimal as possible, and you could recommend me for quick development? I want to maintain as little front end code as possible. So far i've seen Angular as a good option, however i have no experience in front end and it would be silly to plunge ahead.
>>
Why are there so many meme JS libraries? What do you use all that shit for? Should I learn them if I'm a hobbyist?
>>
>>57527973
Each serves a purpose, there are a lot of computer vision libraries, and a lot of error checking libraries. Getting your conceptions from hackers news or equivalent isn't the best thing to do in life. JS doesn't have a larger amount of libraries than any other language does, programmers are not a hivemind, your question is the equivalent of asking "why do you programmers have so many languages, what do you use all that for?".

And educate yourself and decide if you should learn them or not, nobody can do that for you.
>>
>>57526793
UX/UI designers are usually senior front end web devs. You can't just jump into UX/UI right from the start, you go down that path later on. This is why so many job postings seem daunting in UX/UI.
>>
File: ofcajg.png (236KB, 1452x782px) Image search: [Google]
ofcajg.png
236KB, 1452x782px
Can someone please help me with this?

I am doing this javascript challenge (instructions to it included in picture. it's fairly straight forward)

I've gotten every test to work so far except for a couple, one of them being if one of the parameters (n) is equal to zero. As you can see, I run a check to see if n is equal to zero and if it is, I set the value of array accordingly. Yet for some reason, it completely ignores that and still returns the value of signature. I cannot figure out why that is for the life of me.

pls help, /g/ ;_;
>>
>>57528016
But does it really make sense to rely so heavily on them? I understand why someone would want to use something like jQuery but I don't think you should have to download 10 MB of libraries before you can use the site. Am I missing something here? Or does it not really make a difference?
>>
>>57528117

 if ( n == 0 )  { /* == not = */  
... etc
}
>>
>>57528243
Holy shit. I'm an idiot. I don't know how I didn't catch that after messing with this for over 30 minutes.

Thank you, anon.
>>
>>57528131
can you give an example of a 10MB JS framework
>>
>>57528326
I was just exaggerating
>>
>>57528292
lol happens
I would try this to make sure it works with the n = 1 tes:
for ( i = 0; i < n; i++) {
if ( n < 3 ) {
array = array.slice(0, n); // slice to make a length (n) array out of the original array
}
else {
array[i] = tribonacci .....sequence...
}
return array;
}
>>
>>57528332
right but thats really my point: you have invented a problem that doesnt exist and now youre seeking a pointless answer

also these libraries get cached so really you dont download them all that often
>>
>>57528334
nvm don't use this
>>
>>57528131
It all depends on our project really. Why would you spend so much time developing [x] when a library does just that in a much more refined and efficient manner that has been sculpted over months (or years) now?
Your work will guarantee be shittier than what the libraries have to offer. I don't mean this to bag on your skills, but rather your skills are just hitting the market, these libraries have generally been around for long enough for multiple people to weed out a lot of issues and develop a consistent understanding.
Again, it doesn't make sense to use a library just because, it doesn't make sense to overcomplicate something. However, majority of library use is simply using foundations and bricks others have already created so you can build your own house.
>>
>>57528334
this would work
for ( i = 0; i < n; i++) {
if ( n < 3 ) {
array = array.slice(0, n); // slice to make a length (n) array out of the original array
return array;
}
else {
array[i] = tribonacci .....sequence...
}
return array;
}
>>
>>57527973
Libraries are for retards who don't know the language.
No wonder web is so shit as it is.

There's nothing wrong with using libraries, I believe there are some anons here, who know what they are doing when they use JS libraries and frameworks. But the reality is that most users of these libs are retards, that make web the shit it is now.

Should you? Not really, you don't have to. Depends on what is your approach toward the technology. If you are doing this for fun and yourself, to gain valuable knowledge, I encourage you to learn JS as you go, to fulfil your needs. You can get better than many professionals (a person using JS in their profession).

Actually, I don't see a reason why you would want to use libs/frameworks at all. Maybe if you had to learn them for job, or to put on resume, or something.
>>
Tomorrow having first job interview, any tips anons?
>>
Pls help. I want to build responsive web content that fetches data asynchronously from SQLite and displays it to the user on-demand. It would need to scale easily to mobile screens. I used to build sites with PHP back in 2002 and have no clue what are the hottest technologies today. I tried to read about Node.js but didn't understand a word what the fuck it is, a web server or not? I will be hosting my site either at Amazon or some web hotel service. Any suggestions for libraries etc. that would make my life easier?
>>
>>57529061
Node.js is a JavaScript platform for the server (it uses Chrome's V8 JS engine). That means that you can run JavaScript without a browser. You can run a web server with it the same way you could run a web server with Python. If you want to use PHP then you can of course still use that. Don't just use something because it's the hottest meme right now.
>>
>>57529061
You want to use XHR for frontend (there's XML in the functions you will have to use, but you don't have to use XML).
Anything for backend. You can as well use PHP.
>>
How can I set htdocs as my root path in xampp and php?
>>
>>57528700
get a load of this retard
>>
>>57529156
Okay, so Node.js is not probably practical for this purpose.
>>57529190
So that is what we used to call AJAX in the old days, right? I can do that.

What about the GUI part of the site, are there any easily configurable templates or frameworks that would bring for example the app-like menu in mobile versions of the site?
>>
>>57529355
Yeah, basically AJAX is superset of XHR.
https://developer.mozilla.org/en-US/docs/AJAX/Getting_Started

For GUI you can use Bootstrap, it comes with nice CSS that handles different screen widths. Or you can just look at its CSS code to see how to achieve similar behaviour yourself.
>>
New to React. It's viable for PHP, right?

How does JSX render in the browser?
>>
My getJSON doesn't always return the data to update a divs content.

Why?
>>
>>57529870
It fails to obtain JSON.
JSON is invalid.
Options are many, crystal ball is hazy.
>>
anyone know how to make a vertical, diagonal, and horizontal line through the middle of a square div? The application is for a tic tac toe game, where a line shows up on the winning tiles when the player or computer wins

so it would be like:
$(.sq1).addClass('horizontal-line');
$(.sq2).addClass('horizontal-line');
$(.sq3).addClass('horizontal-line');
>>
>>57529911
How about you colour background?
Diagonal line is hard in itself to make in CSS.
>>
>>57529769
Javascript-Object-Tree

var page = { type: "div", id: "myid", children: [ {type: "span" ... } ]

Render just reads the instructions and build a DOM tree.
>>
>>57529944
yeah I guess I'll do that for now. I saw someone else just used an image of a diagonal line for their solution, it does appear to be a tricky thing to do
>>
How far into HTML/CSS should I get before I move onto JS. I finished the codecademy course and I have the HTML/CSS book by Jon Duckett as a reference.
>>
>>57529989
Your problem is not to draw a line, but to indicate a winning set of symbols in tic-tac-toe game. Use solution proper for your medium.
http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/
>>
>>57529904
The requests fail if I sent them too fast.
>>
>>57530061
If you know how to write any HTML (<element>content</element>), know how attributes work (<element attribute="value">) and how CSS works (selector { attribute: value; }), you can move onto JS, if it's your main goal.
>>
>>57530082
fuck off
>>
>>57529471
Thanks, I just started with Bootstrap, seems quite nice.
>>
Anyone willing to play around with my tic tac toe game? I'll also accept criticism on my coding, it's pretty ugly. Any input is appreciated

https://jsfiddle.net/4sxpuphj/
>>
I need to put the following centered on mobile

Bobby bilberson Dallas, TX

The problem is the longer the name is causing wrapping and all kinds of ugliness. How can I make it consistent?
>>
>>57530793
ever heard of recursion? your check-if-win needs a rework
>>
If you make a full-scale projects that you launch are you basically senior-level?

Should I apply for junior positions or mid-level or still junior?
>>
>>57531341
yeah it's a concept I gotta get better at. The AI should also be recursive (minimax algorithm) but I just opted to go with what I understand immediately. I'll go back and do it after another project, I'm bored of this one currently
>>
File: dd.jpg (17KB, 330x450px) Image search: [Google]
dd.jpg
17KB, 330x450px
>>57517122
Not calling you out, but learning to refactor the liquid shit some companies call a 'code base' will really help you stand out.

Plus, when you mention rewriting, management hears 'overhead'. But a announcing you're cleaning things up will immediately boost your rep.
>>
>>57501215
Look for a plugin like "popular tags listing". WordPress has a plugin for all the shitty shit
>>
>>57503793
PHP pays the bill when you're not hipster enough to get into a failing startup. True life story
>>
>>57505369
A lot of the free themes usually have a lot of nice looking demo content and pictures that fills it out and makes it look less crappy/empty. Their screenshots are usually these filled out sites.
>>
>>57530105
post codes?
>>
>>57532441
I changed it up. Now before proceeding it has to succeed, if not it requests again until it works.
>>
Is AWS easy to scale?
>>
Do I need two computers, one for daily use and another for developing? And then I need another one for the production server? I'm not made if money.
>>
>>57532523
cloud hosting is literally built to scale, given ya got the coin.
>>
Best Python IDE? Wanna try making a website in Django
>>
>>57533510
Yeah, vertically, but I'm worried about load balancing.

Basically if you were expecting millions of pageloads daily then who would you use?

I only know digitalocean and their loadbalancing options seem like trash.
>>
>>57534250
If you have the dosh go with AWS.
>>
alright guys

how possible is it to go from no web dev experience (some slight programming experience though) to being able to charge someone for your services in 2 months (lets say it's an html -> css -> js path) of learning
>>
>>57528056
Don't fully agree. I would say 75% of the UX and UI designers I work with didn't come from web dev.
>>
>>57533619
If you're looking for something with a rich feature set, PyCharm is the way to go. I believe there is a free community version.
>>
>>57534358
I'm not sure if ad revenue model can beat out the prices of the hosting on AWS.
>>
>>57535032

I'm the guy who originally asked the question, and I guess it would depend on if the job is for a web app specifically or a software company. I should clarify I was talking about jobs related to web dev though, that ask for UX/UI skills or an actual UX/UI person.
>>
>>57521996
Got a lot of e-mails -- group is still open! Looking for more WHO WANT TO MASTER WEB DEV.

Hit me up and get invite!
>>
LOL guys go watch the edward snowden movie right now. It's a gold mine for hollywood not knowing how to computer.

It's on primewire.

"The real threats are from china. They will come with sql injections and malware."
>>
>>57497979
>>57497993

sorry for late answer, here's improved code, i added a onload (is that faster than addEventListener?) also i removed the cplusplus and w3schools options since those use google engine.

  document.getElementById("form").onsubmit = function() {
var form = document.getElementById("form");
var search = document.getElementById("search");
var query = search.value;

if (query.charAt(0) != "-" || query.charAt(2) != " ") {
form.setAttribute("action", "https://www.google.com.mx/search?q=search");
return true;
}

var command = query.charAt(1);
query = query.substring(3, query.length);

if (command == "u") {
window.location.assign("https://" + query);
return false;
}

if (command == "g") {
form.setAttribute("action", "https://www.google.com.mx/search?q=search");
search.value = query;
return true;
}

alert("command not found");
return false;
};


>>57499016
i'm going to check that out for other projects, right now i want something ridiculosly efficient kek
>>
>>57535924
also why does windows.onload get detected as spam?
>>
>>57534250
then create an instance just for load balancing.
>>
I'm creating a site that runs on user generated content. Looking at using react/redux for the front end web component. What are yall thoughts on react/redux?

Other than the bazillion imports i have in every file, it seems ok so far
>>
>>57537151
I really like react! The only issue I see with it right now is that it's hard to keep so much in my head. Some of the rules are wonky and the different javascript specifications means interpreting solutions from ES6 -> ES2012 and vice cersa.
>>
>>57537171
sorry es5 -> es6 -> es2016
>>
I'd like to have a few pages to make simultaneous searches on different websites.
For example, have a page to search amazon and ebay, and other specific sites for different things (like asia import sites for weebshits).
Basically, there would be a header on top for the unified search, and a flexbox layout to put the results in.
Any pointers to help me start this?
Naively, I think it would just put iframes into flexboxes, but how to sends the requests to the different sites? If possible, the page would start loading the different page only after the first request, no need to load useless result-less pages.
>>
>>57535932
Use domcontentloaded (no IE 8 support)
>>
How is redis? I'm making a java based backend relying on free rate limited third party APIs so am looking for a caching solution
>>
If I set up a MongoDB database on a vps like digitalocean who takes care of firewalls/security, them or me?
>>
>>57508252
> prefering angular 1 over vue
Vue is literally a simpler Angular 1 with modern technology.
Why didn't you like it?
>>
>>57509470
You could invest your time to learn SASS. You can create "CSS modules" (mixins) that can be reused for other components. Think, if you have 5 different CSS classes that all share some sort of styling, you could outsource that styling into a mixin and import that mixin in all of the 5 CSS classes. This also makes it easier to maintain padding and margin changes if you want to apply them to all components within a certain container.
>>
>>57517122
>Told manager that I could build rebuild it from scratch with best practices rather than building on top of it
I was wondering how to react to that kind of thing. Should I just do it and replace the old shit despite what my clueless manager said? Should I have the courage to do what's necessary, even if I take the blame for some minor issues that are likely to occur?
>>
>>57528117
What's the website with those challenges?
>>
>>57540760
They have some firewall, but it will only reroute known abusers. You are basically open to the web and securing the VPS is your job.
>>
I like Flexbox. HOWEVER.

Are there any significant downsides to Flexbox that I should know about?
>>
>>57540914
Buggy in IE11.
The solution to every single layout problem on ever browser.
>>
>webpack
>systemjs
>requirejs
>>
>>57540914
Retarded CSS attribute names.
There are no downsides. No one cares about IE.
>>
>>57540914
You should be using it unless you're working with the gov or similar where they're still trying to appeal to IE 6 users 2bh
>>
>>57540822
You can rewrite stuff occasionally, but it depends on the project.
Don't spend your time fixing entire shitty codebases if not told so, because it drains your energy in the long run.

I'm not sure about what kind of projects you will encounter in the future, so there is no correct answer.
>>
What server side languages would you recommend for learning web development as a hobby? What about Ruby/RoR?
>>
I just want to be a code monkey what are the jobs with the least people looking at my source only the end results?
>>
>>57541537
Depends on what you want to achieve.
>>
>>57540914
sounds like if css came with navbar and menus i wouldnt need bootstrap/materialize any more. oh well id probably just lose money wasting time writing more templates.
>>
>>57541658
I just want to build something simple and I'd rather not go very low level. I have some experience with Python but learning a new language wouldn't be a problem. Maybe I would make something like a site where you can login and have a profile but I don't want to make anything specific.
>>
>>57541760
>something simple
HTML + CSS
>site where you can login and have a profile
PHP
There's no language that handles sessions better, while requiring so minimal knowledge.
>>
>>57541835
>Personal home pages
Why would you want a new person to learn your bad habits?
>>
>>57541888
No one tells him to learn bad habits. PHP is very good language, if done well – and it's not that difficult.
No need to hate on PHP, just because it's not the current rad WebDev™ language – like node.js, Python, or RoR.

Website where you can login and have a profile, implies multiple users, so it's not a personal home page. For personal page with only one user HTTP authentication on the server would do just as fine, or a static page generator.
>>
>>57541888
Nice trips, shit joke. You ruined it.
>>
>>57541835
Thanks, I'll consider it.
>>
>>57537151
Depends on the site.

Single-page apps are great these days because you can just package them with Cordova and blam-o you have an app.
>>
I want an api that shows a picture of the city based on the user's location, anyone got something for this?
>>
Let's finish out this thread so i can start a new one before work.

>Favorite thing about web dev?
>Least favorite thing about web dev?
>Age you started making websites?
>Total years making websites?
>What are your future goals with web dev?
>>
>>57542221
>Favorite thing about web dev?
Instant gratification, easy to get results quickly.
>Least favorite thing about web dev?
Shitty technologies with widespread use.
Every page looks the same, because everyone uses the same frameworks and templates.
>Age you started making websites?
13? 11?
>Total years making websites?
Maybe 3 in total, quickly got bored and moved onto other things, making stuff only when needed.
>What are your future goals with web dev?
Witness it die. Help with achieving that. At least in the current form.
>>
>>57542185
No. Maybe scrape Google Images.

Go through a list of all the cities in the world and append "$city $state skyline" then scrape the first result.

You will have to manually go through and make sure they are all pictures of cities, but this reduced the amount of work you have to do by several 100,000 times.
>>
>>57542221
>>Favorite thing about web dev?
How it gets more challenging as you build your project.
>>Least favorite thing about web dev?
How it gets more challenging as you build your project.
>>Age you started making websites?
10. My geocities had custom scrollbars.
>>Total years making websites?
17
>>What are your future goals with web dev?
To make something big and/or work as a senior-level.
>>
>>57542319
>Witness it die. Help with achieving that. At least in the current form.
Good luck with that
>>
>>57542221
>Favorite thing about web dev?
Immediate feedback.
>Least favorite thing about web dev?
Clients.
>Age you started making websites?
~18, but was introduced to writing HTML years before that.
>Total years making websites?
2
>What are your future goals with web dev?
Jumping fields.
>>
>>57542319
It will be difficult to kill webdev. Design will die long before webdev once Adobe drops some modern drag-n-drop shit with responsiveness.

To kill web dev you would need to start making modules that follow perfect standards and naming. Like a login system that automagically works with another module for keeping track of that users stats.

Table names would have to be the same everywhere which would be bad once a vulnerability is discovered. 10,000 websites would be defaced overnight.

Basically even if you kill the webdev, you need someone who can drag-n-drop, install modules and point the modules to the correct elements. It just won't be no 180k year job.
>>
>>57491803
Whats the difference between situated entaglement and sociotechnical systems
>>
>>57542434
>Jumping fields
To what?
>>
>>57542473
I don't know.

Does that mean I failed my entry-level junior HTML position interview, Ms. HR woman?
>>
>>57540914
Preeeetty much just a pain to work with the horrible names for attributes.

Major one being no IE11 support, or IE6 support.
If you don't really have a complex site, just use negative margin containers if you intend catering to everyone.

I find negative margins easier in general, even though they have duplicate values across margin/padding/ width/height groups, some of those values being inverted to flow in to the container on its left or right.
>>
>>57542509
No means i'm a dumbass, but i'm not alone...
>>
>>57542491
Haven't thoroughly decided yet in any substantial way, I just don't see myself staying in this field. Not as creatively satisfying 2bh
>>
>>57542221
>>Favorite thing about web dev?
I find it fun and it's the only thing I do that gives me joy on a consistent basis.
>>Least favorite thing about web dev?
Not being able to find work/clients. I finally found a job two months ago but I'm basically on minimum wage.
>>Age you started making websites?
21
>>Total years making websites?
4
>>What are your future goals with web dev?
Short term: finding a job that pays well and is actually fun at the same time.
Long term: Creating my own web/software dev startup.
>>
+1 to post count.

Need 9 more. Leaving for work in 10 minutes.
>>
html cool
>>
Html good
>>
html yes
>>
html sweet
>>
Html neat
>>
html best
>>
html amazing
>>
Html wow
>>
>>57542617

>>57542617

>>57542617

>>57542617

>>57542617

NEW THREAD
>>
>>57541991
PHP is a fucking disgusting language.
It needs to die already.

Yes, they HAVE fixed a shitload of issues it had from older versions, I will give them that.
But it still gets shit on regularly. All I ever hear is attacks, go reading, PHP was the source of the problem.

Sure, you can say "b-b-but just learn it gooder!", tell that to the QUINTILLION people that don't.
PHP is TOO EASY to write bad code in. That's why it is bad.
The fact the language can be made to run well doesn't make it good.
I've seen a forum written "entirely" in Flash (client-end) and it worked seamlessly in the webpage (even bookmarks, via small bit of JS)
Probably the best thing I have seen done in Flash since it was made. (besides maybe Unreal Engine..3 running in it. I think)
Still doesn't make Flash good.

PHP, using the toolbox metaphor, goes a bit ilke this:
Oh, hay, need to hammer that nail, time to go in the ol' toolbox.
The only thing in your toolbox is a dusty, rotten sandwich you never ate several years back.
There are a species of ant with high intelligence that formed a great society on your sandwich.
Still worthless to hammer a nail.
>>
I want to make something in aws however i can't verify my account

The "call" never happens what should i do?
>>
>>57497068
<noscript>turn on javascript you autist</noscript>
Thread posts: 316
Thread images: 21


[Boards: 3 / a / aco / adv / an / asp / b / bant / biz / c / can / cgl / ck / cm / co / cock / d / diy / e / fa / fap / fit / fitlit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mlpol / mo / mtv / mu / n / news / o / out / outsoc / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / spa / t / tg / toy / trash / trv / tv / u / v / vg / vint / vip / vp / vr / w / wg / wsg / wsr / x / y] [Search | Top | Home]

I'm aware that Imgur.com will stop allowing adult images since 15th of May. I'm taking actions to backup as much data as possible.
Read more on this topic here - https://archived.moe/talk/thread/1694/


If you need a post removed click on it's [Report] button and follow the instruction.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com.
If you like this website please support us by donating with Bitcoins at 16mKtbZiwW52BLkibtCr8jUg2KVUMTxVQ5
All trademarks and copyrights on this page are owned by their respective parties.
Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the content originated from that site.
This means that RandomArchive shows their content, archived.
If you need information for a Poster - contact them.