[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 / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y ] [Search | Home]
4Archive logo
/wdg/ - Web Development General
If images are not shown try to refresh the page. If you like this website, please disable any AdBlock software!

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

Thread replies: 302
Thread images: 30
File: 1414477553013.jpg (48 KB, 480x640) Image search: [iqdb] [SauceNao] [Google]
1414477553013.jpg
48 KB, 480x640
>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/
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/
>>
old thread >>52476158
>>
We should add codepen.io to the OP, so people with questions can use that for complex stuff.
>>
>>52530121
Funny you ask that, because we just recently had to hire another web dev.

You make it sound like having a portfolio is a common thing these days.
It's not.
How many time we received a resume where the guy didn't have a github or a portfolio to show. So just the fact that you actually have one is damn great.

Let's assume you have a portfolio/a github.
First thing I'd look beside the actual pages of course is how readable is your code. Since I'm the guy leading the dev team where I work, I spend more of my time reading people code that writing my own, and if the act of trying to guess what you're doing last more that 10 minutes, then there's most likely something wrong with your code.

Are you respecting coding conventions? Are you reinventing the wheel? What are your architectural choices? Did you have an actual purpose writing this project other than showing how skilled you are in whatever languages?

How often people only use the limited subset of web technologies they learned during their education (jQuery, Angular?), never trying to broaden their knowledge. Most of the guys I met never heard about es6/7,css transpilers, even svg. They don't know what v8 is, what's a closure, etc. You don't have to (and shouldn't) follow the latest trends, but please at least be aware of what's existing. That's a big red flag in my opinion.
>>
>>52530862
So you want us to not
>reinvent the wheel
but also to not
>use the latest tech that prevents us from reinventing the wheel
>>
>>52531113
I think he means that you shouldn't drop your current tool if it satisfies your coding needs, just because there is a new shiny library/framework that does basically the same but it's newer.
Your current library/framework is already preventing that you reinvent the wheel.
>>
>>52531113
No, what he is saying (I think) is that doing overly complex stuff in order to solve a common problem in a slightly better way is often a bad idea, since people will have to deal with that code and it's better to keep it simple.

About the latest tech, there is a difference between following trends and knowing what is going on, learning is important, getting carried away by whatever is popular at the moment is not.

For example, you should never drop whatever language/framework/thing you are using and change to another just because "everybody uses XXX" or "it's more modern".

Learning different things is good, but learning takes time, you won't be able to learn everything as it comes, so in order to choose what to learn try to base your choice on advantages that technology has over what you know and not popularity.

That's my understanding anyway.
>>
I have a static website with a small blog section that i made myself as a practice project
however im pretty new to webdevelopment so it's pretty obtuse to add new posts to it (atm i edit the html file manually to add in new paragraphs)

what should i look into to make this myself?
currently i know html, css, javascript well enough to build simple static sites comfortably, but I havent done anything that involves more advanced web programming like this.
>>
>>52531491
just store your posts in a json file using markdown, you can then use XHR to load up the page.
>>
>>52530862
Cont. (Few typos, don't mind them)

Best thing about working in this field is how flexible you can be. Depending on the client's needs, you can do the same thing a lot of different ways.
Need a static webpage? Static html, markdown renderer, using wordpress and calling it a day works too..
A website with realtime stats? Okay, let's pull of react, d3 and some socket.io, or just use phoenix with its great realtime support.
You're like a wizard, creating content from an idea, giving it the shape you want.

What I dislike the most sometimes is how fast the field move. How often I had to trash days of work because I was depending on some library that recently had breaking changes. (babel5 to babel6 just to give an example)
>>
>>52530629

What a super idea!
>>
>>52531491
>>52531600 is a good option.
Alternatively you can for example make a new file every time you want to make a new post, then concatenate each file when you render your page, kinda like what Jekyll does, which is the most popular static blog generator.

Or if you feel like challenging yourself, load your posts from a database
>>
File: w4d3eCv.jpg (236 KB, 1280x931) Image search: [iqdb] [SauceNao] [Google]
w4d3eCv.jpg
236 KB, 1280x931
Anyone else had this issue? My site works ok, but there is an issue when i am pointing my domain to my site (on another host). It works fine on most browsers, but in chrome (and default android browser) there is a slight 0.4 second blank page before everything loads in. Every time i refresh or click a button to navigate through the site, the whole page goes blank for a split second until the page loads. What is causing this and why is it only happening on some browers? This is so annoying...
>>
>>52531752
>>52531600
i was thinking that it would be convenient to be able to be able to update from just going to website.com/admin and log in etc.
i do like challenges and learning new shit though so database sounds fun, would that be like php/mySQL?
>>
>>52532301
Updating data through an admin panel typically sounds like something you would build on top of a php backend with a mysql database, yep
>>
I started learning Ruby on Rails, it seems super developer friendly and fun/quick to develop in, but i see people bashing it for its performance and other shit.

What would i better off learning?
>>
<html>
<script>
function doLoad() {
window.frames["wind"].location.href = document.getElementById("loc").value;
return false;
}
</script>

<body>
<iframe name="wind" width="100%" height="94%" style="border:thin"></iframe>
<form onsubmit="doLoad();">
<input id="loc" type="text" />
<input type="submit" value="Go" />
</form>
</body>

</html>


When I write the address in the bar and press Go nothing happens, the page just reloads. I think it might be an issue with my browser but, does it works for you?
>>
>>52532812
rails is fine, people bash it blindly cause "HURRDURR TWITTER SWITCHED FROM RAILS TO JAVA" even though twitter had very odd architecture and serves up millions of clients, they take twitter logic and apply it to every web app. Anyway, rails is great to learn and if you are enjoying it keep going because most of what you learn will be applicable to other web frameworks.
>>
Best Java framework?
>>
>>52532812
Why would you avoid it just because people are bashing it.
Rails is great, and just because people are bashing it, doesn't mean it is bad.

Just go with rails, it is awesome.
If you want an alternative though, there's Django for Python, Laravel for PHP, and Sails for node.js, though I have never used it.
Pick the one whose language you're most comfortable with, or just pick rails, who cares..
>>
What are your toughts on Laravel
I'm thinking about picking it up.
>>
>>52532812

It's good, you don't always need high performance websites, as long as you only slightly modify data (filter through huge arrays etc) you should be fine.
>>
>tfw get compliments on my html/css only site

Feels good. Only 4 pages.
>>
>>52532967

it's the only reason to use PHP, which many people are still know.
>>
>>52532982
What if I want to make a website that does alot of data analysis?
>>
>>52533007
If it is heavy scientific simulation I think you would have a separate program in a more fitting language (like c++ or R or something like that), then have your website just display that data.
>>
>>52533114
i meant heavy scientific data anlysis, not simulation
>>
R is made for data analysis.
>>
>>52533136

I heard python is pretty popular for data analysis
>>
>>52533114
no, it's not scientific, just an algorithm for ranking content
>>
>>52533181
Yes you are correct, there are good libraries for that kind of stuff like numpy/scipy/pydata. Also python can call c++ code for more intensive calculations if you need.
>>
>>52533193
Should be fine on rails then, assuming you scale/optimize properly.
>>
>>52532883
DropWizard
>>
>>52532835
Check your console for errors. Pretty sure it'll tell you what you're doing wrong.
>>
how about Laravel vs Rails?
>>
>Laravel
>Rails
>Play
You're doing it wrong. If you want a convention-over-configuration kind of framework, http://www.phoenixframework.org/ is the way to go.
>>
>>52533353
So that's what hipsters use these days...
>>
>>52533353
>Elixir

Get out.
>>
>>52533398
Nope, way too stable already to be used by hipsters

>>52533408
What's wrong, can't handle a purely functional language? Maybe PHP is best suited for you :^)
>>
>>52533520
>Nope, way too stable already to be used by hipsters
So what do they use these days?
Asking so I know what to learn to use in cca. 2 years when it becomes mainstream.
>>
>>52533353
fuck sake my eyes, put a spoiler on that link next time
>>
>>52533579
Scala
>>
>>52533353
I'll stick with Play, thanks.

Static types are best types.
>>
>>52533282
There was a warning about the character encoding but that's it, does it work in your browser? I think it might be one of my addons but I got like 30 installed, it's gonna be a pain to check whci hone is being the ass.. I hope it's not related to the addons.

Here is the updated version, still not working for me:
<!DOCTYPE html>
<html lang="en-US">

<head>
<meta charset="utf-8">
<script>
function doLoad() {
window.frames["wind"].location.href = document.getElementById("loc").value;
return false;
}
</script>
</head>

<body>
<iframe name="wind" width="100%" height="94%" style="border:thin"></iframe>
<form onsubmit="doLoad();">
<input id="loc" type="text" />
<input type="submit" value="Go" />
</form>
</body>

</html>
>>
>>52533753
I tried it on JSfiddle, was too lazy to test it locally. What exactly are you trying to do? Pretty sure I can find you a better way to do it.
>>
File: whatdidyousay.png (68 KB, 437x500) Image search: [iqdb] [SauceNao] [Google]
whatdidyousay.png
68 KB, 437x500
>>52533675
Play with java, or with scala?
>>
>>52533816
looks like loadin pages into iframe from form input.. for some reason
>>
>>52534067
I couldn't even make out what the hell he's trying to do desu.
>>
>>52534067
>>52534779
kek yes that's what I wanted to to, I'm trying to make a custom about:home that consists of two pages, separated by only a div, where I can view two different sites on each page just typing the url in the form below.
>>
>get web dev job
>half the time im editing/maintaining years old shitty asp
>future plans for the company is to use gulp/node/javascript

will i make it, bros?
>>
>>52535862
At least they're heading in the right direction. Just try to keep up and not get left behind, else you'll be replaced with new employees with way more experience dealing with the new stuff.
>>
>>52530629

Just go with jsfiddle, its free and doesn't require signup
>>
Been learning front end for a few of months now and I'm about to make a couple of fake websites.

Looking for opinions on these two mockups I made. They're not entirely finished yet but I want to start coding already and I figured they're clear enough to be understandable.

https://u.pomf.is/beyyye.jpg
https://u.pomf.is/feuhhd.jpg
>>
>>52537286
I never fully understood why people make mock-ups in Photoshop. It's time consuming and in my eyes it apart from giving your customer or team an idea of what it'll look like, it serves no purpose. Wireframing is good though with just the basic layout.
Your designs are good senpai, especially the second one.
>>
>>52537286
>https://u.pomf.is/beyyye.jpg
The white/grey split on the nav bar looks like a pseudo-gradient and kinda kischy.
Imaging/type is good
Not enough contrast between the searchbox background and text, I know it's placeholder but it still needs to be readable without squinting
Bottom of the page looks a little busy but that may be fine, depends on the use case, but you're not going to "sell" any content that lands down there

>https://u.pomf.is/feuhhd.jpg
It's pretty, will definitely impress business people, although the "scroll for a slideshow" thing is almost a joke among web devs at this point.
Four folds of "Brand Identity - Print - Campaign" is dumb, find some content to put there or cut three of them
Right body content ("Expertise" fold) is interesting, mildly eye catching. The colors on the left side content contrast nicely but if you make it go high-contrast on hover then it'll come off kitschy
>>
>>52537634
>I never fully understood why people make mock-ups in Photoshop
I feel the same intuitively but it only comes from having written a lot more CSS than photoshop content. PS really is more expressive/powerful for fixed size media, we only think it isn't because we're good at CSS and poor at photoshop.

That's not to say I think PS mockups are always a good thing, web design isn't print media, it just happens to be the tooling visual designers are familiar with and works well enough that with a little elbow grease enables communication between devs and designers.
>>
>>52537758
Not sure what you meant about the scroll for a slideshow part, but I'm planning to make the 'casos de exito'/case studies section do something like this

https://codyhouse.co/demo/project-cards-template/index.html

And yeah I was still working in the navbar of the first image but I can't think of anything right now, but don't want to make it flat.
>>
>>52537864
>Not sure what you meant about the scroll for a slideshow part

I mean like a series of "screenfulls" of content which you get in series by scrolling. So like you land on the first fold and then you're expected to scroll down to the second (or some designers will force you to). No one will land on that page and sit with the "Concepto/Casos/Experencia" line in the middle of their screen, they'll scroll until it's at the top or out of view port. Contrast that to like a "text desert" site of 4chan or whatever where you scroll continuously as opposed to visual "pages".

>but I'm planning to make the 'casos de exito'/case studies section do something like this
>https://codyhouse.co/demo/project-cards-template/index.html
Oh, so all four horizontal bars are going to occupy the screen at the same time? That's not as bad but I'll stand by what I said before.

>And yeah I was still working in the navbar of the first image but I can't think of anything right now, but don't want to make it flat.
I still think the thread/leather skeuomorph is appealing if it's not too in your face, but people have strong and divergent opinions on that.
>>
Anyone familiar with RSpec? I'm trying to get back into TDD since it's just good to know. I made these tests pass a few months ago.

All of my tests pass except for the "rejects improperly formatted email".
user spec
require 'rails_helper'
RSpec.describe User do
it 'requires a name' do
user = User.new(name: '')
user.valid?
expect(user.errors[:name].any?).to eq(true)
end
it 'requires an email' do
user = User.new(email: '')
user.valid?
expect(user.errors[:email].any?).to eq(true)
end
it 'accepts properly formatted email' do
emails = ['[email protected]', '[email protected]']
emails.each do |email|
user = User.new(email: email)
user.valid?
expect(user.errors[:email].any?).to eq(false)
end
end
it 'rejects improperly formatted email' do
emails = %w[@ user@ @example.com]
emails.each do |email|
user = User.new(email: email)
user.valid?
expect(user.errors[:email].any?).to eq(true)
end
end
end
[end]


user model
class User < ActiveRecord::Base
has_secure_password

EMAIL_REGEX = /\A([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]+)\z/i
validates :name, :email, :password, presence: true
end


The forms. I gave both email inputs a type of email when it was time but I haven't added the authenticity token yet.
<form>
<fieldset>
<legend>Login</legend>
<input type="email" placeholder="Email">
<input type="text" placeholder="Password">
<input type="submit" value="Login">

</fieldset>
</form>

<form>
<fieldset>
<legend>Register</legend>
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="text" placeholder="Password">
<input type="text" placeholder="Password Confirmation">
<input type="submit" value="Register">
</fieldset>
</form>
>>
>>52538121
>Anyone familiar with RSpec? I'm trying to get back into TDD since it's just good to know.

So I know this isn't going to be particularly helpful to you, it's been a while since I did RSpec so I can't really give you much help here, but it's an interesting subject on a philosophical level. I love TDD and I've done a lot of it but I think the idea of a DSL for testing is fundamentally mistaken. A unit test should test a unit of code rather first, and a unit of functionality after. Code in language X is best interfaced with other code in language X. Thus introducing a different language for testing vs. implementation only harms you ability to express intention.

Just my two cents but I'd be interested in what other people with significant TDD experience think on the subject.
>>
>>52533520
Don't worry about him. He's on a personal crusade against Elixir.
>>
>>52538121
`user.valid?`

Does this not return a boolean value? Why not change your tests to:

expect(user.valid?).to eq(false)
>>
File: laughs in illegal.jpg (32 KB, 640x410) Image search: [iqdb] [SauceNao] [Google]
laughs in illegal.jpg
32 KB, 640x410
So if I wanted to force a page to load resources from the cache, would putting this in the header of the HTML document work?
<meta http-equiv="httpHeader" content="200">
>>
>>52538540
made a template language for code golf or really minimal html templates, you can also inline ES6/coffeescript/stylus so you dont have to mess with gulp or webpack

github.com/falafflepotatoe/emmetp
>>
>>52538540
don't think you can trump up a response code with a http-equiv meta tag although I've never tried it. Pretty sure no browser would try to load a page with that in it from the cache though.
>>
>>52538593
I'm only trying to load page elements (in this case, CSS) from the cache.
>>
>>52538603
Then you should use something like nginx or apache to serve your CSS as statics (using the fs moddates and returning 304s when the appropriate request headers are present) rather than http-equiv tags. You can't even stick that in a CSS file so it couldn't help you anyway.
>>
>>52538646
I'm using Spring to serve the actual website itself; there are options for forcing codes, but no actual documentation on how to implement it.
>>
>>52538675
You shouldn't be serving static content like CSS through spring, you don't need all of spring's machinery. Tomcat or whatever you're using in deployment should know how to serve static content and cache it correctly.

What are you using for a webserver? If it's TC I can point you to the right resources (or you can probably find it yourself), if it's something else I'm sure you can find it in the docs (or use nginx in front of your app server which is probably the fastest setup although it might be more complicated than is justified depending on the level of traffic you're expecting).
>>
>>52538754
I'm using GlassFish
I should be a bit more specific about what I'm trying to achieve:
Due to limitations, I'm serving the majority of the content on the site through an iframe. Since the iframe and the main page load concurrently, someone suggested that in order to prevent re-loading of the CSS, I make sure that all content within the iframe sends an okay response before it has the chance to actually load anything. This is because my client's connection is going to be incredibly choked and I want the page to not load at an absolute crawl.
>>
What's wrong with apache?
>>
>>52538841
the mod_LANGUAGE system is largely reminiscent of the bad old CGI days before we learned how web servers really should work. Also it's somewhat slower than nginx and its config system is more clunky.

It's still a perfectly fine webserver, fast enough for like 99.9% of stuff and well understood/audited.
>>
>>52538789
That's, uhh, a really weird setup.

If you reply with a 200 though literally every useragent(browser) is going to try to fetch the full resource, because that's what the HTTP specification mandates.

If you really do need the wonky iframe approach then I think you'll need to detect which requests are coming from the iframe (easy enough, add a get param or something) and refuse to send headers and a response code until the parent frame's requests complete, then serve 302s on the statics on the assumption the client has them cached (a safe assumption but still hacky as fuck). Honestly just loading the statics twice probably is fast enough that it's not worth spending your time on unless you have very high traffic or very shitty hardware
>>
>>52539021
>302s
err, I mean 304s
>>
Talk to me about ASP.NET 5 MVC 6, anon...
>>
Maybe you guys can help me figure this out.

I'm making a web app for managing client databases. Specifically, filling out missing data in those databases, like phone numbers or addresses. It stores data in mysql.

Since most of those databases are right now stored in spreadsheets without any uniform formatting, I decided that i couldnt go with any pre-defined schema, so I store rows of data using numerous indexes like auto-incrementing id, timestamps, etc, and the data itself in two JSON blobs - first one with the original data, second with the data submitted by the user. For displaying and downloading I just merge these two objects together.

Well it turns out now that my manager wants the app to check the JSON data for duplicates during user submission - for example if somebody tries to submit a phone number that has been submitted before.

Now it seems all my options are shitty because the data is non-indexable. I could pass all the user-submitted data as one object to the view but it would mean every user would have to download 50 megabytes of JSON every session. I could have the server do the checking but then it would have to SELECT fucking everything everytime which would obviously slow things down.

How the hell do I proceed? It seems I'm gonna have to switch from SQL to something different.
>>
I'm a software developer at a fintech company, working mostly with backend stuff but I've noticed a lot of JS offers in my area for double the salary. Is it worth to move to front-end dev?
>>
Is it possible to learn enough about web development from codecademy or w3 schools to get a job? Also, of the two, which is better?
>>
>>52539021
Well if they've loaded the stylesheet for the parent page, they should have the stylesheet for the interior page as well if they're the same, yes?
And our issue is attempting to serve a web 3.0 styled page to TOR users with absolutely no JS or anything else that'd make our lives easy
>>
>>52539021
Also, thanks for the ideas! I'm not entirely sure of how to impliment them but I'm sure that with enough digging through the documentation I can figure it out.
>>
>>52540200
freecodecamp.com I have found is better than both.
>>
Do people get annoyed at others who represent categories/types in SQL with tinyint/smallint, like 0 for male, 1 for female? I can understand they'd get annoyed if they ever got hired to work on an existing project and in their db they were aliasing dozens of different categories with just numbers, but at the same time it would result in less storage space (1 or 2 bytes) and slightly better performance compared to using characters.

How would you do it? Or how are you currently doing it?
>>
>>52541253
Doesn't annoy me one bit(pun intended :^}) as long as there is documentation for it

Like for like, follow for follow
>>
>>52540142
No
>>
File: Cinema Mockup A.png (2 MB, 1440x2000) Image search: [iqdb] [SauceNao] [Google]
Cinema Mockup A.png
2 MB, 1440x2000
Another "rate my frontend design" request. Thanks to those who gave me feedback last time!
>>
>>52540118

You don't want to be this guy, go to a good university kids.
>>
>>52542241
Footer 0/10
>>
How does facebook push Chrome notifications even when its site is closed?

I doubt there's facebook js in 4chan that does it.
>>
File: Desktop HD 4.png (1 MB, 1550x1400) Image search: [iqdb] [SauceNao] [Google]
Desktop HD 4.png
1 MB, 1550x1400
>>52542254
True that

>>52542241 (Me)
And here's a different one with the same content.
>>
>>52539102
You mean ASP.NET Core 1.0, kouhai?

http://www.hanselman.com/blog/ASPNET5IsDeadIntroducingASPNETCore10AndNETCore10.aspx
>>
>>52542241
chill down with the shadows.
>>
>>52533579
>So what do they use these days?
JS and Go.
>>
>>52532967
>>52532997

Laravel is atrocious. Not syntactically, syntactically it's great. Most of the concepts are copied wholesale from ASP.NET MVC though. On the other hand, it's a slow turd. Laravel is nothing more than an abstraction layer for Symfony components and doctrine. It's slower than all of the other PHP frameworks except for Zend2 which is a complete turd. The only really is because it's a good babby's first framework, but I wouldn't tough it with a ten foot pole in a production environment, I use a PHP framework called Phalcon which is a compiled extension that exposes its functionality as PHP classes.

I had a dev working for me a year or so ago who thought Laravel was the greatest thing in the universe. One day he bet me that he could make a Laravel REST API that was faster than what I could write in Phalcon, so we wrote the most basic API we could that fetched data from the database. Deployed on a remote staging environment that was running on identical hardware to our production servers, the Phalcon API took 15ms round trip to fetch data from the database and send it to the client. The laravel app took 175ms round trip.

Laravel is a slow, if pretty, shit heap.
>>
If I use Hack, HHVM, and React will I be able to build the next Facebook?

If I use Go and either Angular or Polymer, will I be able to build the next Google?

If I use bootstrap and bower, will I be able to build the next Twitter?

If I use static typing, continuous integration, Slack, unit testing with 110% code coverage, use a stack instead of a heap, blog about social issues, and buy a pair of thick-rimmed glasses and a superiority complex, will I be able to call myself a true Scotsman?
>>
>>52543085
Yes.
>>
I'm using PHP 5.6.

Due to reasons, all of the users connected to a specific webpage have to get information from the database, then do some operations with said information and display it via AJAX.

The problem is, the info they get and the operations they perform are the exact same for every single user.

Isn't there a way for the server to do these operations and get them ready for the users to retrieve later? I could technically use a database, but this data is not meant to be persistent at all so I don't really know if it would make much sense.

Like, shouldn't I be able to get the server to run some script each 10 seconds, get a result ready and just let users get that result?
>>
>>52543533
how big is it? Write it to a file perhaps? Or put it in your code as a variable?
>>
>>52543533
The problem with PHP CGI setups is just that- you can't share state between requests without writing to a database or file. I suggest learning another method of writing webapps when you can.

Right now, I'd say your best bet is:
>Write a server-side script (command-line PHP is a thing, if that's the only language you know right now) that processes the data and writes it to a file
>Use cron to call that script every 10 seconds
>The PHP that actually handles the user's request should basically just read from that file

The only possible issue is that you could get a race condition if the request code reads the file at exactly the same time as the processing code writes to it. To avoid this:
>Have the request code read from file.dat
>Have the processing code write to file.dat.new, then rename file.dat.new to file.dat when done
>>
>>52543675
>The problem with PHP CGI setups is just that- you can't share state between requests without writing to a database or file. I suggest learning another method of writing webapps when you can.

I see

>>52543597
>Write it to a file perhaps?
>>52543675
>>The PHP that actually handles the user's request should basically just read from that file

Yeah I guess that's my best option right now, thanks
>>
Need suggestions for a portfolio piece to work on.
Requirements:
* Needs both a complex back-end and a pretty front-end
* Complexity should be obvious just from using it. Nothing deceptively simple-looking that's complex behind the scenes, that misses the point. I need it to be impressive even to non-technical PR people and the like
* Not just yet another forum/todo list
>>
>>52544126
Look here for some inspiration. He isn't keeping it updated thou.

https://github.com/jlem/WebDevChallenge
>>
>>52544126
Something something NodeJS...
Go on GitHub and find something built in PHP and rebuild it in Node.
Find web dev with personal websites and check their portfolios for ideas.

I've been searching for the past few days trying to find something to do to add to my portfolio as well. Good luck with that.
>>
File: ogk2Fzd.jpg (228 KB, 870x864) Image search: [iqdb] [SauceNao] [Google]
ogk2Fzd.jpg
228 KB, 870x864
Redpill a C++ guy on Web dev.

Do Javascript and php serve the same purpose?
What about python and ruby for Web dev? What are their use cases?
>>
>>52544393
php, ruby, and python are usually for backend server coding

javascript is for client side
>>
>>52544435

>What is Node.js
>>
File: V3DLTiW.jpg (736 KB, 994x1500) Image search: [iqdb] [SauceNao] [Google]
V3DLTiW.jpg
736 KB, 994x1500
About to rent a VPS to host a site im developing. Is this a pain in the ass to set up or is it relatively easy even for a novice? Going to do basic LAMP + Phalcon.

Will i be wanting to commit suicide at the end of the week or no?
>>
>>52545052

Nah. It's easy. I can send you a Lamp Deployment script that will install everything for you if you like.

Phalcon is pretty slick, but the learning curve is higher than some of the more popular frameworks.
>>
>>52545052
Just so you know, popular VPS providers generally offer the choice of starting with pre-prepared images, including LAMP, LEMP, and Node setups. DigitalOcean offers this for one, and I frequently make use of it.
>>
>>52540267
>Well if they've loaded the stylesheet for the parent page, they should have the stylesheet for the interior page as well if they're the same, yes?
That's right but there's more too it. Firstly if the two load in parallel or there's any overlap at all then the cache will be cold. Cache won't have anything in it until one of the requests is totally done. That's why you need to hold off on the responses generated by the iframe until the parent requests are done.
>>
>>52545052
It helps to have some Linux knowledge and experience, though there's tutorials and guides out there for just about everything when it comes to Linux servers, remember to properly set up permissions, SSH keys, firewall and fail2ban, then consider things like LetsEncrypt and Mailgun for convenience.
>>
WHERE CAN I FIND A FUCKING EXPLATION OF HOW GIT WORKS

I

DONT

GIVE

A
F
UCK

ABOUT THE COMMANDS

I COULD GIVE A SHIT

THANK YOU FOR WRITING THE 1000202020202020TH BLOG POST ON YOUR POS SITE ABOUT BASIC GIT COMMANDS AND TITLING IT "HOW GIT WORKS" INSTEAD OF "BASIC FUCKING RETARD SHIT ABOUT GIT"

HOW DOES IT WORK
WHERE CAN I FIND OUT HOW.GIT.WORKS - THE INSIDES, HOW IS IT STRUCTURED, WHAT HAPPENS WITH EACH COMMAND I WANT TO KNOW THE BASIC SHIT BEHIND THE SCENES OF HOW SOMETHING FUCKING WORKS

jesus fucking christ how fucking hard is this shit
>>
>>52547837

can someone please help me out here
>>
>>52547837
https://progit.org/
>>
>>52547837
maybe the wikipedia page?
>>
>>52547862

jesus fucking christ how hard was that

who the fuck thinks shitting out 1000 commands on someone trying to learn something is a good way of learning a topic for fuck sake

thanks anon
>>
Got my first job as a Junior php developer the other day! Pretty excited to start. Im 19 from the UK.
>>
>>52548003

Congrats anon, good luck
>>
>>52548049
Thanks!
>>
>>52547947
No problem, anon.
Git is hard. Really. But once it "clicks" in your head, it's the most awesome VCS you'll ever use.
Right now, I'm using Team Foundation (Microsoft's shit) because the company has been using Microsoft's VCS since the 90s, but at my previous work we had switched from SVN to Git 9 monts before I left.
At first I was like you "MY. FUCKING. GOD. HOW HARD IS IT TO JUST BRING THE CHANGES, AND THEN UPLOAD MY CHANGES TO THE SERVER? STAGE? COMMIT? PUSH? COME FUCKING ON!!! FUCKING FREETARDS! FUCK YOU LINUS!!!"
But after hitting some walls (losing days of work because of horrible merging, and retards --forcing all the fucking way), I read Pro Git. Now, I use Git for personal projects, even if I won't be pushing to a remote server the code.
>>
>>52548132
No worries man, getting your door in the foot is probably the hardest part of the position.

>>52548133

That's literally exactly what I'm talking about, I just need something that explains how it works so that I understand the logic behind it and it clicks.

Anyways this book is great so far, thanks again for the help
>>
>>52546444
Right, right, that makes sense. Certainly wouldn't want to load the page with no CSS.
I'll have to find how to defer page serving and detect when pages are fully loaded with this current system. That's bound to be a whole lot of not-fun bullshit, but oh well.
>>
>>52548133
daily reminder to use atlasian and not github. far better for git for a variety of reasons
>>
can a locally, like localhost, deployed apache server be accessed by other people?
>>
>>52548997
probably, anon, but the exposure you get by hosting on Github is pricelesss (for public repos/projects)
>>
How can a frontend guy get in the door? I want to do more projects but i don't know where to get them. My design is also subpar ;-;
>>
>>52549135
Check out projects on freelancing sites,
>>
>>52537286
Nice work.
>>
>>52549388
Then I'll be competing against rajit for 1$ sites. Rest in designated shitting streets

Any other ideas
>>
>>52537286
Did you used to be a designer or something? You could probably easily freelance since you can design and hopefully do front-end.
>>
>>52549854
lol I'm done, good luck kid
>>
>>52549945
I know. I'm still open to better options. I'll take it if it's what I can get.
>>
>>52540118
Try and come up with a schema that fits all of the original data/make the original data conform to said schema. A combination of these two things is your best bet. Spent a good part of 2014 writing Perl scripts that did just that.
>>
>>52545052
>>52545336
>>52546331
>>52546468

Im back, that was easier than expected. I ran into some roadblocks (compilation problems, AllowOverwrite, Volt permissions, phalcon.io being loaded before pdo, random things being broke) but after a few hours i managed to get it running.

I know its just babbys first webserver, but gotta say it felt DAMN awesome when i put my whole project in there and it just worked.
>>
File: adasdasdase.png (368 KB, 1027x885) Image search: [iqdb] [SauceNao] [Google]
adasdasdase.png
368 KB, 1027x885
Selling sites on themeforest seems to be kind of profitable.

I've downloaded a few templates from there and their coding is sloppy at best, they're usually riddled with free jQuery and Wordpress plug-ins to make the site look fancy and all you need to do is copy designs from other templates but make yours different enough to not look like a straight rip off.

Take a look at this shit for example, $60 * 186,000 sales - ~35% Envato/Paypall cut = almost 4 million dollars.

I guess all you need is one big hit to establish yourself as a themeforest seller.
>>
I feel like such a failure. I don't know how to decipher this.

https://gist.github.com/nikic/3707231

$hash = password_hash($password, PASSWORD_DEFAULT);


That line of code hashes the password.

if (password_verify($password, $hash)) {
// password valid!
} else {
// wrong password :(
}


That block of code is supposed to verify it. It fails every single time. I've double checked several times to make sure I'm doing it correctly but it just simply doesn't work for me. :(
>>
What do employers expect from a Jr Front End Dev?
>>
Guys I know this is design not development but how do they get the background on this page:
https://support.google.com/chrome/?p=help&ctx=keyboard#topic=3227046

(the blue stripe at the top)
>>
>>52551029

Looks like it's just a background section with the Welcome section floating above it.
>>
>>52551060
They don't specify a background color or image

is it some php wizardry?
>>
File: sfdsfsdre.png (74 KB, 1919x698) Image search: [iqdb] [SauceNao] [Google]
sfdsfsdre.png
74 KB, 1919x698
>>52551029
>>52551078
>>
>>52550987
Post an example of your code.
>>
>>52551104
Omg cant believe I missed that
thanks
>>
>>52542968
Underrated. Laravel is a statically bound, highly coupled RAD framework for agency code monkeys who are also Otwell's fanbois and jerk off to fecades. Also, huuuge bus factor in god-developer driven project.
>>
>>52551115
>>52551115
Never mind, I got it to work. I get these brainfarts every now and then where the solution is staring me in the eye and I never notice. I need a break for a few days :/
Thanks anyway
>>
Do you use jQuery in your projects?
>>
>>52542968
Laravel 5.2 is a bit faster, but I still would not use it for an API, since SlimPHP and Fatfree are better for that.
If speed is very important, try using Go.
>>
>>52542968
>Phalcon
>>52551548
>SlimPHP

How the fuck have I never heard of these.
>>
>>52551104
>>52551029

You dont have to make a div just for it, they could have just done this on the top element

border-top: 300px solid rgb(color);
>>
>>52550960
Making a theme and throwing it on there seems like the easy part. How do you actually get people to buy them?
>>
>>52551548
Are there new benchmarks? I remember reading about Laravel failing spectacularly right after 5.0 premiere, had a good laughs reading all the fanbois reactions. Otwell posted some angry tweets about how that benchmark was skewed and how laravel was not deployed for production, so some guys rerun the whole testing harness after applying all cache generating commands and L5 was still better only than Zend2. It was marginally faster than plain installation of Symfony 2.7 when using redis as cache provider.
>>
I have to ul elements in the header and want to float one to the right but whenever I do, the parent element no longer contains the floated ul. Why does this happen? It stopped working after I applied a CSS reset.
>>
>>52551940
*two
>>
Any Play Framework 2 users here?
>>
>>52551940
>>52551958
Never mind. Don't now why I had the header stuff in a list to begin with. Took it off and shit worked.
>>
What's the proper way to float an image to the center inside a div?

img-class{
margin: 0 auto;
float: none;
}


That only works half the time and I don't know why.
>>
>>52552277
Why float can't you use positioning or flexbox?

http://codepen.io/anon/pen/OMzGez
>>
>>52552499
It doesn't work for my image.
>>
File: 1453336826098.png (26 KB, 640x480) Image search: [iqdb] [SauceNao] [Google]
1453336826098.png
26 KB, 640x480
>>52530426
Friendly reminder.
>>
>>52552654
>>52552499
Got it to work using:

img-class{
display: block;
margin: 0 auto;
}


CSS is so shaky.
>>
>>52551918
It seems it became 20~% faster
https://laracasts.com/discuss/channels/laravel/laravel-52-currently-sitting-about-25-faster-than-laravel-51
>>
File: Capture.png (111 KB, 284x441) Image search: [iqdb] [SauceNao] [Google]
Capture.png
111 KB, 284x441
Might be a stretch, but how do I get a gradient like this on a div?
I can't inspect it, this is something a guy created in photoshop.
>>
>>52553044
Looks dank as fuk
>>
Asked this in /sqt/ but I think you guys are more fit for this

Hey Fellas,
I need your help.
I have a form in php which shows all fields like
Test [ Input some shit here nigga ]
Test 2 [ Here again nigga ]
.
.
.
If I submit this form it goes to another php script to evalute it thats fine.
What I wanna do though is having Test [ ] displayed then clicking next will hide Test [ ]
and show Test2 [ ]
then clicken next will hide it until I reach TestX [ ]
then clicking next should submit this form to the php scripts which evaluates this form.
Is this possible if so how?
>>
>>52553131
Sounds like you'll need a lot of JQuery/JS code.
Hide and display different sections of the form based on what the user clicks. Shouldn't be too difficult if you know how to write JS code.
>>
>>52553188
OK alternatively I made the submit button not clickable if not every text field has something inside it.
Anyways to make a next button which hides a field and displays another?
I have an idea but I have no idea how to realize this in code or if it's possible with PHP/HTML:
Make a counter
Show every depending on if statements.
And just enumarete the fields, displaying/hiding them when the counter hits specific numbers
>>
planing on doing a videogame using only javascript+css+html and not libraries because fuck you, for fun.

What else should I also learn?

Imagine something like an interactive book or an interactive magazine with some little minigames.

Should I also learn PHP?
What's PHP used for?

What other shit I can also learn for fun for this project that maybe be cool to put.
>>
>>52553328
fun is a buzzword
>>
>>52553303
No, don't do it in PHP/HTML, you'll probably get lost in a shitstorm.
It's much easier with JS.

1. When the user presses the next button, use JS to append a class so that the completed section is no longer visible.
2. Make the next section visible using the same method.
3. At the end gather all the data from the form and submit it like you would any other.

All the JS is doing in this case is removing a completed section and showing the section that follows. Not too hard.
>>
>>52553044
There is a plugin for that. Do you have photoshop, and the psd file available?
>>
>>52553540
Nope. Saw the pic on a guy's portfolio.
>>
>>52547837
It's called reading the source you dumbshit.
>>
>>52547837
I don't know nothing about GIT but I use git desktop like a good winpleb.
>>
It's dreamweaver good for web development (making a webpage)?

does it allow for programming in basic javascript?
>>
Guys, I never ask for advice here, but I really need some today. I have been doing web dev for only 2 years, and am totally self taught, so I don't have much confidence, but I try to hide that. My boss decided I should try to train up a team of 2-3 people that are literally straight out of college. Without going into too much detail about my business, we currently go to a client, quote a web app, do the app, try to stay on our hourly budget, repeat. One of these people straight out of college is bugging the shit out of everyone about how we should internally ignore the budget of the apps we make, and just make them as perfect as possible so we have something to "show" that looks and feels nice. This guy has been here 8 months, and literally didn't know how to write a single line of backend code (no joke, he didn't even know how to declare a variable). He has come a long way and is a pretty hard worker, but is really god damn slow, at least compared to me. Should I get rid of this guy now, or is there merit in what he is saying? An example of his work is he is making a drag and drop scheduler similar to a watered down version of JS FullCalendar (single day view only). He is currently on track for it to take 250 hours to do this. How much is a guy like this worth?
>>
>>52553328
>I want to do a videogame using only X, Y, and Z. What else should I use?
uhh, what?

PHP is used as a serverside language, something that generates HTML. You probably don't need it to make a game unless you have state that outlives a session (like save games or a leaderboard or something).

Most interesting browser games are made with either Flash (bretty shitty but historically well supported) or Canvas (sexy and new but not as mature, probably what you want to use). Canvas interface is all JS, you won't even need to learn a significant amount of HTML or CSS to use it although you will have to learn 2D graphics programming which is fun but non-trivial. Dust off your trig textbook if you haven't used it in the last few years.
>>
>>52554064
thanks.
does dreamweaver allow for using javascript?

I just fall in love with it.
>>
>>52553414
Oh thanks thats a much easier way
>>
how do I set a max_width of my text inside a webpage?

Like if the screen is bigger than 500px the text still behaves as if the screen were of 500px and just center the text?
>>
>>52554088
>does dreamweaver allow for using javascript?
It does, and most professional JS developers use a basic programming text editor (ala sublime, atom, vim, emacs, i.e. not an IDE) and DW certainly has that although it's reason for existing isn't that. So yeah, you can use dreamweaver but if you're doing a canvas game there's going to be a lot of functionality in dreamweaver you simply aren't going to be utilizing, which is fine but something keep in mind.

Also professionals kinda scoff at DW, I think it's a little unfair but it's kind of a truism that not a lot of experienced devs use it. So while there's no causative relationship between DW and novicehood it is a litmus test a lot of people hold to.
>>
>>52553976
god no. pleb software
>>
>>52554410
>>52554412
is dreamweaver the unity/gamemaker of web development?
>>
Is this a good way to set the border box property everywhere?

* {
box-sizing: border-box

}
>>
>>52554312
If you still need help in a few days then post here. This sounds like something I'd want to do and add to my portfolio.
>>
>>52554367
Use media queries.
>>
>>52554629
what?
>>
>>52554556
>* {box-sizing: border-box}

I'd use
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
}


due to Firefox using the prefixed version for fucking forever. They only switched to using the unprefixed one in like last year.

But yeah other than that, yes.
>>
>>52554442
>unity/gamemaker of web development
as in something a lot of novices abuse but which is still a perfectly valid tool? Yes.

as in a industry shibboleth that people hold very strong and often unjustified opinions about? Again, yes.

As in devoid of worth? No.
>>
>>52554638
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Think of them like if statements in programming.

@media (min-width: 700px) { 
/* CSS code here */
}


That's a basic example. What that does is for every screen size at 700px or under, the CSS defined inside it will be applied to your page. So what you need to do is make a few media queries (you probably won't need more than 4) and set the desired font-size in each.
>>
>>52554556
Star selector is CSS3 I beleive, browser support won't be 100% but that's good enough for most people. It's hard to say what level of support is enough, I grew up in a shop where IE8 needed to be supported so basically everything cool was forbidden. You've got to make the call on how much you care, what your support target is. Caniuse is your friend.
>>
>>52554695
thanks.
>>
>>52554695
This is wrong. Here's the typical way to do max width pillars:

https://jsfiddle.net/t180r1bo/
>>
>>52554743
>Like if the screen is bigger than 500px the text still behaves as if the screen were of 500px and just center the text?

Yeah I read it wrong the first time. He'll still need media queries to center the text if it's above 500px.
>>
File: internet.png (239 KB, 1440x900) Image search: [iqdb] [SauceNao] [Google]
internet.png
239 KB, 1440x900
>>52554695
It doesn't work.
:/
>>
>>52554701
http://www.w3schools.com/cssref/sel_all.asp

get schooled son
>>
>>52554865
>dreamweaver

dios mio
>>
>>52554865
>dreamweaver
Are you aware of what the current year is?
>>
>>52547837
just include the readme when you setup the repository. boom it's setup. Yeah I hate gitnub as well.
>>
>>52554979
>Are you aware of what the current year is?
jesus christ what are you doing? Sublime Text and chrome dev tools are all you need.
>>
>>52554945
>>52554979
pls no bully.

I just want the text to look like it does on the tablet screen but also in my destkop screen.

The text justs comes as two lines in chrome.
>>
>>52554917
Well I did say "I believe". Looks like it is level 2 so everything anyone cares about should be supported.

Posting a W3Schools link and telling someone to "get schooled" is pretty dumb though.
>>
>>52555051
It was a joke.
You're not fun.
>>
File: internet.png (213 KB, 1447x900) Image search: [iqdb] [SauceNao] [Google]
internet.png
213 KB, 1447x900
>>52555037
oh well, thank god for those css tutorials.

I'm so happy now.
:)
>>
>>52555466
Why do people center align body text?

It looks like shit and it's a pain in the ass to read. If it's more than one line it should be left aligned. People who disagree should be euthanized.
>>
>>52554701
>having to support older versions of IE than MS does
IE support shouldn't be a problem anymore. There isn't a single valid reason to support anything older than IE11 now.
>>
>>52551019

Excitement about the web.
>>
>>52553044
It's a radial gradient.

https://developer.mozilla.org/en-US/docs/Web/CSS/radial-gradient

SO. Make a `div`(or `article`/whatever if you want to be "semantic" about a small component) with a radial-gradient as the `background-image`. Set the background position to center and a negative bottom. And boom you did it. Congrats.
>>
>>52554701
>Star selector is CSS3 I beleive

What the fuck fool?? the * selector has been around for a very long time.
>>
>>52554556
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
>>
>>52549072
Depends on your router. Most likely, no.
>>
>>52530426
Does anyone have that link to a guy who tried to do a fizzbuzz whiteboard problem but just kept on going and going?

Need it for a friend.
>>
>>52556271
you could just set it to be
*, *:before, *:after {
box-sizing: border-box;
}


without having to declare the HTML tag, right? does the same thing.
>>
How many sites in a portfolio is enough?
Do they really go over it with you, or they just quickly skim through it. It'll piss me off if I work my ass off in my portfolio and they just give it a quickie.
>>
>>52557120
Got ya, bra
http://thedailywtf.com/articles/The-Fizz-Buzz-from-Outer-Space
>>
Hey curryniggers.

Just a quick question for you.

Is it possible to hide an element, but not the contents of it's :before pseudoselector?

Let's say I have a checkbox with

:before {
content: "fuggg"
border: 1px solid #000;
background: #fff;
}

And I want to hide the default checkbox and only leave the graphic created with :before pseudoselector visible.

How do I do that?
>>
>>52557157
Make the portfolio look like any of the "2015 HTML5 Boostrap templates" and fill it with a variety of websites.

Every company gets tens of candidates for each position, they invite only the few ones they like, mostly because of their experience/linkedin profile/portfolio/github.

There's no time in HR for carefully examining every project you shit out.
>>
>>52558451
Set the position of both elements as absolute, and change their z-indexes.
Or use visibility: hidden.

HOWEVER, you don't need javascript for this shit if you are planning to use it.
http://codepen.io/CreativeJuiz/pen/BiHzp
>>
>>52532835
Erm your javascript is running in one window and your controls are in an iframe. That's 2 different contexts. Those windows can't just share the same script you know.
>>
>>52556242
Oh this is sweet. Thank you.
>>
>>52544203
>Javascript: Validate form data on the client-side.
Don't do this. This poses a security risk especially for login/sign up forms. Use AJAX to send the results from the backend, but use JS to display the result.
>>
>>52561162
Actually you should do both: Verify data client-side and server-side.
>>
what sort of skills do you need to run a server/network for a university? Like what languages, experience, etc.
>>
>>52561215
The simple stuff that doesn't pose a security threat (like checking if required fields are empty) can be done client side, sure. But validating email addresses, passwords, etc. should be done back end.
>>
File: 20141114_123122.jpg (2 MB, 2448x3264) Image search: [iqdb] [SauceNao] [Google]
20141114_123122.jpg
2 MB, 2448x3264
So I have a diploma saying that I am passable in the basics, (html,css,java, js,ajax,php,mysql), what would be good to pad my resume/skills with?

I was looking at this:
https://www.microsoft.com/en-ca/learning/mcse-sql-business-intelligence.aspx

or a cert in C#, UX design or project management

What do you recommend I look into to make myself more desireable to employers?
>>
>>52561280

What are you talking about, validating emails is literally done by setting the type to email and the same applies to passwords; all front end
>>
>>52562125
Setting the type is done in HTML. But it's as if you don't realize JS, and all client side validations for that matter, can be bypassed.
>>
how do I make a sidebar at the left that hides automatically and only leave a button to click to open it again?
>>
So I'm trying to compile 4chanx from github but I'm getting
Running "coffee:script" (coffee) task
>> tmp-userscript/script.coffee:5950:1: error: unexpected indentation
>> $.on linkBot.firstElementChild, 'click', ->
>> ^^^^^^
>> In file: tmp-userscript/script.coffee
>> On line: 5949
>> $.on linkBot.firstElementChild, 'click', ->
>> ^
Warning: CoffeeScript failed to compile. Used --force, continuing.
>> Destination "tmp-userscript/script.js" not written because compiled files were empty.

What do
>>
>>52562574
I forgot to mention that this results in compiled files being empty.
>>
>Your age
>Your education
>Your job description
>Your salary

26, BS in Geophysics, Junior WebDev, 15k a year.

Pretty sure something is wrong in here....
>>
20
AAS in Game and Simulation Programming
Junior meteor app dev
25k
>>
>>52562606

>27
>BS in Business, BA in Marketing, BA in Fine Arts/Illustration
>Front-end Software Developer (heavy Angular, SQL, 2yrs experience)
>$40K

Made the swap from sales. Less money for now, willing to make the trade to continue learning.
>>
>>52562606
>Geophysics
>Junior WebDev
>15k
>>
What kind of framework/design patter you guys use to design your applications? Seems like most stuff is designed for sites that aren't supposed to be more than a form with a submit button.
>>
>>52562939

Using [mantra](https://github.com/mantrajs) with meteor right now. Seems all right for small stuff so far
>>
>>52542243
So you have the answer, yet you went to uni, and you are sad and cocky coz you wasted 250 000 on it, but this guy has a job, and no debt unlike you ?

Way to go pal, way to go...
>>
>>52548003

How long you been studying, what material did you learn from?
>>
>>52562939
Honestly need to learn something for client side stuff. I use my own framework for backend stuff right now. Learned a ton building it.
>>
>>52562606
>age
21
>education
1 year of college
>job description
soon to be working part-time retail while I drown myself on vodka while studying web dev.
>salary
none atm

Did I do good senpai
>>
What's the simplest of the simplest task you can perform and get paid for it in freelance?
I already have a portfolio in web design and software dev and shit, but I want to start very small first.
>>
Hello, how is everyone?
>>
>>52530426
Damn this false advertising, no one cares about web development. I would find a discussion with a gaming developer very enlightening though.
>>
Where is the best resource to learn PHP and a framework, I want to be employable in the shortest ammount of time and from what I have seen on here PHP seems to be the way to go (then once in work look at changing to another language).

All the stuff in OP seems to be about learning Ruby
>>
>tfw look at the page source for facebook comments plugin
>tfw no forms or anything for textboxes
>tfw just a lot of divs with weirdly named id's and classes
>>
>>52561988
bump
>>
File: giphy.gif (37 KB, 500x455) Image search: [iqdb] [SauceNao] [Google]
giphy.gif
37 KB, 500x455
Testing
>>
File: Capture.png (9 KB, 541x405) Image search: [iqdb] [SauceNao] [Google]
Capture.png
9 KB, 541x405
hello /g/
I was writing my own CSS for 4chan, but I can't figure out how to replace the X button of the quick reply window (pic related)
pls help

I already made an image http://i.imgur.com/OXcb1hr.png
>>
How do I count the number of a certain class in a page? I keep getting undefined:

var numQuestions = $('.question').length;
function myFunction() {
document.getElementById("numQ").innerHTML = numQuestions;
}


I've also tried .size()
>>
which one is undefined? $('.question'), document.getElementById('numQ'), numQuestions?
>>
>>52563799 ment for >>52563708
>>
>>52563799
>>52563818
I got it, nevermind. I just forgot to link jQuery. Thanks, though!
>>
>>52563685
Look for class "close"
>>
>>52563685
.extButton {
background: url('xxx');
}


replace xxx with image in base64 encoding. it should work i think
>>
File: Capture2.png (14 KB, 976x186) Image search: [iqdb] [SauceNao] [Google]
Capture2.png
14 KB, 976x186
>>52563842
I have no problem finding the class. It's just that I don't know how to replace it. I think I've followed this tutorial correctly, but it doesn't work for me
>>
>>52530629
jsbin... better than jsfiddle and codepen
>>
File: giphy.gif (992 KB, 368x208) Image search: [iqdb] [SauceNao] [Google]
giphy.gif
992 KB, 368x208
Test from giphy.
Tag name: american psycho
>>
>>52563181
doing good and yourself?
>>
>>52563966
>>52563555
what're you doing?
also checked
>>
>>52563708
document.getElementsByTagName('class').length
>>
ok, since gd is dead as fuck, I want to ask here.

how complex is graphic design?
how long would it take to learn and master?

I'm downloading a bunch of dvds and books from cgpeers but I wonder how long would it take to learn graphic design at some competent level.

I'm sure it would be easier than learning to draw and paint because most of the time is basic abstract works (lines, rectangles, circles) that is basically coded using a basic baby tier language and most of the time you end up using photos and stock images.

For all the shit I have seen, it doesn't seem too complex and most of the stuff is very similar to painting (stuff that I already know).
>>
>>52564014
>getElementsByTagName
sorry, i meant
getElementsByClassName
>>
File: giphy.gif (481 KB, 415x274) Image search: [iqdb] [SauceNao] [Google]
giphy.gif
481 KB, 415x274
>>52564013
I am writing giphy support for 4chan x
>>
File: pshabf.webm (3 MB, 1440x838) Image search: [iqdb] [SauceNao] [Google]
pshabf.webm
3 MB, 1440x838
>>52564036
Here's how it looks on my end.
>>
>>52563685
could only come up with this.
div#qrHeader:after {
display: block;
content: url('http://i.imgur.com/OXcb1hr.png');
width: 18px;
height: 18px;
position: absolute;
right: 3px;
top: 3px;
pointer-events: none;
}


img doesn't allow before/after, so adding it to the header and positioning it above the close button and turning off mouse events does the trick.
>>
fags
>>
File: capture4.png (2 KB, 241x181) Image search: [iqdb] [SauceNao] [Google]
capture4.png
2 KB, 241x181
>>52564079
thanks a lot!
>>
sup senpai

I'm making a photography based web application with emphasis on a minimalistic aesthetic, tag based search functionality, and a portfolio style user profile for my web development class

I plan on using the MEAN stack for all of the front end development, but I'm sort of lost when it comes to certain backend tasks

the tasks I'm curious about are

-photo uploading, like imgur
-user photo display grid, like instagram/flickr
-user profiles, dynamic profile creation

I feel like php could accomplish most of this, but I sorta like using javascript frameworks more
>>
>>52564049
looks dank as fuck
>>
>>52544941
A meme
>>
File: 9O97urs.png (14 KB, 714x222) Image search: [iqdb] [SauceNao] [Google]
9O97urs.png
14 KB, 714x222
>>52564279
Read docs regarding those particular things.
First one you mentioned is purely backend, as you have to validate that the particular file is an image as well as push it through several functions to store it.
Second one seems to be purely frontend, since you'll need to template the whole thing.
Third one feels also mostly front end.
I'd suggest Laravel as framework of your choice, even though it's PHP, but still gets the job done, since you don't have to write your own database functions as everything you need is already there.
Then again, I hadn't explored javascript frameworks outside front end ones such as AngularJS.
>>52564457
O-Okay, ccd0-senpai.
>>
>>52557144
>without having to declare the HTML tag, right?

If you do it that way and you include a third-party component that has been created with content-box it will be fucked up. This may be rare because more people are using border-box, but it does prevent issues.
>>
>>52564189
I feel like I should know this but I don't. How do you write custom css for a webpage?
>>
>>52565465
most web browsers let you load a userstyle.css.

some addons simplify this.
https://en.wikipedia.org/wiki/Stylish
>>
>>52563175
Anyone?
>>
>at the end of job interview
>"anon make sure to send me your github and put some of your work online, we'll talk on monday"

There's a 4chan clone in my github, shoud I remove it?
>>
>>52566988
Depends on how SJW the company looks. Just explain to them it is a clone of a popular image sharing site
>>
>>52567016
>Depends on how SJW the company looks
Yeah I better remove it.
>>
>>52566988
That was how I got my job.
>>
File: 1or2.jpg (70 KB, 1000x611) Image search: [iqdb] [SauceNao] [Google]
1or2.jpg
70 KB, 1000x611
Which one?
>>
>>52567016
pretty much this.
explain it's just an image sharing site.
>>
>>52567016
>a clone of a popular image sharing site
You seriously think they don't know 4chan?
>>
>>52532991
same here, a good design and simple/fast implementation can go a long way for many projects.
>>
>>52567224
either or. I'd get the 2nd one just because it has javascript with it, if you don't/aren't comfortable learning it on your own.

>>52567362
Most people don't. Also, many parts of 4chan are actually SJW. lol
>>
>>52566988
>>52567185
how do you even make such giant projects like that? Completely blows my mind.
>>
CSS guy here again.

I'm trying to change the 4chan logo on the home page too, but I can't figure out how
pic related is what it's supposed to look like, can someone help me?
>>
>>52567871
this is what it looks like right now

this is the logo btw: http://i.imgur.com/ZkGU2Yc.png
>>
is webdev truly self taught-able or is it really something you need to go to classes/uni for?
>>
>>52567886

use css to hide the a tag with the image in it?
>>
>>52567871
>>52567886
okay, here again
a[title="Home"] img {
display: none !important;
}

a[title="Home"] {
width: 683px;
height: 250px;
background-image: url("https://i.imgur.com/ZkGU2Yc.png");
display: block;
background-position: center center;
background-repeat: no-repeat;
}
>>
>>52567952
actually, instead of 683px, which was the original images width, use 100% to make it go center.
>>
>>52567972
>>52567952
thanks man, you're great
>>
>>52567937
missed your reply, but yeah, that did the trick >>52567952
>>
In JS, when is it okay to use anonymous functions or named functions?
>>
>>52569191
you use anonymous functions generally during callbacks. named functions are usually just to give them context
>>
is worth learning a template engine? or should i stick with plain html? what is used in the real world?
>>
>>52569959
templating engines aren't used much, mainly because they don't save you much time.

Just realized why so many FE developer web sites look the same. THEY ARE ALL BUILT USING WP.
>>
hi i saw another anon in the thread messing around with the 4chan CSS
is it possible to make it look like pic related?
>pic related
i have no idea how to change it, i already tried the methods the other anon used
>>
>>52570259
here are the imgur links btw

http://i.imgur.com/Y7d6g5S.png
http://i.imgur.com/EKi3j7P.png
>>
>>52570277
>>52570259
also i want to change the other + button that I forgot to edit with inspect element
>>
>>52562574
Is this a fresh copy or have you edited the source files?
>>
>>52538223
A lot of what you said honestly went over my head unfortunately, but I do enjoy TDD and believe it is vital for any any application, regardless of the language.

On a personal project, I wouldn't touch it but when you work on massive projects for a company - one that will be in use years later it's extremely important as it prevents refactoring and new extensions to the program from breaking. TDD is just as, if not a bit more important than well-written docs.

>>52538307
The tests weren't written by me completely, but by a senior of mine. I wanted to try recreating this project from scratch and get it working with the TDD.


I figured it out. I had forgotten to add this line in my User model. I had a regex but it wasn't being used earlier.
validates :email, uniqueness: { case_sensitive: false }, format: {with: EMAIL_REGEX }
>>
NEW THREAD
>>52572089
>>52572089
>>52572089
>>
>>52572182
testing too much *does* prevent refactoring, but imho that's a bad thing. unless you're working with a public api or something, refactoring should be easy and encouraged, especially when new features add complexity that wasn't anticipated in the original code.

i only write high-level feature-based tests unless something internal is complex enough that i can't get good coverage from feature specs alone.
Thread replies: 302
Thread images: 30
Thread DB ID: 460277



[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 / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | Home]

[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 / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | 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.
This is a 4chan archive - all of the shown content originated from that site. This means that 4Archive shows their content, archived. If you need information for a Poster - contact them.
If a post contains personal/copyrighted/illegal content, then use the post's [Report] link! If a post is not removed within 24h contact me at [email protected] with the post's information.