[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: 28
File: 1449342190628.png (725 KB, 822x552) Image search: [Google]
1449342190628.png
725 KB, 822x552
Old Thread >>52134266

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

>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/

>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/
>>
First for javascript
>>
File: sticker-02-15-2.png (86 KB, 2064x1434) Image search: [Google]
sticker-02-15-2.png
86 KB, 2064x1434
what's your excuse for not using the two greatest memes of 2016?
>>
>>52196064
hamster whale?
>>
>>52196032

https://dribbble.com/ - be inspired.
>>
>>52196064
If I deploy statically linked binaries I can do without Docker.
>>
>>52196064
it's 2016 how can you create a language without it having a functional paradigm?
>>
>>52196081
>https://dribbble.com/
Looks cool, but what am I supposed to do there? Just look at other people's projects and get some inspiration?
>>
>>52196064
>Go
I do use it
>Docker
systemd-nspawn works better
>>
>>52196139
Yes, you can also ddos the site for encouraging bad programming ethics
>>
>>52196139
Pretty much.
>>
>>52196181
time to hping
>>
>>52196121
docker provides isolation and immutability, see:
>http://chadfowler.com/blog/2013/06/23/immutable-deployments/
>>52196150
haven't tried nspawn though i have heard it's good, might check it out at some point, any links to good reading material?
>>
>>52196266
>isolation
Okay.
>immutability
Better use something like Nix for that.
>>
>>52196266
>Happy holidays
AND INTO THE TRASH IT GOES
>>
>>52196064
go whale?
>>
>>52196621
What has the holidays done to you papi?
>>
>>52197730
>RethinkDB
What's it like in production?
>>
File: halp.png (87 KB, 1920x1080) Image search: [Google]
halp.png
87 KB, 1920x1080
How can I get some blocks on the right side? I
keep getting pic related:
<html>

<head>
<link href="tictactoe.css" type="text/css" rel="stylesheet">
</head>


<div id="box">
<input type="button" id="btn1" onclick="clickBtn('btn1')"/> <input type="button" id="btn2" onclick="clickBtn('btn2')"/>
<input type="button" id="btn3" onclick="clickBtn('btn3')"/> <input type="button" id="btn4" onclick="clickBtn('btn4')"/> <input type="button" id="btn5" onclick="clickBtn('btn5')"/>
<input type="button" id="btn6" onclick="clickBtn('btn6')"/>
</div>

<script type= "text/javascript">

var player = 1;


function clickBtn(btn){
if (player == 1) {

document.getElementById(btn).value= "X";
document.getElementById(btn).disabled= "disabled";
player -= 1;
}else {
document.getElementById(btn).value= "O";
document.getElementById(btn).disabled= "disabled";
player += 1;
}
}
</script>
</html>


pic related
>>
Is this the thread for people who have actually programmed before and don't want to argue about averaging integers?
>>
Have you guys checked out Ur/Web? http://www.impredicative.com/ur/

second place on https://www.techempower.com/benchmarks/#section=data-r11
>>
>>52197906
Not going to lie. Have yet to deploy the current first project I'm writing with it, so only things I can tell you is from other sources, I've researched. The webUI does seem like it would make management a lot easier and sharding/replication is transparent to the user.
>>
>>52198045
This general is a lot slower and the typical shitposters consider webdev (which includes anything network-related for some reason) below them.
>>
>>52198045
The defining trait of this thread, I think, is that it's about work. This mellows shit out.
>>
What's the easiest way to make money with minimal effort doing web dev?
>>
>>52198045
see
>>52198215

I like /wdg/ because people are actually open to helping and sharing info, rather than shitposting terribly written code. Most here know their fair share of back end stuff as well, as any competent programmer would.
>>
how could I freelance if I don't know design well and can't mock it up in photoshop?
>>
>>52196064
I don't work at a startup
>>
>>52198864
if you are good at backend
offer making e-shops maybe?
>>
>>52198937
I'm not.

I've heard of some people making money without having design knowledge but I don't remember how they did it.
>>
>>52197930
Try

<div id="box" style="float:right">
>>
>>52199006
>but I don't remember how they did it
Fellatio, probably.
>>
I've done a couple webprojects now and I've run into a problem where I can't test my javascripts and phps without uploading them and I figured I should correct this bad habit workflow now. I tried reading op but couldn't really find what I was looking for. Any tips for basic webdev workflow?
>>
>>52199122
I use XAMPP. Mainly only the apache server, which allows easy ajax.
>>
>>52199088
that moved a box to the right, but it was underneath the border. I just had to adjust the width of my buttons in the .css
Thanks for your help tho
>>
>>52200304
jsfiddle it next time senpai.
>>
New project:

Angular 1.x / React/Redux/Router + NPM plagiarizing / Angular 2

Which poison?
>>
>>52198364
Learn some framework like Django (Python). A billion sites still use them for whatever reasons, for example Localbitcoins site is Django.

https://www.springboard.com/learning-paths/web-development-python-django/ these are all free MOOCs, the charge is only if you want bullshit cert after.

There's always Django/Python jobs around or just freelance yourself to shit tier sites to get experience.
>>
>>52201453
Ember
>>
If anybody knows Perl, there's companies in Amsterdam (like booking dot com) who will relocate you, and as a foreign worker you get 30% tax break. For some reason Perl still popular there
>>
Can someone point out any bad coding habits in this tic tac toe game I should avoid in the future

https://github.com/WaveyGod/TicTacToe/blob/d2ab388822c6413ca98fc0f2246161af801fe105/tictactoe

also, how do I add my .css? I'm new to this whole github thing and not entirely sure what all this language means, even after reading the tut. Would my .css be a branch of the .html?
Anyways if someone could check it out and give me some pointers I'd appreciate it
>>
>>52202486
Kek
>>
>>52202486
indent your code.

everything within an if statement or a function should be indented.

also, look up for loops and jquery.
>>
>>52197930
Use bootstrap and class='pull-right'
>>
>>52203213
That's basically the same as float: right; and position:relative; tho
>>
>>52202260
I see booking.com job ads all the time. They're nonstop hiring people. I must assume given that they aren't that big, they must be really shit place to work, or people just realize they don't want to move to the middle east, I mean europe.
>>
>>52203231
Exactly the same but I'll bet that he'll find bootstrap useful later.
>>
What's wrong with PHP?
>>
>>52203266
"Its not node.js" - /g/, probably
>>
First up the reason it's wrapping at all is because there's some extra padding or margin on those buttons.
In theory you should be able to fit 3 inline elements into the space by setting the width to 33% but it often causes a lot of headaches so the tendency is for people to the float solution, but that can suffer the same fate if your not careful.
There are a few tricks you should know when doing this. You have 2 options, either make them block elements and float them, or make them inline and use "white-space:nowrap" to stop them wrapping onto the next line.
Personally I like the latter as your guaranteed to not have anything spill onto the next line but both work fine.
If your using floats the key is to wrap your element in a div and set that divs width to 33% or 50% or whatever. Make it float left and set overflow:hidden. This is key because across browser and zoom settings it'll drift by 1px and pop onto the next line. overflow hidden helps this a lot.
The inline method is nice too, it work about the same, you set the container to have whitespace:nowrap and your inline elements will never go onto the next line.
The trick with this is to set font-size to 0 on the container element otherwise you get spaces in between elements that change the overall width and screw up the effect. You just have to reset the font size inside any child element.
Both methods work well and across all browsers, if you need more info ask and I'll try and explain better.
>>
>>52203647
Sorry, this is for
>>52197930
>>
Might not seem like webdev, but these games mostly use HTML5/JS/CSS3 (Bootstrap) to make them responsive.

https://play.google.com/store/apps/details?id=com.rmgsoftware.terminaltwofortyplus
>>
>>52199122
This is why things like Docker are getting more and more useful, you may want to look into that, in essence though it's probably best to set up some kind of repository, with a local server for testing, something like XAMPP is fine.
Your goal should be to test on your local server, commit to your repository and then update your server from the repository to deploy.
That's pretty complicated in practice though, I'm still trying to find a sweet spot for deploying with version control and keeping development convenient and quick.
>>
>>52202486
This is pretty rough.
It hurts a bit to read.
Here's a quick tip. Give your inputs a class and then just select and iterate the class for silly things like clearing the board.
And get jQuery. Your reset function could look like this.
<code>
<input type="button" id="btn1" class="tictacthing"/>
$(".tictacthing").each(function(){
$(this).val('');
});

</code>
Instead of repeating yourself over and over. Cardinal rule for programming: Don't repeat yourself.
>>
>>52203647
is flexbox ever a good alternative to floating elements?
>>
/g/

What would be better... I'm about to finish my Associate's Degree in Information Technology. Should I go on to get either a BS/BA in CS or CIS?

OR

Should I forgo the Bachelor's degree and sign up for a code camp (Iron Yard, etc etc) and work towards obtaining real world experience?

I would like to become a software dev or even a frontend dev starting out.
>>
>>52203912
I think it is but I've personally avoided it because for my work it's support is still a bit patchy. IE9 doesn't support it so it's still a distant dream to me.
>>
>>52203942
i'm 22 btw...
>>
Where can I learn html5 and css3 online? I need some good learning materials. I'm new in web development. Thanks.
>>
>>52203961
Microsoft announced they were going to stop suporting anything older than IE11 so maybe you can convince your bosses to not support people still using AOL internet CDs.
>>
>>52203942
Don't go to iron yard or any of those code camps, they're all fucking scams.

Here check this out if you want to go down that route. http://www.freecodecamp.com/
>>
>>52203647
Thanks, I'm a beginner so the syntax you;re using is a little alien to me. Though I am aware of what margin and padding is. Makes sense I just played with the size of them until I got what I wanted. I'm definitely going to research everything I'm unfamiliar with though. Here's the .css
#box{
width:315px;
height: 315px;
border: 1px solid black;
}
input {
width:100px;
height: 100px;
border: none;
font-size:70px;
}
#btnReset {
width:315px;
height: 100px;
border: none;
font-size:70px;
background: black;
color: red;
}


>>52203867
Thanks dude. I've been avoiding jQuery because I was falsely under the impression it was a framework, but now I see it's actually a library. Downloading now. I can see how giving them a class and iterating through each would be wayy more efficient. What is
$(".tictacthing").each(function(){
$(this).val('');

I'm not familiar with the $

Thanks for all the help btw. I'm sure my questions are ridiculously simple, but I'm determined to get js down
>>
>>52204036
Well I work for a design agency in London, our biggest client is ACCA, a global accountancy training business. It's hilarious to me because despite our efforts to make good modern sites we're often held back by the fact the the people who really have the final say in the company are still using 15 year old laptops running windows XP.
I've gone on at them time and again about the security risks but it's just not in their interest. They have old laptops and they see no reason to upgrade because they can specify that every website that they care about still works on their old piece of shit laptop.
In some ways it's understandable because we have a big presence in Africa so we need to support some seriously old shit but the main problem is the execs who just won't upgrade.
>>
>>52204138
the $ is jquery. It's nothing more than a variable name to make it convenient to use.
basically in the source it's something like this:
var $=jQuery;
You can turn this off because other libraries use $ as their variable name too, it's really just a convenience.
>>
>>52204034
Bump :/
>>
>>52204138
the $ is just what jQuery uses for its global variable. so if I want to target an element that has an id of box I could do it with vanilla js `var box = getElementById('box');`
or use jQuery `$('#box')` which will give me an array that has the box element in it.

if you want to use jquery on a variable you can wrap it in this `$('your element')` to use jquery features on it.

It's pretty simple and you'll get it after a little bit of playing around.

Also, try using consistant formatting in your code. In your css you should have a space after the colon `width: 100px` not `width:100px`
>>
>>52204211

if you can't be bothered to google it and click on any of the hundreds of links then you probably aren't that interested.
>>
>>52204049
So you think it would be best to continue on with my education (even though I'm already 22) and get a BS/BA in either CS or CIS.
>>
>>52204211
Just stop procrastinating and pick the first one and get stuck in. You're just avoiding it. Literally and link in the top 100 links from googling "i want to learn html5 and css" will teach you the basics.
>>
>>52204252
I was 25 when I finally left school and just got a job working in web dev. You are for sure not too old to be persuing a college education.

If you enjoy learning about theoretical computer science topics, i would strongly encourage you to pursue a BS in CS. If not, then probably stay in school while you get sufficiently good at programming and can land a good job. But ya staying in school is probably the best bet for you since you're still a bit undecided
>>
File: Capture.png (82 KB, 1279x926) Image search: [Google]
Capture.png
82 KB, 1279x926
I'm doing a website for my martial art club.
It's not finished obviously, but I got a problem with the design. Or with myself.
I don't know why, I want to keep it like that, all white. I don't find it ugly, and for some reason I think if I try something it will be trash..

is this normal or I just have weird tastes ?
>>
>>52204294
Yeah that's good to hear thanks man
>>
>>52204202
Ah just getting it started
<script type="text/javascript" src="javascripts/jquery-1.11.3.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){

alert("I'm working!");

});


</script>


so is this a library containing shortcuts to help write code quicker/more efficiently and gives it broader options? I'm going to continue with the tuts I'm watching atm of course, but just wanted an anons take.
>>52204214
Ohh ok and vanilla js is just plain javascript. Like text editor written code without the use of libraries. The global variable $ already know what you mean when you do that
 jQuery `$('#box')

is that because the pound sign is already indicating you're searching for an Id? That's really cool. Yeah I gotta get to playing around with it.
>>
>>52204492
I'm not too sure what you're looking for, as this is pretty subjective, especially if this is a formal site.
Maybe implement a dropdown menu if you want? or reference to top of the page at the bottom. Looks fine to me.
>>
>>52204492
The whole thing looks terribly sterile to me.
Though maybe that's what you were going for in the first palce.
>>
>>52204492
the color scheme(or lack of) is pretty spot on for martial arts, maybe you could try shades of gray rather than boarders. also try a sans font for a less academic look.
>>
what does /g/ think of wordpress?
>>
>>52205811
Cancer plaguing the industry.
>>
Does anyone here have any experience with Backblaze's B2 cloud storage solution? It's a quarter of the price of Amazon S3 and Google Cloud Storage per GB of stored data (0.5¢ vs 2.0¢). Is it reliable? Is it shit? I'm wary due to the extremely cheap price.
>>
>>52206015
Forgot link: https://www.backblaze.com/b2/cloud-storage-providers.html
>>
>>52205811
People not needing to be devs to write a blog is kinda cool I guess but people use it for a whole of host of things where it doesn't really fit. Also wordpress themeing is about as impressive as filling out a coloring book
>>
>>52205811
one of the many examples of great, successful, libre software

"I’ve spent a third of my life building software based on Stallman’s four freedoms, and I’ve been astonished by the results. WordPress wouldn’t be here if it weren’t for those freedoms, and it couldn’t have evolved the way it has." - Matt Mullenweg, co-founder of WordPress
>>
>>52204492
I like it on the whole. I would align the subtitle a links with the body content ("ACCUEIL" would move right, "Judo, Aikido..." would as well but less.

The space between the main content and the right stuff seems a bit big, you might try making that space match the space between "next events" and "random pictures".

The list style on "Next events" is kinda ugly, I would lead with a simple dash or something. "see past events" in the same area hugs the left side a little closely.
>>
>>52204723
>so is this[jQuery] a library containing shortcuts to help write code quicker/more efficiently and gives it broader options?
Yeah, that's pretty accurate. The other big function of jQ is to smooth over browser inconsistencies (not all browsers support the same features in the same way, jQuery tries to present a consistent API across browsers even if it takes some dirty hacks on their side)
>>
>>52204252
>BS/BA in either CS or CIS
A BA is a pretty weak credential, even in an industry with pretty lax standards about credentials. CIS isn't a great education if you want to do development (and you should want to).
>>
>>52203912
Flexbox is a better thought out way of doing things, it doesn't interact with other stuff in the same toxic way floats do, but browser support is kinda shitty. You see people using it in production though so it's probably fine for hobby projects.
>>
>>52204492
i kinda like what you got going but it looks a bit like something you wrote in MS word and plan to hand out by hand.
the black/white theme is def something you should stick to though.
>>
>>52206598
It doesn't matter depending on what school you come from. Kids from Cal who study CS graduate with a bachelor of arts and still land those 120k jobs
>>
is wamp the best option for running a webserver on windows?
just for testing etc not for actual use
>>
File: wordpress_is_a_clusterfuck.png (121 KB, 876x1227) Image search: [Google]
wordpress_is_a_clusterfuck.png
121 KB, 876x1227
>>52205811
>>
File: 54464646.png (14 KB, 954x150) Image search: [Google]
54464646.png
14 KB, 954x150
function change_profile_image($session_user_id, $file_temp, $file_extn)    {
$file_path = 'core/images/profile/' . substr(md5(time()), 0, 10) . '.' . $file_extn;
move_uploaded_file($file_temp, $file_path);
mysql_query("UPDATE `users` SET `profile` = '" . mysql_real_escape_string($file_path) . "' WHERE `id` = " . (int)$id);
}



I'm lost, the code runs smoothly if I remove the mysql_query. Can anyone spot the issue with this code?
>>
so i know how to read data from a server via ajax queries, but im curious how i can write data to the server
say just something as simple as filling in a HTML form, submitting and that data being written to the server in some way so it can be retrieved later
pretty new to web development so not sure where to start with this
>>
>>52207947
mysql functions are outdated and vulnerable.
Use Mysqli or PDO.

Other than that seems more like an editor issue? Does the code not work at all or?
>>
>>52207947
>using MySQL_real_escape_string
>not MySQL_srs_this_time_real_escape_string
>>
>>52208018

Apart from the last line in this function, the code works perfectly fine. It's the mysql_query that breaks the code. I'd like to use mysqli or PDO, but I have no past experiences with that syntax. I'm still in my learning phase.

>>52208055

What's the difference?
>>
>>52207947
>>52208055
why is php so popular despite being such a trainwreck?
>>
>>52207947
>mysql_query
No. Learn PDO.
>>
>>52207947
Noone can tell you your error because you aren't capturing it.

$return = MySQL_query(...
if (!$result) {
trigger_error('Invalid query: ' . mysql_error());
}


Then you'll see what MySQL doesn't like about it.
>>
>>52208100
Because baby duck syndrome.
>>
>>52207947
>md5(time())

What happens if two people upload at the same time?
>>
Why don't browsers support .tiff images? I have all my images as .tiff and have to convert them.
>>
>>52208149
unlikely, have you ever ran php? there will be at least 15 seconds between each request :^)
>>
>>52207947
>mysql_real_escape_string
I'm not familiar with php but really?
>>
>>52208237

http://php.net/manual/en/function.mysql-real-escape-string.php
>>
>>52208237
Mistakes were made. Now there is PDO extension and all mysql_*/mysqli_* functions are deprecated.
>>
>>52208266
There's always been PDO.

mysqli_* replaced mysql_*, but mysqli is definitely a currently supported solution, as shit as it is.
>>
>>52208138
huh?

explain
>>
>>52208266
>Mistakes were made
PHP's motto
>>
>>52208290
Indeed.

http://php.net/manual/en/mysqli.real-escape-string.php
>>
Looking through php's documentation, is there any way to actually view the source code of some class or function?
>>
>>52208350
https://github.com/php/php-src

I'm a fan of the whole folder for "netware".
>>
>>52208364
sweet christ
>>
>>52208299
First result on google. Otherwise, once upon a time PHP was the only non-enterprise webdev language, and thus the first for many.
>>
File: 4fUaiP3.png (564 KB, 581x572) Image search: [Google]
4fUaiP3.png
564 KB, 581x572
I had a really poor programming teacher in high school and ever since then I've had an aversion towards programming despite being a nerd and wanting to create things.

What do?

So far I've just designed UI's and paid indians to do the programming and i hate it -.-

Anyone here learn after 25? Can you give me a run down on what you did to learn and what youd do differently?
>>
>>52208558
>-.-
>>
>>52208578
plz no bully
>>
File: 1449159697967.png (325 KB, 382x417) Image search: [Google]
1449159697967.png
325 KB, 382x417
What's the best free (as in freedom), or at least opensource forum software out there which is well-adapted to mobile platforms?

NodeBB sucks since not only is it proprietary, but it also appropriates the content on your forum.
>>
>>52208558
I code in php and just learn on a need to know basis.
>>
>>52208650
triggered
>>
>>52208650
>code
>PHP

php is not real programming
>>
>>52208990

tell that to the insane amount of websites using wordpress/php.

just because php is a mess and loose doesn't mean it's not "real" programming.

what would you say is "real" programming? rails? python? node?
>>
>>52208990

techcrunch, the new yorker, BBC america, starwars.com, variety, sony, MTV news, ebay, bes tbuy, xerox, espn, nokia, ford, fortune, time, wallstreetjournal, facebook, new york times, google, harvard, rackspace, the rolling stones, AMC, mozilla, reuters

all of these morons are using wordpress and php... better tell them their websites aren't real.
>>
>>52209300
c++

>>52209370
Websites aren't built out of programming languages. They're duct-taped together with shit.
>>
>>52209737
you sound like some faggot who says X band isnt real music because its not Y

just go and take your autism medication while the practical people talk

so >>52208650 just trial and error? keep it simple?
>>
>>52209775
you sound like some faggot that thinks he's a hacker because he can smash some PHP scripts together.
>>
>>52209819
im the guy who used to pay your bills but now pays indians and chinese for 1/100th of the cost

now im trying to cut out the indian and chinese and you by teaching myself something that literal autistic retards can do

cant be that difficult if people who cant dress themselves can do it
>>
>>52209737
>Websites aren't built out of programming languages
You're a dumbass senpai.
>>
What's the difference between:

div.shit{
}


and

.shit div{
}
>>
>>52210256
the first is for divs with the class "shit"

the second for all divs inside an element with class "shit"
>>
>>52210256
The first refers to a shitty div.
The second to a div inside shit.
>>
daily reminder that if you aren't doing web dev in python, you're pretty much shit and should give up right now
>>
>>52210332
Enjoy your shit performance, senpai. Literally anything is faster than python.
>>
>>52210359
but you are wrong though
python is the fastest interpreted language
>>
>>52210410
Quite sure that would be either JS on V8 or Lua on LuaJIT.
>>
Why do I have to use !important for every property in my media queries? Otherwise they don't work. I thought that media queries should override the default main css that I have and which is originally made for large screens.
>>
>>52210630
Bootstrap or some other shitty framework?
>>
>>52210964
no frameworks
>>
>>52210433
Stop arguing with these autists. That's why /g/ is so shit for actual discussions, too many elitist faggots trying to claim something they're familiar is the best while dismissing everything else.
>>
>>52211179
but python is the best, what's your problem?
>>
>>52211212
hue
>>
>>52211212
so, how do I python?
what does the server need to support?

I want to make something for a friend but I've only used asp.net and his hoster runs on linux. Hoster only mentions PHP and Perl
>>
>>52211279
>Hoster only mentions PHP and Perl
Is the host from the year 2000?
>>
>>52210410
Im a pythonista and I admin Python is shit slow and is only marginally faster than ruby

it can't compete with Java on a backend

however, you can go very far with Python, as in, you'd be millionaire before you'd start to worry about "speed" issues and concurrency issues.
>>
>>52211430
yes.

They do support php7 already though since a few days.
>>
>>52211279
Do you set up via VPS or panel?

For VPS its quite easy

- use the package manager or compile yourself
- there you go you have python
- use pip to install django/flask whatever you need
- note that in production you need to deploy a proper wsgi server preferably behind a server like nginx
>>
>>52211479
no it's a shared hoster. I don't have any control over it, the friend I want to make something for chose it.
It's costs like 5 euros a month including 5 domains (which was the main reason he went for this)
>>
the reason to not use a dynamic language is that other developers are my enemies and dynamic languages give them more ammo
>>
>>52211430
Come to think of it; I've never heard anyone mention Perl in any of these wdg threads. Is it really that insignificant?
>>
>>52211527
i fucking hate shared hosters

good luck
>>
>>52211462
i bet they charge extra for this
fucking shared jews
>>
>>52211738
they didn't.
They are the best shared hoster I've had to deal with yet.
>>
>>52211765
hosting name?
i want to take a look
>>
>>52211815
It's a german hoster.
https://all-inkl.com/

They switched their company website from a local hoster to them. Used to cost them 60 euros a month for hosting a static website before.
>>
>>52211875
>60 euros a month for hosting a static website
you can rent a vps for $5, wtf type of scam hoster did they use
>>
>>52211960
I guess that was just the prices in the late 90s to host websites.
They never cared or checked for others, since the page just worked.
>>
File: images.duckduckgo.com.png (26 KB, 512x512) Image search: [Google]
images.duckduckgo.com.png
26 KB, 512x512
I posted this question on the IRC but no one seems to answer:

I'm using bower for the first time, and looking thru the docs, in the install section, they specify the syntax for installing packages.

They have a 'versioning range', so, if I want to install an specific version of a package, I can throw that as an argument. Thing is, they don't specify the syntax for the version range, they just display this:

Version range:
#1.2
#~1.2.3
#^1.2.3
#>=1.2.3 <2.0

My question is, what does each of those mean?
I understand the first one and the last one, but I have troubles with the other 2.
Bower docs: http://bower.io/docs/api/#search
>>
>>52212136
http://stackoverflow.com/questions/19030170/what-is-the-bower-version-syntax/20412378#20412378
>>
>>52212136
bro.. you should really download binary packages of your specific version because you cant trust package managers to maintain old versions
>>
>>52212136
https://docs.npmjs.com/misc/semver#tilde-ranges-1-2-3-1-2-1
>>
>>52203266

http://vocaroo.com/i/s1670vo1YtnW
>>
What's the best technology to make a website which is basically a front-end for a database?
>>
>>52212405
django
>>
>>52212466
I was hoping for something a little higher level but that seems fine. Thanks!
>>
What should be my next goal if I can make a simple webpage using HTML and CSS?
>>
>>52212667
Render the same page with JS.
>>
>>52211875
>60 euros a month for hosting a static website
The fuck. Nobody realized this is crazy expensive? haha
>>
>>52210410
>interpreted
Literally why? Are you a masochist?

>>52210433
V8 and LuaJIT aren't interpreted, they're compiled. And when it comes to compiled languages they rank pretty slow.
>>
>>52212367
I love this song
>>
I have a static site and need to make it into a Wordpress theme, but all the tutorials seem to assume I don't know how to install WP or what <? means.

Assuming I'm a PHP programmer and just need a rapid overview of WP specifics, what should I read?
>>
>>52213051
just learn this
https://developer.wordpress.org/themes/basics/template-hierarchy/
>>
>>52212984
Oh, they are. But a single programing language can have multiple implementations. You can JIT compile python and there are interpreters for JS and Lua, so that classification is not as meaningful.
>>
>>52204723
You don't need to put the script type. Seriously.
If you visit sites that tell you to put that there... stop visiting those.
>>
>>52213357
Autism.
>>
>>52213149
Thanks, anon
>>
>>52212809
How do I go about doing that?
>>
>>52214300
Concatenate strings and .innerHTML is probably the simplest method.
>>
>>52214325
Dude you're trolling too hard.
You'd never want to render a page in pure JS, why do you think HTML and CSS exist in the first place?
>>
>>52214473
The guy's learning, so it's a good exercise.
>>
>>52214325
Could you link some examples perhaps? I'm kinda confused...
>>
>>52214555
https://developer.mozilla.org/en-US/docs/Web/API/Element/innerHTML
Though honestly, unless you are optimising your rendering loops for some extra performance, you won't get to use it much.
>>
I wish there was an easy way to upload local sites so I could share and get some feedback...
>>
>>52214637
What the fuck are you telling him to do? I thought you were telling him to use node.js. This is bs senpai.

>>52214300
Go learn how to use Node.js or AngularJS (would not recommend the latter)
>>
>>52215022
His questions was pretty vague, but I don't think he was asking for backend advice.
>>
Is there a way to make a web pages content easily editable by a business owner? He wants to update the homepage with his daily menu special.
>>
>>52215085
Fucking hell, I feel bad for you if you think either of them are back-end only.

>>52215120
Store what you want to display (the contents of the menu) in a database. Then have an admin section where he can change it whenever he wants.
>>
>>52215085
My question was simply how do proceed after being able to make a basic webpage using html and css.

It seems like I should go on to learning javascript now...
>>
>>52215120
>easily
No, HTML is stateless.

A simple Wordpress kit will get this done for you.

If you want/need to do it yourself start looking at either node.js or LarvelPHP
>>
>>52215155
Obviously I meant Node. And obviously Browserify & co are a compilers. They don't magically let you run Node in the browser.
>>
why is /wdg/ so slow compared to the other generals?
>>
>>52215221
>Obviously I meant Node
No, you didn't.

>>52215226
Less shitposting.
>>
>>52215262
Is there really someone retarded enough to think Angular is for backend?
>>
>>52215206
Thing is, i'm pretty new to web development. I only know html/css and I've not used wordpress before. So how easy would it be to take an already built website and then weave wordpress into it?
>>
A conundrum:

I am using table css for my page.

I invoke
display: table
display: table-row
display: table-cell

It works just like I want it to and I'm happy.

Have I shit the bed?
>>
Anyone here know a lightweight solution for loading ES6 modules?
>>
I'm trying to put placeholder text in a checkbox but that's clearly not possible so I want to replace it with a button; does anyone have some feedback on that idea? What could go wrong down the line, why I should reconsider?
>>
>>52216003

nvm i'll just wrap the checkbox in a div with text and align them
>>
>>52215830
>I am using table css for my page.

for what reason...
>>
File: ss+(2016-01-03+at+07.07.41).jpg (100 KB, 816x385) Image search: [Google]
ss+(2016-01-03+at+07.07.41).jpg
100 KB, 816x385
How do I make my divs flex with a resizing window?

Also an interactive div fuck around playbox tutorial would be nice if u can link one :D
>>
File: drupal 8 logo Stacked CMYK 300.png (41 KB, 500x513) Image search: [Google]
drupal 8 logo Stacked CMYK 300.png
41 KB, 500x513
discuss
>>
File: 1434731074611.jpg (45 KB, 240x240) Image search: [Google]
1434731074611.jpg
45 KB, 240x240
>>52216082
> :D
>>
>>52195983
What are the minimum requirements of skill set for a junior web dev, for the minimum salary in the industry (yeah I know it depends on the geography, bu there still has to be some medium).

I just want to get the wheel rolling, I have few projects on my own, probably will get on gitHub for the sake of the CV and so on.

But I do not have any CS degree or anything, just self learning for the last year or so and want to get something to start.
>>
>>52216139
>What are the minimum requirements of skill set for a junior web dev

To have an interest in web development. That's pretty much it. Doesn't hurt to know a bit of HTML, CSS, and JS tho.
>>
>>52216072
They layout resembles a table.

Is there anything wrong with table css?
>>
webdev and frontend dev isn't really the same or is it?
>>
>>52216224
nope

I do backend and frontend. When I do frontend I try to pass as much of the design as possible away from me.
>>
>>52216153
But how can I "test" if I am eligible for the job if I don't have any background in the field ?
I know for all my other jobs that I needed previous experience in AT LEAST related fields or the same one.

I do know js, anglular, bootstrap, dom manipulation, html and css, I know some c# and python too, but what if my knowledge is not high enough for the company hiring ?
>>
>>52216253
How did you start out learning frontend work
>>
>>52216335
on the job training
>>
>>52216224

frontend is html/css/javascript (when it relates to design)

backend is making the actual site functional (php/ruby/python/databases/etc)
>>
https://www.youtube.com/watch?v=V5q-h-mDn7M
thoughts?
>>
>>52216335

>>52216398 is a dumbass, just read up on html/css it's incredibly easy to learn and isn't even real programming. Then when you master it (shouldn't take more than 4-5months of constant study and practice; emphasis on practice) you'll start to get a nagging urge of doing more with your sites (contact forms, logins, etc.) and start to read up on backend development and making functional websites, then you'll be back in this thread asking which language to learn.
>>
>>52216629
How am I a dumbass for saying how I learned to do frontend?

I did it at work.
>>
>>52216615
B L O A T

its like a loaded up WIX
>>
>>52216629

forgot to mention not to use this board or site too heavily, its a shit hole. Look at /gd/ - the piss poor level of designs that board's users are capable of is about on par for this boards programmers. Its mostly autistic neets who have never worked in webdev acting like snarky cunts to avoid awknowleding the fact that they know shit all about programming

Utilize video learning sites like udemy for the basics then go on amazon and find a popular textbook on a language that interests you, go to any libgen site like gen.lib.rus.ec to torrent it and just study the text. Don't forget that you learn 100x more from practice than just studying so pick a project and just work on it. If you have questions don't waste your time on this shit hole or stackoverflow, check out reddit subs like /r/learnpython - stackoverflow will give you shit for not spending 30 hours researching a topic beforehand and this board will just give you snarky comments from 13 year olds who build themselves up by shitting on others

hope that helped
>>
>>52216648

go fuck yourself
>>
>>52216738
Did you ask for advice and you got rekt?

I got some good advice here

also, you would be a grade A retard if you took everything here to heart as with anything on the internet

I agree. You will need outside resources to learn. Dony rely on forums, rely on documentation.
>>
>>52215830
>It works just like I want it to and I'm happy.
Does it also work correctly in every relevant browser? If so, congrats- it sounds like you've found a good solution that works well for you.
>>
>>52216082
pls go
>>
>>52198045

Definitely the most tolerable general on /g/ imo
>>
>>52197930
Rely on inline css for this (though inline is kind of casual),
 <div id="box" style="float: right;"> ..... 
>>
>>52202486
If you mean an external css file it'd be
<link rel="stylesheet" href="style.css" type="text/css">
>>
>>52213357
salty
>>
>>52212367
>http://vocaroo.com/i/s1670vo1YtnW
jaysus
>>
>>52195983
Started using Elm, it's pretty nice but has a way to go before I'd use it in production
>>
Newb here, Is there any way to take what a user inputs in a text field on your site and write it to a text file without using PHP? Collecting E-mail addresses.
>>
>>52218560
The text file being on the server.
>>
>>52218560
Yes, you will have to dig in to the request header and pull from the data there
>>
>>52218560
Why the literal fuck wouldn't you just use PHP for that?
>>
>>52218560
http://code.tutsplus.com/tutorials/http-headers-for-dummies--net-8039

Have fun....
Whatever you implement will be buggy and slow
>>
>>52218676
Because it's not node js
>>
>>52218763
>>52218676
>>52218609
I actually just gave in and did it in php.


Sorry :(
>>
>>52218824
Took me about 20 seconds.
>>
Should I make my own comment system for customers to leave their reviews or just use a Facebook API or something?
>>
>>52218903
You should not display customer reviews unless they have been approved by you. Just have a mailto link for customers to contact you.
>>
>>52218903
what kind of site? are you using wordpress or anything like that?
>>
>>52218903
use API, normal monkeys love facebook.
>>
Working on some Uni coursework and making an online store, Is it bad practice for my entire site to be reliant on PayPal and to have essentially no databases or back-end of its own?

I've been using my own modified version of minicart sliced up with some jquery stuff.

http://minicartjs.com/
>>
is codecademy a meme?
everything on there is literally baby tier syntax monkey see monkey do exercises. does a superior free platform exist?
>>
>>52218974
A service based business. I'm not using wordpress.

>>52218970
Can i not just remove bad facebook comments on pages which I moderate?
>>
>>52219044
>Working on some Uni coursework and making an online store, Is it bad practice for my entire site to be reliant on PayPal and to have essentially no databases or back-end of its own?


Yes, single point of failure.

Instead, implement multiple payment systems like Stripe Paypal, or even mail order cheques.
>>
File: t.png (7 KB, 768x614) Image search: [Google]
t.png
7 KB, 768x614
How do i put a div next to another div while keeping the other one in the middle?
>>
>>52219148
But I was thinking about using the no other payment system angle as a drawback which I could write about to fill my written report. And also, I can say that because there is very little handled by my server there is less strain, less resources being used etc.
>>
>>52219226
Its also good to have your own, even if just to hold recipets or purchase orders so if if paypal or stripe goes to shit, you have a fallback.

Implement a fallback
>>
>>52219226
Also, if this is your design to implement stripe/paypal only, then its your call.

Just provide good reasons.

Be prepared to answer the "what if X goes down etc"
>>
>>52219155
set divs to inline
make placeholder div invisible
float second div left
float third div left
call clear:both
>>
>>52219155
you could do something like this:

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

just change the widths of the 2 side divs to whatever you like. and change the heights to what you want.

theres probably a more elegant solution to this but i'm tired
>>
Which is superior:

http://www.example.com/?tag=one&tag=two
or
http://www.example.com/?tags=one+two
>>
File: 1427759387962.png (399 KB, 620x870) Image search: [Google]
1427759387962.png
399 KB, 620x870
>>52219614
yes
>>
>>52219614
Both are fine, but the second is neater and would produce a shorter string.

>>52219781
Pls go back to /dpt/
>>
File: 1430444266556.png (835 KB, 1024x1820) Image search: [Google]
1430444266556.png
835 KB, 1024x1820
>>52219826
I may be from dpt but holy shit your post is too autistic web monkey senpai
>>
>>52219614

the first one doesn't make any sense if the variables are the same name
>>
File: bazinga.png (173 KB, 1092x1269) Image search: [Google]
bazinga.png
173 KB, 1092x1269
Hi /wdg/,

I've been trying to get php mail (mail()) working for the past little bit and I've gotten nowhere. I ended up setting up mailgun on my server, which was useless.

Anyways, I was wondering if you could help me out. I have a php file set up to work with my form but I can't get it to work. I've tried setting action as my php file name, ? and just "".

What am I doing wrong? They're all hanging out nicely on my server.

I've also tried setting my index as php but it loads a blank page.

Hope you guys can help or at least point out a stupid mistake i made.
>>
>>52220012

action should be the full filename

i.e pep.php

look on the web console when you submit the form, see if there are any errors
>>
>>52220012
>I've also tried setting my index as php but it loads a blank page.
do you have a local server installed or at least the php interpreter?
>>
>>52220012

what is the error exactly? does the page actually display? is PHP installed?
>>
>>52220098
>>52220113
I'm pretty sure i installed full lamp on my server, but ill double check
Thread replies: 255
Thread images: 28

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.