[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vp / vr / w / wg / wsg / wsr / x / y ] [Home]
4chanarchives logo
/wdg/ - Web Development General
Images are sometimes not shown due to bandwidth/network limitations. Refreshing the page usually helps.

You are currently reading a thread in /g/ - Technology

Thread replies: 255
Thread images: 25
File: 1453691560287s.jpg (7 KB, 250x165) Image search: [Google]
1453691560287s.jpg
7 KB, 250x165
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Learning materials
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/

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

>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks

>Useful tools
https://pastebin.com/q5nB1Npt/ (embed)
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.

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

>Use these sites to paste large amounts of code
https://jsfiddle.net/
https://jsbin.com/
http://codepen.io/
>>
File: 1438344218688.webm (3 MB, 384x288) Image search: [Google]
1438344218688.webm
3 MB, 384x288
who /late night grind/ here

>tfw js finally starting to make a little bit of sense to my pea brain
https://www.youtube.com/watch?v=J2EWtS9Plq4
>>
Please help, why my code isn't working? Trying to make a sticky header when I scroll down

http://codepen.io/anon/pen/RrMOmW

It's probably something stupid, I'm checking the variable values on the console and they're undefined for some reason.
>>
>>52646227

I "fixed" the variables problem being undefined, removing the global $(function(){}) does the trick for some reason, but I still am not getting the nav to stick to the top when I scroll down, and I just checked the height method ,it only calculates height of the header once when the page is loaded, but I guess that can be fixed by making it do the calculation every time I resize the window.
>>
i'm supposed to be making a rock, paper scissors game in js on codecademy. this is what i have. what's up with it?

var rockPaperScissors = function(Player1, Player2) {
if (Player1 === "Paper"); {
if (Player2 === "Rock");
return "Player 1 Wins!";
}
else {
return "Player 2 Wins!";
}

if (Player1 === "Rock"); {
(Player2 === "Scissors"); {
return "Player 1 Wins!";
}
else {
return "Player 2 Wins!";
}
if (Player1 === "Scissors"); {
(Player2 === "Paper"); {
return "Player 1 Wins!";
}
else {
return "Player 2 Wins!";
}
}

alert("Welcome to case sensitive rock, paper, scissors!");
}
var rockPaperScissors.Player1 = prompt("Please choose Rock, Paper or Scissors");
}
var rockPaperScissors.Player2 = prompt("Please choose Rock, Paper or Scissors");
}
}
>>
>>52646818
The syntax is incorrect. Don't place semicolons after if statements. If you need two conditions to both be true, place them inside the same parenthesis and separate them with logical AND (&&)

For exampe, your first if:

if (Player1 === "Paper" && Player2 === "Rock") {
return "Player 1 Wins!";
} else {
return "Player 2 Wins!";
}
>>
Can someone explain wordpress to me? Why do people use it when their are better frameworks and library's? Because its easy to make a simple blog or static webpage?
>>
>>52647192
I ask my boss why we use wordpress every day. He can't come up with a good answer. I think the owner is just set in hid ways.
>>
>>52647192
Because there's a lot of support, plug ins and templates
>>
>>52647192
because some people are just born with brain cancer.
>>
File: milhouse.png (56 KB, 500x500) Image search: [Google]
milhouse.png
56 KB, 500x500
Has anyone been using Go?
Toughts?
>>
>>52648617
Some weird syntax, I don't really get it. IPFS is implemented in Go, so it must somehow be useful I guess.
>>
Hey guys,

I'm using the Bluebird for Promises, but do you know another library to retry failed Promises?

Basically I'm connecting to an unreliable API, and I need to retry in some case (like error 503), but not in other (Error 404), or do a reauth and retry in other cases.

I'm not sure how to do that "properly"
>>
>>52649408
Upgrade to ES6?
>>
Is there any way to keep track or maintain element names? I get lost now and again working on medium sized projects, how the hell do major companies maintain their code when they have hundreds of elements some of which are named

mail-container-top-title
>>
>>52650055
query selectors?

Names are old-fashioned
>>
>>52650076

I dont get it, I just read up on query selectors and don't see how they help
>>
How would a new guy go about drumming up business from locals? How does one successfully pitch their web dev services?
>>
>>52650724
Go to business events and network. It's annoying, but when you've got practically no track record, it's the easiest way to meet clients.

It could be really hard to get your first client, but once you do, make sure to kick ass for them. They could become a faithful client for years to come. My first client still regularly contacts me when he needs work done and has introduced me to other clients.

Sales meetups are good too because the people there need web dev, and you'll also learn sales techniques, which you'll need to get work.

My general sales strategy is to get the other person talking about what they do (the people at professional meetups are usually very passionate about what they do) and then only mention that you're a freelance web developer when they ask what it is you do. If they need work done, they'll say something or hint at it, and if they don't, they might know someone who does.

Don't try to sell on your first meeting though. Let them talk so you can find out what they need and can better present yourself as the solution to their problems when the time comes. Plus if you start selling right out the gate, it comes off as desperate(incompetent) or at best mercenary(expensive). Neither of which you want to come off as.

Networking can really give you the edge when it comes to freelancing too. I'll put out a couple of tips on how to do that in another post.
>>
>>52650974
What about cold calling/emailing businesses? I see alot of people with only facebook pages and no actual website.
>>
>>52650724
>>52650974
Networking is important because every business needs web development, but they probably won't need it when they meet you. But it'll be really convenient for them if when the time does come or they meet someone who needs web dev, they can say, "oh, I know a guy!" Be that guy.

As I said earlier, you should go to professional meetups in your area. Then get them talking and basically only talk about yourself if it's incredibly relevant or if they ask. (It's a well known way of getting people to like you.)

So let's say you've done all this, hit it off with a potential contact, and they say something along the lines of
>I gotta move on now, it was fun talking to you though. Do you have a business card?
at which point you either give them your business card or pull my signature move (because I'm too lazy for business cards)
>reach for wallet
>stop and pretend you just remembered something
>you know, I just gave out my last one. Do you have a card?
It's better than saying you don't have a business card, trust me. If they don't have a card either, then just exchange email addresses.

Then you rinse repeat with the next person. (Easy mode conversation starter at these events: "Hi I'm Anon. What do you do?" btw)

So at the end of the night, you leave with a pocket full of business cards. Neato. Now what? Now you follow up. Literally all you need for first follow up is an email saying something along the lines of this is Anon from such and such. It was nice meeting you and talking about whatever we talked about. And maybe some friendly nonsense. Doesn't matter much.

The important parts here are actually emailing them, alluding to where you met, and mentioning what they talked about and making a comment about what they do. THIS IS NOT FOR THEIR SAKE. THIS IS FOR YOUR CONVENIENCE. Keeping track of everyone you meet is hard. This way, you don't forget those important details and can do a search through your emails to find whoever you need to find.
>>
File: yeoman.png (93 KB, 400x400) Image search: [Google]
yeoman.png
93 KB, 400x400
Whats /wdg/s opinion on pic related?
Why?
>>
>>52651196
I don't really mess with that much, and I don't have a website or even a proper Facebook page or linkedin. (I should really fix that, but meh.) I pretty much rely on my personal network and repeat clients for business. And word of mouth.

The most I'll do in the way of cold calling is when someone tells me about someone I want to meet or work for, and I contact them from there. But then I can ask for an introduction or say "I was talking to so and so, aaaand..."

I mean, I probably could cold call now with reasonable success, but I don't see much point. And if I had done that in the beginning, people would ask what I've done before and can they see my portfolio, to which I'd say "uuuhhhh about that..." and look like a total idiot and get nothing out of it.

Meetups are a much better strategy as far as I'm concerned.
>>
>>52647192

Basically it's incredibly easy to use and make themes for. You don't have to know much PHP to set up a site. This usually means WP devs are really bad at programming and are usually more likely to copy paste code over and over again.
>>
>>52650076
>query selectors?

Literally doesn't know what he's talking about.

>>52650055

You need to maintain a style guide and use something like ITCSS. Primer is a good example:

http://primercss.io/
>>
>>52646764
If height is calculated after the page is loaded, you could try placing that code in a $(document).ready() event listener.

I can't see where that script is loaded in CodePen (I'm on mobile), but you'll typically want to include your scripts near the bottom of the body tag. This way all the HTML is already loaded when the script starts. You could also wrap it in an event listener so the script starts when the DOM is fully loaded. You might be querying for DOM elements that don't exist yet.
>>
I'm starting to hate the Bootstrap look, so I want to customize it. Good tuts?
>>
>>52651452
Cool concept, but generally the templates are too general to be effective and making your own templates will take more time than you save.

I've tried it, but I wouldn't use it (unless you have a team of idiots who can't properly make a skeleton/add files to your project)
>>
>>52650974
>>52651342
>>52651473
Thanks.
>>
I still can't grasp the difference between object literals and constructors, and when should i add the 'new' keyword when making objects?

As far as I can tell object literals are for making 'single', 'static' objects, can't find a better explanation, and constructors are like templates of objects, you can make several instances of them by making new variables and calling them with the new keyword and adding parameters, am I wrong?

I'm guessing you can create like a monster template that takes health and damage, with functions to calculate them, then you can make a goblin and golem variables and give them different parameters, they will both be their separate objects but using the constructor as a base?
>>
>>52646227
You are selecting
".mainNav"
but . is a class selector. You need a id selector #

But why use javascript at all? Just apply the css at the start
>>
>>52652027
Simple, don't use Bootstrap
>>
>>52652213
A valid solution I guess. But the grid system is too useful.
>>
>>52652238
How is it too useful?
>>
So I had a salary negotiation the other day and made a counter-offer, and the interviewer pretty much asked "Why do you want more money?"

I thought I was prepared for the negotiation but that one completely threw me off. It seems like an inappropriate question, but how would you reply?
>>
>>52652238
Then just recreate their grid system. It's quite easy just to pull that part.

It's bad though, it interlinks the HTML to the CSS. Your HTML then dictates the style, when that should be the sole job of the CSS
>>
>>52652261
Blow and hookers, obvs.
>>
>>52652261
That question is really "Why should I give you more money?" State solid reasons on why you would want more (better support a family, looking to buy a house, needing to pay off debt, saving for the future, etc) rather than just "I like a bigger number in my bank account so I can buy nicer things". Afterwards, follow up with why you deserve more (I work quicker or more efficient, It's fair given the salaries of similar jobs, etc)
>>
>>52652336
Solid advice. I heard never to bring up your own financial situation or style of living though, and it seems like mentioning what you need the money for breaks that rule. Would the following answer, although very political, be fine?

"I know that I am bringing X to this company and, as I plan on being here for a while, I want this decision to make sense."

It's also worth noting that they're hesitant to pay me more because I'd already be making more than anyone else there. IMO everyone else's salary is irrelevant, but whatever
>>
>>52652260
>>52652278
I can't html/css. And honestly, I don't even want to bother after I've read SO answers with so many hacks just to get a small thing working. Let alone getting it to work on all browsers.
>>
>>52652392
True, I guess I'm too personal when it comes to the workplace. I'd say that's fine. Essentially you are arguing that you are worth the money and it would be a good decision to give them more.If they prod further into the personal, just say the reasons are important, but personal
>>
>>52652422
What audience do you have to develop for? IE 9, 8, 7? As far as I recall, bootstrap doesn't really handle anything that requires hacks. I think they don't even vendor prefix their css. If you are allowed flexbox (http://caniuse.com/#search=flexbox) then that's far superior to any grid system.
>>
>>52650974
>>52651342
>>52651473
Thanks for the writeup!
Any advice on what to read re: networking? Besides Carnegie.
Norms, etiquette, that kinda thing - I'm Russian, so I guess cultural norms might be different and not always obvious.
>>
Why do people use hipster languages that won't exist in 10 years? Why not use PHP? It'll never die. PHP is eternal.
>>
>>52652513
Good shit anon why have I never heard of this.

>What audience do you have to develop for?
Biologists, so probably IE 6
>>
When I set up a negative bottom margin to one of my elements it disappears, does anyone know why?
>>
>>52652661
What languages do you qualify as hipster anon
>>
>>52652661
But php is shit m8
>>
>>52652692
Node.js, Ruby on Rails etc
>>
>>52652666
Alright satan. Do you not have some analytics to see what your users use? If they are all on chrome or FF or the latest IE/Edge then you can throw away all the hacks and give the middle finger to that one idiot on IE 5.5, just tell him to upgrade his browser.
>>
>>52652688
Can you create a "Minimal, Complete, and Verifiable" example? Negative margin should work fine.
https://stackoverflow.com/help/mcve
>>
>>52652730
The web application is still in development. But I got some people trying it out and they all use chrome/firefox/safari - so fuck IE honestly.
Safari is not a bitch I hope?
>>
Anybody got recommendations for a decent CMS for smaller projects? Language base isn't really a concern, but my team mainly works with PHP and Ruby.

We're currently stuck on Wordpress and I hate developing for it.
>>
>>52652661
Because nobody knows what languages will become eternal and which ones will fade.

Just because C/++ dominates doesn't mean Rust won't be very popular in a decade. There's actually no reason for Rust to die out because it is so much better than it's predecessors (IMO). People just like to cling to whatever's around because if it ain't broke don't fix it (but it is broke).

>>52652721
Wouldn't consider these hipster, Node.js is very fast and RoR is great for applications using relational data. The paradigms are what is important; if you're half-competent, you can learn any framework or platform over the weekend, so it's not like it's a huge waste of time.
>>
>>52652666
What's it about?

>tfw biology degree
>>
>>52652857
https://en.wikipedia.org/wiki/Metagenomics

Data visualisation and manipulation
>>
>>52652768
It's pretty much the same code, it works here for some reason. The only diference is the video not being linked in codepen, weird thing is that the orange part of the nav bar doesn't disapear but a diferent element or anything just a :last-child selector

http://codepen.io/anon/pen/YwLqKP

These are the relevant parts of the CSS

#mainNav {
height: 9vh;
z-index: 10;
width: 100%;
background-color: $cDarkBlack;
display: flex;
align-items: stretch;
margin-bottom: -9vh;
}
.mainNavSticky {
position: fixed;
z-index: 10;
top: 0;
}

.text {
padding-top: 10em;
}
>>
>>52652932
>but *it's not* a different element
>>
>>52652902
>Data visualisation
>trigger d3.js nightmares
>>
>>52653073
I'm using d3js. It's cool. What don't you like about it?
>>
Accidentally asked the wrong general, so I'll repost here.

Let me preface this by saying I'm a complete and utter dingus.

I do have a Neopets-tier understanding of html, but that's about it.

I have an idea for a website, but I'm not really sure where to start.

I want to make one of those charity websites with the one click to donate button, but have one button donate for multiple causes.

That, and have it so petitions are way easier to fill out and require less datamining and no spam emails.

pls no bully
>>
>>52653182
Sounds fun. Do you have any questions?
>>
>>52652422
Well it's funny that everyone shits on webdevs for working with such "easy" languages like html and css, but when it comes to using those easy languages, they back down because it seems too hard to write some markup and css that will work in all major browsers. Just something that I find really funny on /g/.
>>
>>52653212
Yes. Where do I even start?

I figure it as a one stop shop for quick, effortless activism, so I want to make sure everything is functional above all, and without having to sign up for anything.

The petition thing seems the most difficult, because I'm not sure html was meant to be used that way.
>>
>>52653273
Like anything else, you need to start with the basics.

Host a 'Hello, World!' website.

Host a website that lets you do things, like a calculator or a word find.

Host a website that lets you enter information into a form, and that information is stored into a database.

Then you can build a website that does things and stores information and displays that information to the right people in the right way.

Then you can add functionality to use PayPal or Bitcoin to transfer funds from users to 3rd parties.

Etc, etc.

You do have a year or so to work on this, right?
>>
Retard here currently learning the MVC model.
Im writing a registration. Am I assuming right that I should transfer the db data from the model and the POST data to the registration script and do everything in there?
>>
>>52652932
Maybe it's a stacking context problem?
http://philipwalton.com/articles/what-no-one-told-you-about-z-index/

I'm not sure unless you can recreate that behavior inside of the codepen.
>>
>>52653272
I respect good web devs. HTML and CSS are easy though, they just require you to know all the quirks, which takes a lot of time and patience I imagine.
>>
File: 1111.png (14 KB, 325x218) Image search: [Google]
1111.png
14 KB, 325x218
>>52653414
I found where the problem was, but I don't know why it's doing it. The concept id has a background color and as soon as I remove it the navbar shows again. So I guess it is a stacking issue, although navBar and concept aren't even related.

#concept {
background-color: $cWhite;
padding-top: 14em;
padding-bottom: 7em;
border-bottom: 1px solid $cDarkGray;

.conceptSummary {
width: 60%;
text-align: center;
margin: 0 auto;
}

p {
margin: 2em auto;
}

p:last-of-type {
margin-bottom: 7em;
}

.clientLogos {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;

li {

}
}
}
>>
>>52653430
Yes, HTML and CSS are easy to learn only as syntax, but not quite as easy to work with, because of many reasons (different implementations in browsers, variable support for different standards, etc). I remember when I was writing C++ small programs and everything actually made more sense than in CSS.

I actually get less stuff done if I have to write a lot of CSS manually, than if I have to write C++. Simply because a lot of things in CSS are quirky, it's not very clear what causes something that should work not to work. Hence, the whole culture of SO questions and answers on html+css quirks.

It's no wonder that so many devs just use some generic framework and just customise a few elements.
>>
>>52653821
Here's a shot in the dark. If you add "position:relative" to #mainNav and move z-index from .mainNavSticky to #mainNav, does it still have the same problem? (You may have to change .mainNavSticky to #mainNav.mainNavSticky to set precedence when scrolling down)
>>
>var x = require('y').z

How am I supposed to write this code, but using imports instead? Something like "import x from 'y'", but requiring the specific function.
>>
>>52653339
I do have the time, this is just a passion project.

Thanks for the advice, anon!
>>
Shitty material to make shitty programmers.
>>
>>52646818
You need to use "this" before Player1 and Player2, use && for checking multiple values, toLowerCase is your friend.
You can just put the prompts in the function instead and call that when the document is loaded completely. Hint:
window.onload
>>
>>52653974

Relative position fixes it but I had to modify the jQuery and get rid of the sticky class entirely because it wouldn't stick anymore.

  var  $mainNav = $("#mainNav");
var $mainNavSticky = "mainNavSticky";
var $headerHeight = $('header').height();

$(window).scroll(function() {
if( $(this).scrollTop() > $headerHeight ){
$mainNav.css("position", "fixed").css("top", "0");
} else {
$mainNav.css("position", "relative").css("top", "");
}
});
});


Is this really the only way to remove an attribute in jQuery? css("top", ""). Seems kind of dirty.
>>
>>52654336
Did you try changing .mainNavSticky to #mainNav.mainNavSticky with your old JS? I'm surprised that didn't work

Oh, and I'm not a huge jQuery guy, but an internet search seems to say that's right. I prefer vanilla:
element.style.top = null;
>>
>>52652554
I have no idea about what's good to read to that end, but I'll tell you how I learned because it definitely did not come naturally to me.

I picked up the basics of how to get people to like me through an interest in psychology and working semiprofessionally as an actor for a bit. Really, I can boil most of what I learned from those down to:
>keep the other person talking as much as possible and try to be genuinely interested in what they say
>when you do talk, it's better to leave them wanting more than to leave them wanting less
I have a natural tendency to babble on without letting others say much, so those were really important lessons for me. Might not be as much an issue for others.

From there, I mostly learned by going to meetups and paying attention to what the really successful networkers do. I also found that many such people have a bunch of little tricks they use (like the emails for remembering who everyone is), and they're usually proud of these tricks and are more than willing to share if you ask them and act impressed (which usually isn't hard because a lot of those tricks are genuinely impressive.) I've learned more from that than I would ever have imagined.

And the best part about that method, is you'll learn techniques that are proven to work in your culture. Heck, I've even learned some tricks that only work in the city I live in by talking with more experienced people.

Good networking does require getting out of your comfort zone though, and it's often a lot of work, but it's totally worth it as far as I'm concerned.
>>
>>52654428
Yeah, unless there's a difference between
#mainNav .mainNavSticky
and
#mainNav.mainNavSticky


I don't suppose I can combine javascript and jquery in the same statement?
>>
>>52654430
Ass kisser.
>>
>>52654523
>unless there's a difference

#mainNav .mainNavSticky

An element of id mainNav with a child that has class mainNavSticky

#mainNav.mainNavSticky

An element of both id mainNav and class mainNavSticky

You would want the second

>>52654523
Yep, vanilla js and jquery are compatible. jquery is just a series of vanilla js anyways
Note that $mainNav is not a vanilla element, but a jquery wrapped element. You could either do:
document.getElementById("mainNav").style.top = null;

or
$mainNav[0].style.top = null;

Further note that jQuery[0] dewraps the first element inside the jquery wrapper.
>>
>>52654542
I'm not even going to argue with that. I've found there's few situations a little well-placed flattery can't solve. It helps that I'm an idiot who's easily impressed/amused and likes most people. For me, it's just a matter of saying what's on my mind at the right time. I'm not afraid of calling people out on their bullshit either when it's appropriate though, so in practice it's rarely seen as ass kissing. But nah, yeah, I've become a manipulative cunt over the years. Ass kisser is totally fair.
>>
>report a phishing site to the hosting provider
>ticket gets ignored
>report a phishing site to the registrar
>get a we didnt du nuffin answer
welp
>>
>>52655115
Report it to anti-virus companies. Many will block the domain
>>
>>52655115
What's the site?

Tag it on OpenDNS.
>>
>>52651767
Every wp tutorial actually encourages copy pasting code. Sucks i have to learn it for work. Why can't more people jump on the django band wagon.?
>>
>>52652789
Check out wagtail. It's open source and written in Python on top of django. Easily customizable and scalable if you're familiar with python and django.
>>
>>52655197
Just reported it to Google. I mostly reported it because it's infesting the ads on my favorite news site. And phone users would get automatically redirected towards it while activating your phones vibrating function. It's super annoying compared to other shitty phishing sites.
>>
Unbelievable how much I have to bend over backwards to suit older versions of IE.
>>
What the hell do Angular/React do anyway? I only hear buzzwords when I watch quick explanation videos.
>>
>>52656579
They're front-end JS frameworks. They basically enhance HTML and the way data is rendered to the user.
>>
OMG....
@rockPaperScissors
switch($resulta){
case'rock':
if ($resultb == 'rock') $r = 'even';
if ($resultb == 'paper') $r = 'a lose';
if ($resultb == 'scissor') $r = 'a wins';
break;
case'paper':
.
.
.
break;
}
alert, print, echo or cuming $r;
We dont talk about loops right here...

@sticky nav
First get a myload() and a myscroll() function.
The make a myresize() function dont forget a little timeout in there and trigger the both functions above.

AND Dont manipulate the css with javascript set a class and write clear css, sass or less code.

@media all and (max-width:@mydick){
* {
content:'LEARN TO CODE';
}
}
>>
File: a.png (205 KB, 378x268) Image search: [Google]
a.png
205 KB, 378x268
>>52656725
So React or Angular? Both? I'm looking at some job postings and most of them want Angular, but I'm in Mexico and we're like 3 years behind when it comes to web technologies.
>>
>>52656808
Angular 2 makes Angular obsolete. Sure, you'll have the people who used Angular still developing Angular, but you won't get Google's support. It's dead.
>>
So let's say I want to call a script or a command on my server and render the stdout on my web page. What would be the smartest way to do that, do I really need to install PHP just for this?
>>
>>52656808
I have no idea. I haven't gotten around to learning one of those yet so I'll let others advise you further on that.
But generally, posters in these threads seem to favor React.
>>
So for an entry level front end position, would a knowledge of html, css, js, jquery and ruby be sufficient? Only on js now but trying to figure out where to go after that (and frameworks like angular).
>>
>>52657149
Yes. You'll learn more at a junior position in a month than at home preparing for that position for 6 months.

Start getting your bullshit game on, buy a nice shirt and go out jobhunting faggot.

>all of the above based on my own experience
>>
>>52656917
>>52656917
Nope you not even need a server for running Javascript and PHP. Just take a look at xampp installed in 3 mins. Even supports Sql
>>
>>52657299
>xampp
Eh, the server runs nginx and I don't need a database. I guess I'll just install php-fpm.
>>
Should I switch to Angular 2 from knockout?
>>
>>52657458
Never mind, knockout works just fine.
>>
>>52656808
Vue.js
>>
Any spanish-speaking from here knows acamica.com?

Is it any good?
>>
>>52658048
>consigue el trabajo soñado
>Globant

Corré, negro, corré!!!
>>
Someone describe a day as a Jr/Semi-Sr Front End developer
>>
>>52656377
Welcome to webdev where you can't use any of the best web standards and tech, because they're not supported by some old version of IE, still used by a bunch of old farmers, Afghan mujahedins and cheapskate companies.
>>
File: adasdare.png (21 KB, 1385x538) Image search: [Google]
adasdare.png
21 KB, 1385x538
>>52658363
Is it really that bad still? Unless these statistics are rubbish why should we care about a fraction (IE8 and bellow?) of this 6% market IE supposedly has?
>>
>>52656579
The do the View part of the Model-View-Controller framework. Essentially keeps the program logic separate from all the dirty work of modifying the DOM tree
>>
I'm a huge faggot please rape my face.

OK now that's out of the way, how to I import a Themeforest theme into Dreamweaver?

I just purchased this template

http://themes.muffingroup.com/?theme=rocco

after someone recommended it on /gd/

I'm trying to build a website for a friend and my PLAN was to edit the code bit by bit, put my logo in place, my text, my links, etc. That's my coding level.

http://dropcanvas.com/#08Y1N5QL17z1mZ

here's the folder, filled with .php and .css files. I'd like to bring it into the split view to edit it. It's for a friend and it's my first website.
>>
>>52658886

oh and there's a big .psd file with layers to edit stuff
>>
>>52657149
Depends if you want to do frontend or backend. For front end I'd skip the jquery (just an api that you can easily look up, it's better to know vanilla), and instead focus on angular 1.x or react. If you want to do backend, research what your target company is using, and learn that. Do they have a SQL or noSQL database? You should be proficient in whatever type of database they use. You should also know enough of what backend language they use to skirt by.
>>
>>52658468
As long as clients are asking for IE support, it is bad.

Well, IE 11 supports almost everything you'd want to use and IE 10 is somewhat worse, but below that shit starts to fall apart (IE 9, 8, 7, even 6).
>>
File: 1433701468632.png (337 KB, 823x720) Image search: [Google]
1433701468632.png
337 KB, 823x720
>>52658886
>Dreamweaver

Also, most wordpress templates come with options for you to edit colors, logos, fonts, text, and all that direct from the wordpress dashboard. No need to edit the source code for that. You just need t set it up in the server. You can download XAMP and do it locally so you don't mess up if it's your first time
>>
>>52659020
We once had a client asking for 5.5 IE and AOL support a couple years ago. Their user demographic was literally grandparents and great-grandparents. We managed to do it, but we were laughing the entire time. We made the smallest font around 24pt.
>>
>>52659110

i think you have to "upgrade" the WP account on order to import themes.

it's pretty shitty.
>>
>>52659337
You don't need to host on word press. If you have the theme already then treat it like any other website source code. Host it elsewhere.
>>
>>52659358

i'm saying you can't "add new theme" on wordpress (edit it) unless you have a paid account

i've tried importing the .php files into dreamweaver but cannot then use live view, that only works for html files.

there is no index.html file in folder
>>
>>52659404

https://helpx.adobe.com/dreamweaver/how-to/first-website-part1.html

found a guide, ty
>>
sigh that guide is not what i was after
eh well
>>
>>52659404
I remember editing wordpress themes right in the dashboard without needing a premium account. Maybe you're getting confused with the Wordpress blogging service and the actual Wordpress CMS.
>>
File: 167078211913.gif (3 MB, 322x354) Image search: [Google]
167078211913.gif
3 MB, 322x354
This javascript rock paper scissors game on codecademy is ruining my life. I have no idea what I'm doing. I copy pasted an anon's suggestion above but am still coming up milhouse as far as a solution. I don't think I'm fully grasping the syntax. Anyone else retarded here? Here's what I have now.

var rockPaperScissors = function(Player1, Player2) {
if (Player1 === "Paper" && Player2 === "Rock") {
return "Player 1 Wins!";
} else {
return "Player 2 Wins!";
}
}

if (Player1 === "Scissors" && Player2 === "Paper") {
return "Player 1 Wins!";
} else {
return "Player 2 Wins!";
}
}

if (Player1 === "Rock" && Player2 === "Scissors") {
return "Player 1 Wins!";
} else {
return "Player 2 Wins!";
}
}

var rockPaperScissors.Player1 = prompt("Please choose Rock, Paper or Scissors");
}
var rockPaperScissors.Player2 = prompt("Please choose Rock, Paper or Scissors");
}
}
>>
What does it mean for a framework to be "opinionated"?
>>
>>52660768
I have no idea what you are even doing
var rockPaperScissors.Player1 = prompt("Please choose Rock, Paper or Scissors");
}
var rockPaperScissors.Player2 = prompt("Please choose Rock, Paper or Scissors");

Why are you doing this?
rockPaperScissors
is a function it should be
rockPaperScissors(input1, input2);
where input1 and input2 are the values returned from prompt.
>>
>>52661574
It means that it has a strict or semi-strict of doing things, and it imposes you to make them that way.

Copy pasta:
>If a framework is opinionated, it lock or guides you into their way of doing things.

>For example: some people believe that a template system shouldn't provide access to user defined methods and functions as it leaves the system open to returning raw HTML.
>So an opinionated framework developer only allows access to data structures. By design, the software is limiting and encourages the designer into doing things their way.
>>
>>52661619
So how should I go about using the prompt?
>>
>>52661574
>What does it mean for a framework to be "opinionated"?
It means there's generally considered one right way to do things within that framework, sometimes but not always it will mean the framework will take steps to keep you from doing things a different way.

It's not always a bad thing, having agreed upon standards makes coming into projects with existing code a lot easier and having a canonical right way frees framework designers/implementers to optimize more aggressively than if they needed to support a wider array of configurations.

An example would be Django's ORM. It supports arbitrary DB backends, the core projects maintains Postgres/MySQL/SQLite/Oracle support. This is "opinionated" in the sense that a range of things are supported but it also means DB specific things (like postgres' collection types or GIS support) require some dark magic to really utilize, the vanilla driver won't leverage them. Vs. ORMs that pick one DB backend tend to make better use of its full range of features because they don't need to present the lowest common denominator interface.
>>
File: 1402329134-ll257-o.jpg (52 KB, 604x339) Image search: [Google]
1402329134-ll257-o.jpg
52 KB, 604x339
>In an online course
>Finally grasp a programming concept
>Guy in the video presents yet another concept that goes over my head

Is this how it will be during my entire learning process?
>>
>>52661574
It means it was at least partially written by a woman.
>>
>>52660768
>var rockPaperScissors.Player1 = prompt("Please choose Rock, Paper or Scissors");
var X.Y = Z
is always a malformed statement. If X is defined then the "var" doesn't mean anything and if X isn't then trying to set one of its properties will always fail because it's undefined.
>>
>>52661670
var input1 = promt("etc");

var input2 = promt("etc");

rockpaperScissors (input1, input2) {
//Logic for the game
}
>>
Retard here.

Can someone educate me on the different components that would be involved in making something similar to an online ide?

I've been reading about html5, javascript, etc but it's hard to differentiate between legitimate information and someone shilling some framework.
>>
>>52661670
assuming prompt is a function defined by codecademy.
var input1 = prompt("Please choose Rock, Paper or Scissors");
var input2 = prompt("prompt("Please choose Rock, Paper or Scissors");


Also looking at your code again, you have a lot of braces wrong. You should learn how code is structured.
{ } denote a block of code so

function(x, y) {
... // stuff in here is a block of code that belongs to the function
}

This is the same for control flow statements like if and else.

if(someBooleanExpression) {
... // code block to execute when someBooleanExpression is true
} else {
... // code block to execute when someBooleanExpression is false
}
>>
>>52661716
>Is this how it will be during my entire learning process?
Yeah, but it gets less painful. There's a tendency among novices to be really self derogatory, while experts will discover something and be like "oh, that's cool". There's no reason you can't have that same attitude as a novice but most people lack the knowledge/self confidence early on to tell the difference between correcting a stupid mistake and actually learning something new.
>>
bulma.io
>>
>>52661769
Every IDE is a text editor complexed with a compiler/interpreter so those are the two things you need to provide for. You can outsource the text editing to something like codemirror (although you'll still need to provide for file storage somehow, server based would make the most sense but it's up to you). As for the compiler, if it's JS or a language written in JS you can do it client side but otherwise you'll need to ship code back to a server to get compiled/interpreted and executed and then rig up some mechanism for returning results to the client. If you don't have a firm grasp on how this would work then I recommend not doing it, executing user submitted code on your server is a real security risk unless you have a bulletproof security plan.
>>
>>52661769
What >>52661916
said but if you still want to check an online IDE, you can take a look at the code for https://c9.io/
It's really modularized so it'll be quite difficult actually.
>>
>>52654430
Thanks man, I appreciate the advice.
>>
I'm so upset right now:

firefox 44 contains a regression which is still up to and including 47 (nightly) on windows 7 which causes all menus to render incorrectly with a transparent background and causes selections to be solid black on black (think spoiler text, without the hover)

so new version of firefox is pretty much unusable to me, right? (don't tell me to install windows 10 that's not a solution)

firefox 43 which I'm stuck with now has all kinds of intermittent issues with the console and very strange behaviors regarding Promises combined with XHR and I think CustomElements.js from webcomponents.js which I'm using is causing issues as well.

I'm very close to going full botnet and just using Chrome, but it has its own issues and I've been using Firefox since it was called Firebird. It is incredibly frustrating that the web platform is advertised as modern and capable and amazing implying that every browser is equally as stable and developed by competent engineers and that standards mean that everything is well-designed, logical smooth sailing but nothing could be further from the truth. It's all a bunch of lies, a god damn house of cards built out of matchsticks soaked in gasoline touted by megalomaniacal ignorant know-it-alls, eager to tell you that you're doing it wrong to make themselves feel smarter. Knowing the pitfalls of this giant pile of shit which does not work reliably 100% of the time which no one fully understands anymore does not mean that there's nothing wrong with it.

Don't reply to this post. It's just incredibly frustrating. Web is just a means to an end, I understand that much. But to all you newcomers out there, no: it doesn't get easier. The more you learn, the less you actually know. Everything is changing constantly and security updates are pushed along with breaking changes and senseless UI updates and there's no opting out. Backwards compatibility is high whereas forwards compatibility (new standards) is abouterror comment too long
>>
>>52661978
>just using Chrome
Just do it. Chrome has always had objectively superior dev tools anyway.
>>
What's the deal with .io? Is it a free domain or something?

Why's everyone using it?
>>
>>52661978
>But to all you newcomers out there, no: it doesn't get easier.
Yeah but as somebody who spends most of their time on the computer anyway (writing and editing), I'd much rather struggle with this than being a carpenter or some other physically demanding shit.
>>
>>52662212
it sounds leet and hackery
>>
>>52662212
It's generally 5-6 times more expensive than a .com tld. It just looks cool and the higher cost means a somewhat lower noise-to-signal ratio than other tlds.
>>
>>52648617
it's boring, but solid
>>
<blog>
huh, getting a part time job in retail while I try to figure out whether I actually want to do web dev.

doing retail might be enough to make me want to do anything but taht tho

</blog>
>>
>>52650974
quality post
>>
>>52651452
I prefer to just take the config for my previous project as a base for my next. keep doing that and you'll be really familiar with all the bits and why they're there. I don't trust this kind of thing to make the right decisions.
>>
>>52651767
WP themes are some of the worst code I've ever seen. Hacks on hacks on hacks. Totally incomprehensible. And WP itself isn't much better. But the devs just focus on making them look pretty so they can maximise $50 downloads on theme forest
>>
>>52652238
a much lighter alternative is skeleton framework. and probably plenty others. but you can write your own grid system in about 30 lines.
>>
>>52652261
Say that's what you believe the market rate to be for someone of your level. If you know the market and your skills, it shouldn't throw you off, stick to your guns. Be prepared to walk. You make or lose a lot of money in salary negotiations, they're not to be taken lightly.
>>
>>52652278

Why recreate it, you can select what features too add to the download files, just select grid system.
>>
>>52652422
why are you writing css if you can't css? just learn, it takes like a week or two
>>
>>52652336
I don't think that's the right approach. they don't care about your personal situation. they just want to pay fair price for a fair service. so quantify those.
>>
>>52652666
really, you can just forget IE6 in 2016. IE8 is for dinosaurs. Support IE9+ if you're pushing it.
>>
>>52652721
rails is ancient at this point and an extremely conservative choice. node is quite established, too. real hipsters are using haskell and elixir/phoenix and lua/openresty and someshitthathasn'tbeeninventedyet. as far as I can tell the main reason php is limping along is because of all those shitty hosting providers with their LAMP stacks, and of course, the abomination that is wordpress
>>
>>52653182
If you have the inclination to learn, start with some basic online courses in web development from udemy / codeacademy or the like. But if you just want to focus on the charity, I'd try to get a small amount of backing and just pay a professional to code it for you.
>>
>>52653372
you'll have a registration form (V). that will be html or, if you're doing an SPA, a view library like React.

something that handles the form submission, probably via HTTP (C). This can be as simple as a route handler.

something that stores the submitted data in some database, via ORM, or with a plain query language like SQL (M)

you could put your validation in the C or the M. I prefer the M.

But if I were you, I'd learn this with a concrete example, not in the abstract.
>>
>>52654772
You'd make a great politician
>>
how did you guys get enough experience to get actual jobs? I hear about freelance and your own projects.

What sites are best for freelancing? What types of projects would impress?
>>
>>52656808
React is technically better and simpler, but more companies hire for Angular devs. But those probably will be painful jobs. Go for react. It's all gonna change in 1 year anyway.
>>
>>52657149
That's sufficient. I'd prefer to hire someone with good knowledge of the fundamentals over someone invested in some shitty framework.
>>
>>52657299
>you not even need a server
you do realise that the 'A' in XAMPP stands for the Apache webserver
>>
>>52658241
check emails
write css
write js
go for coffee
respond to colleague's bad jokes on slack with emojis
do code review with senior, get told how to make things simpler
commit some shit
write css
write js
go for lunch
ask designers for clarification of ux flow
ask product owner (who does literally nothing) for clarification of business logic
document clarifications
talk to backend dev about http/rest interface, agree on routes and data definitions
document
write css
write js
look up shit on stack overflow about how to solve some bizarre problem on iOS webkit
go home
drink wine
>>
>>52660768
that's not valid javascript. just go back to the basics for now and learn about variables, functions etc
>>
>>52660768
Here's how I'd write that

var ROCK = 'Rock';
var PAPER = 'Paper';
var SCISSORS = 'Scissors';
var P1_WIN = 'Player 1 Wins!';
var P2_WIN = 'Player 2 Wins!';

function getHand() {
return prompt("Please choose Rock, Paper or Scissors");
}

function getWinner(player1, player2) {

function compare(stronger, weaker) {
return player2 === stronger ? P1_WIN : player2 === weaker ? P2_WIN : 'Draw';
}

switch (player1) {
case ROCK:
return compare(SCISSORS, PAPER);
case PAPER:
return compare(ROCK, SCISSORS);
case SCISSORS:
default:
return compare(PAPER, ROCK);
}
}

var player1 = getHand()
var player2 = getHand()

alert(getWinner(player1, player2))
>>
>>52661769
You'd need a text editor with syntax highlighting at the least. Probably a js compiler for whatever language you're targeting, or interface to a server with such a compiler. Integration with whatever package ecosystem is relevant. I dunno. It sounds kinda deep.
>>
>>52661978
just use chrome buddy. can't remember the last time I had a problem with it. inb4 botnet
>>
>>52662212
because the .com namespace is pretty much all taken
>>
>>52664228
even cleaner:
var Rock     = 'Rock',
Scissors = 'Scissors',
Paper = 'Paper',
Draw = 'Draw',
P1Win = 'Player 1 wins!',
P2Win = 'Player 2 wins',
choose = 'Please choose Rock, Paper or Scissors';

var beats = {
Rock: Scissors, Paper: Rock, Scissors: Paper
};

function getWinner(h1, h2) {
return beats[h1] === h2 ? P1Win :
beats[h2] === h1 ? P2Win :
Draw
}

alert(getWinner(prompt(choose), prompt(choose)));
>>
>>52651810

>ITCSS

That's exactly what I was looking for, thanks anon.
>>
>>52658241
Ok I'll do it.

It's 0822 and I just got to work, filled up the water bottle and got me a cup of tea. Next I'll check out my mails, jira, and notes from yesterday and start working on whatever I've got to do. We've got flexible hours so as long as I'm at work before 0930 when our daily is no one cares. If I go to the gym before work I usually show up around that time.

Start doing whatever is assigned to me, right now it's reworking breakpoints. If I get something to a state that to me seems like it's ready on my local machine commit those changes, deploy it to the development environment, and test it there. Call over the designer at some point so they can have a look at it if it's any larger work with UI. If everything looks fine build a new release from it and add it to the list of new components for the next release to our integration testing environment. Once the next release to the test environment happens assign task to a tester.

If the testers find out something they come and tell me about it and ask if it's supposed to work like that, usually not, if it's a bug they'll create a new task from it and I'll fix it at some point when I have time.

During the day keep a few breaks and a lunch at some point.
>>
>>52664607
God, one day I hope I can do this for a living.
>>
>mfw trying to pick a JS library for my API frontend

This is always the hardest part. I like that React has pre-rendered HTML, but now there's also Vue which is the latest and greatestâ„¢. Ember might be worth it as well. Fuck Angular though.
>>
>>52646818
you also don't have a stipulation for ties
>>
>>52665544
Vue is just like a cleaner, better-implemented angular. But it's still a fundamental mistake to put logic in html. Better to represent html in a logic-capable language (js), which is the approach React and other virtual dom-based libraries take
>>
I got a job in a web development firm, and i have to create a program in PHP that is an basically an interactive timetable for incoming projects and jobs and shows how much time each part of the project/job has left
I need to do this in a month/6 weeks

i do not know PhP
i only know HTML5, CSS, some javascript and some C#

how fucked am i?
>>
>>52666829
you could do that in two weeks
why do you have to use php though? would be better to use your existing c# skills. it's a better language, too
>>
>>52667125
to be fair my boss did say i could could use asp.net to do the project, may aswell just build on my excising skills
but some other jobs he wants me to do include a lot of php based colab projects in the firm so it would be nice to learn that and be able to do more work
>>
>>52667159
its really easy, dont worry about it.
but consider that a job that requires php isn't going to help you develop in your career
>>
File: realhobby.png (539 KB, 1920x1080) Image search: [Google]
realhobby.png
539 KB, 1920x1080
>>52667304
this isnt even the career that i want, its just a really really fucking good way to earn money while i build up a portfolio for the career i really want

don't get me wrong i still enjoy web dev and coding but its not the be all and end all for me
>>
>>52666829
That sounds quite simple. PHP is easy to learn and shouldn't take you more than a day or two to get going. If anything, making it interactive with JS seems like the most difficult part about this.
>>
File: 1338548781274.jpg (56 KB, 285x298) Image search: [Google]
1338548781274.jpg
56 KB, 285x298
>>52666811
>html in a logic-capable language (js)
>better
>>
What are the best free/cheapo hosting for personal stuff? I'm trying to build a portfolio of random shit to go freelance but I can't decide whether I should invest in native mobile apps or web stuff.

I'd much rather do web stuff since it encompasses both worlds, but hosting can be a daunting prospect.
>>
>>52662606
>noise-to-signal ratio
wat
>>
>>52664495
that's beautiful anon
>>
How retarded is my code? i'm trying to pick up better patterns in js.

(function() {

var App = {

el:{
body: $('body'),
listItem: $('.item'),
closeButton: $('.close')
},

openProjects: function() {
App.el.listItem.each(function() {
var projectName = $(this).data('name');
var projectDiv = $('body div.' + projectName);

$(this).on('click', function() {
projectDiv.addClass('open');
});
});
},

closeProjects: function() {
App.el.closeButton.each(function() {
$(this).on('click', function() {
App.el.body.find('.open').removeClass('open');
});
});
},

init: function() {
App.openProjects();
App.closeProjects();
}

};

App.init();

})();
>>
could someone confirm if the syntax is correct in this rails app i'm trying to make. It's saying there's a syntax error and won't render the page

<%= if (:title == "some string") %>
<meta property="og:image" content="http://www.site.com/assets/img/some_image.png"/>
<% end %>
>>
Someone add this to OP
http://getuikit.com/docs/components.html

How the hell am I just finding out about this? So many awesome components in there.
>>
What the fuck is prototype for
>>
>>52668631
>>52668631
>>52668631
I've tried defining a different variable in that pages' controller called @meta but it's still not rendering
<%= if @meta == "some string" %>
<meta property="og:image" content="http://www.some.com/website/img.png"/>


//in the controller

def page_controller
@meta = "some string"
end
<% end %>
>>
>>52668287
>jQuery
>2016
shiggy
>>52668631
if statements don't use parens in ruby
>>
>>52648617
Simple language, but that can be considered a strength. Very easy to do multithreading.
>>
Has anyone tried FreeCodeCamp?

I'm a semi-senior Java backend developer and already know how to do some basic HTML+CSS+Javascript frontend development, but I need to build a portfolio. Is it worth it to go through the (incredibly long) coursework?
>>
>>52669365
http://flask.pocoo.org/docs/0.10/quickstart/
>>
>>52669264
>implying vanilla JS is half as efficient to write
do you actually have a job anon?
>>
>>52669432

How's that supposed to help me? I already know what flask is. I just want to use FCC as a way to build up a basic portfolio.

I work a dead-end enterprise Java job and, in the not-so-far-away future, I will need to be able to get paid remotely in a freelance manner. Anyone have any experience with FCC in that regard?
>>
File: css_help.png (10 KB, 1112x663) Image search: [Google]
css_help.png
10 KB, 1112x663
Is there a way, with CSS, to create a centered large div, surrounded by several smaller divs? Sort of like my pic, but they would be evenly spaced and about the same radius from the middle div.

Any suggestions or resources to look at?
>>
I'm doing the Ruby on Rails tutorial, and I'm confused about some syntax. Here's a bit of code:

class CommentsController < ApplicationController

http_basic_authenticate_with name: "dhh", password: "secret", only: :destroy

def create
@article = Article.find(params[:article_id])
# ...
end

# snippet for brevity


what is meant by the colon after "name", "password", and "only"? I know having a colon before a word means it's a symbol, but I haven't seen code like
only: :destroy
anywhere, and I can't find anything about it.
>>
>>52670200
Yes. Just position the outside elements based on the element in the center. If at all possible make your surrounding elements at least somewhat rounded. That way they'll look better.

With a bit of math and thinking you could even make it automatically adjust the positioning of your elements based on how many you have.
>>
>>52670237
It's short for a symbol with the hashrocket.
name: 'dhh'

:name => 'dhh'
>>
>>52669264
So what's the correct syntax?
>>
>>52670200
I suppose you could do it like this:
http://codepen.io/ciprianf/pen/xZjzyb

Not sure if there's any advantage in using bootstrap for that, though.

You could equally just use a bunch of absolutely positioned boxes, using relative units.
>>
>>52663967
>>52664607

How long have you been working as a front end?
>>
>>52670892
I'm >>52664607

I'm officially a full stack dev so there's a bit of Java besides html, css, and js. Though I prefer doing front end much more than working with JEE. I've got a couple of guys in my team who outskill me in Java by a mile and actually enjoy working with it so I'll try to delegate all the bigger back end tasks to them. On the other hand I'm better at front end stuff which means that I mostly do front end stuff with some back end every now and then.

As to the actual question I've been working for just over a year now.
>>
>>52670834
>bootstrap
>>
>>52671295 (You)
>>
These threads are so fucking helpful
>>
>>52671559
/wdg/ > /agdg/ >>>>>>> /dpt/
>>
>>52671783
anime OP /dpt/ > /wdg/ > /agdg/ >>> /dpt/

This reminds me, why isn't this OP anime?
>>
File: index.png (768 KB, 1905x7187) Image search: [Google]
index.png
768 KB, 1905x7187
The hell just happened to this thread?
>>
When I refresh this page, am I 'connected' to 4chan's site, or have I just requested some data?
>>
>>52672430

think rationally about it. what do you think web browsers do when they hit a URL?
>>
>>52672487
I suppose I'm asking more of a question like:
Do servers keep a running count of 'active' connections? Client who have recently requested the data and/or are actively requesting more data.
>>
>>52672582

They can and most sites do but by default you just see http requests to the server.
>>
>>52672582

fairly sure 4chan must do client tracking in some way or form, and very likely keeps some form of session data

that has nothing to do with having an "active" connection or how the client interacts with the website, it's all server side stuff.

what exactly is it that you're really asking though?
>>
>>52672620
>>52672612

Someone asked me if they could see everyone currently connected to their website.

My first thought was "No, that's not how it works, you little shit.", but then I figured I could basically pull a list of IPs that made requests in last x amount of time.

I'm just rubberducking, really. Thanks.
>>
Relatively new to web development, just did a Java Server Faces project for college.
I want to learn a backend framework, should I go with Django for a more fixed structure or should I go with Node + Express + Angular?
I don't have much experience in Python nor Javascript.
>>
>>52672738

Go with python but not django, use flask. It's more hands on and detailed. That way you learn python which is really helpful for backend but also for other marketable skills like data analysis and with a few libraries visualization; its more bang for your buck.

Django is the bootstrap of backend python development.
>>
why do big websites take so long to compile and debug reeeeeeee
>>
>>52672942

are you retarded?
>>
>>52672973
probably
>>
>>52672831
>flask
mah senpai
>>
>>52672942
>not working with JIT-ed languages
>any year
>>
I judt cannot wrap my head around MVC frameworks.
It sounds like everything goes through the index page and calls other pages for the "content"?

Big issue being PHP classes and that I haven't used classes since Java a decade ago.
Also maybe my book just sucks.
>>
>>52673143

if you don't understand classes you need to go back to school or get a Java book or something
>>
>>52672694
Check to see if session is started, store IP and session timestamp, create analytic panel with jquery to poll db and display locations with an ip-to-location api.

You can also just bullshit then and say it will strain the servers then recommend some analytic plugin code.
>>
How do I import a theme into Axure?
How do I import a theme into dreamweaver?

pls
>>
Hey guys, can I get some feedback on my new website? New to web development.

aetherspace.ch
>>
>>52673230
>you need to go back to school
lol

Actually probably. My GI bill still has like 65,000 in it.
>>
>>52673312

well I haven't gone to school myself but I still understand OOP

it's kind of an important skill to have nowadays
>>
>>52673342
I understand it. Just not with PHP. My problem is that frameworks use like Eloquent and Blade when I am used to raw SQL and Bootstrap or Foundation.
>>
>>52673143

functionality and components of the website fall under model, the controller reads in these components and projects them on the view.

If you're creating a todo list app you structure it like:
>model
- adding and removing from list
- emailing list
- changing the style of the list

>controller
file that calls all of the models

>view
the .html or whatever files that are projected on and dynamically created
>>
>>52673572
So everything is technically happening on one page that pulls and displays content based upon get/post?

How does this.com/cats/catpictures know the filetype of catpictures or how to ammend it and keep the URL without an extension?
>>
On django, how would I go about adding the next and previous objects, based on a nonunique charfield, to my context for a single object view?

I tried this simple queries but they will fail if there is more than one object with the same name value.

previous = Person.objects.order_by('name').filter(name__lt=current_person.name).last()
next = Person.objects.order_by('name').filter(name__gt=current_person.name).first()
>>
>>52673817
ignore file extensions, they say nothing about a file.

when you ask for a specific path a script can just read it an image from a database or a file directory and return the bytes to the browser.
before that it says which filetype it is in the header.
https://en.wikipedia.org/wiki/Media_type
>>
>>52652238
Then use Sass and include the grid system (mixins) only.
Bootstrap 4 may even have a grid-only download.
>>
File: BuildingLegacy.png (179 KB, 577x179) Image search: [Google]
BuildingLegacy.png
179 KB, 577x179
>shitty agency jobs building wordpress, magento and just generally legacy shit for years
>move to a big city, get job at a tiny whitelabel agency, less than 10 staff
>making stuff with WebGL for big brands
>building our own SaaS product
>was allowed time to figure out how to set up docker so we can start up node.js servers in containers to handle communication with a front-end client that needs it's own server for each instance communicating over websockets.
>started trying to figure out a CD strategy for that same project too
>fixed a (big) security flaw on a (small) production site for a well-known European brand
>only been there a month

Coming from big teams working for SMEs to this tiny team working for international brands has been so fulfilling. No more time tracking everything I do. No more of the constant change and fix requests. And best of all: Actually getting time to refactor, do R&D and try new approaches.
>>
>>52674753
Is Sass hard to learn?
>>
>>52669530
>implying vanilla js is the only alternative to jQuery
>>
>>52670892
I did it for 8 years, moved on to product guy now
>>
>>52674922
How long did it take you to get to the point where you were comfortable enough to apply for jobs?
>>
Is 20 years old too young to get a job as a junior front end? I just started my first semester in college, but I'd rather just skip college entirely and go straight to a job if possible.
>>
>>52675411
I just hired a 22 year old, he's awesome. young is good in this industry
>>
>>52675411
>>52675495
On the contrary, is there an age that would be considered too old to do this? (23 atm)
>>
File: 1408130672900 css windowblinds.gif (2 MB, 640x480) Image search: [Google]
1408130672900 css windowblinds.gif
2 MB, 640x480
So I just followed this guide: http://www.wikihow.com/Create-a-Secure-Login-Script-in-PHP-and-MySQL

I put all the files on my VPS and I can get to the index and register pages, but when I try to make an account I get server error 500.

Where should I start troubleshooting?
>>
>>52675608
Good question.

I'm 27 and also curious.
>>
>>52675639
Database connect/login information.

Otherwise PHP version.
>>
>>52675357
About 6 weeks. I started reading nettuts when that first spun off from psdtuts, built some "WOW SO VALID XHTML and CSS" sites off their tutorials, realised a lot of people in my area with real experience were producing stuff worse than that and thought "I can do better". Applied for a job at an agency building what we called "brochure websites" and got it straight away. I was only a few months out of high school, apparently all the other candidates were even worse than I must have been.

That was about 8 years ago, so obviously I long ago realised how shit I was then, but I guess not knowing how shit I was at the time helped. It takes (took?) a surprisingly little amount of knowledge to get started building websites. No one is asking for degrees, just for you to show you can do what they do. Just go for it, worse that happens is they say no, it doesn't even bar your from re-applying to the same company a few months later.
>>
>>52673987
I give up, I seriously can't think of a way to this with queryset lookups, I'm just going to iterate over the objects like so:

def get_prev_next(current_person_id):
persons = Person.objects.order_by('name').iterator()
previous_person = None
next_person = None
for person in persons:
if person.id == current_person_id:
try:
next_person = next(persons)
except StopIteration:
pass
break
previous_person = person
return (previous_person, next_person)

Far from a one liner, but it works.
>>
>>52675639
Start with the PHP error log file. You can use phpinfo(), or `php -i` from the CLI to find out where the error log is on your setup (depends on whether it's an apache module, or fastCGI. Using phpinfo() is probably the safest way to check as at least you know it's being parsed by the same php interpreter as your web server is using, whereas the CLI version of php might be a different install with a different error log that won't contain your 500 in it).
>>
>>52675823
Do you mean making a page called info.php with
<?php
phpinfo();
?>
in it?

I don't really know what I am looking for.
>>
>>52675411
>tfw 32 and hoping to get an entry level position
>>
>>52675411
It's never too young. The problem is that junior positions are rare and front-end only positions are rare. If one does open, it'd be flocked.
>>
>>52675608
>>52675680
No. If you're over 25 trying to get your first job in the industry you'll probably want to demonstrate your capability somehow. Put a website up on Heroku or something. If you have the money and time you might want to consider a coding school, but depending on where you live there might not be one near you.
>>
>>52676547
Them feels.

I spent the last decade and a half deving as a hobby. Now I'm mid-life crisis age with no money to blow on a sports car.

My area is booming with web dev jobs with no one to fill them. I'm seeing jobs posted for 80 dollars an hour. That's just bananas considering the low cost of living.
Thread replies: 255
Thread images: 25

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

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.
If a post contains personal/copyrighted/illegal content you can contact me at [email protected] with that post and thread number and it will be removed as soon as possible.
DMCA Content Takedown via dmca.com
All images are hosted on imgur.com, send takedown notices to them.
This is a 4chan archive - all of the content originated from them. If you need IP information for a Poster - you need to contact them. This website shows only archived content.