[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: 33
File: wdg.png (1 MB, 822x552) Image search: [Google]
wdg.png
1 MB, 822x552
OLD THREAD >>53867269

> Discord
https://discord.gg/0qLTzz5potDFXfdT

>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/
http://www.freecodecamp.com/
http://www.codewars.com/
>Crockford on Javascript
https://www.youtube.com/playlist?list=PL7664379246A246CB

>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.
http://www.programmableweb.com/ - List of public APIs

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

> How to get started
http://www.youtube.com/watch?v=pB0WvcxTbCA
Good videos on the channel too
https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw

>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com

>Challenge
http://pastebin.com/xshVcWjb
>>
>>53903856
FIRST FOR:

POST PROGRESS
POST PORTFOLIOS
POST WHAT YOU LEARNED TODAY

IF YOU DONT REPLY TO THIS POST YOU ARE A NO DEV AND YOUR NOT GONNA MAKE IT
>>
>>53903386
make your own.
>>
First for web development that isn't websites.

Tell me about the webapps and games you're working on. It's more interesting than the "how do I do something with CSS?" questions.

I do wonder how the rest of the software industry looks at us... "interactive developers" you might call us? In that we're doing shit in the browser that should probably be done in another runtime. Probably like we're massive plebs.

I'm working on a tool that reads heart rate from an ANT+ device with a simple node.js application, then emits that data over websockets, which is then read by a client-side webapp for a sort-of-game-thing, where your heart rate has an effect on your abilities (higher heart rate = faster character move speed and other similar effects).
>>
>>53904024
my site is mostly js and I want to make it a single-page app would I need anything more than js/jquery?
>>
I was just tasked to make a website with buttloads of JQuery work with IE7.

kill me
>>
>>53904024
Working with jQuery in Cordova to connect to a LEMP backend that serves stored image locations and user session data.

The problem right now is that nginx can't POST to a "static page" so I keep getting error 405 when POSTing an AJAX uploaded image to a PHP processing page.

I wish I knew nginx had this problem before switching over from Apache.

The basic idea of the "app" is that people upload images for upboats. It's a bit more complex than it sounds unfortunately.
>>
>>53904327
Your options for SPAs look something like this:

- Monolithic Frameworks -- Angular, Ember. You're basically stuck learning the framework you choose, with very little chance to write Plain Old Javascript.
- Lightweight Frameworks -- Backbone (not supported anymore from what I understand), Vue.js (angular lite, quite nice from the little I've played with it).
- DIY w/ modules -- Grab a router for pushstate URLs, templating engine and a DOM manipulation library (jquery), write your own glue code. My preferred approach.
- DIY-- Write everything yourself, treat it as if you're writing a piece of software from scratch, except that you have a UI library (the DOM). Try to use SOLID principles to keep your code maintainable. Likely to be more difficult than you'd think.
>>
I'm having trouble getting Angular 2 to work; my npm instance is throwing errors like "Can't find module 'Promise'".

Anyone know a workaround or somethin? I just want to finish the Angular 2 tutorial
>>
>>53904486
What OS are you on and what versions of node/npm (incl. 32 or 64 bit) are you running?
>>
>>53904524
>>
>>53904571
Don't install node through apt-get

Go ahead and install nvm then just "nvm install stable"

remove npm and nodejs. You should be running 5.10.1 I think is the most current stable.
>>
>>53904628
Thank you.
>>
>>53904644
When you install it, don't even worry about NPM.

You type in "nvm use 5.10.1" and it will auto-use compatible npm

user@netbook:~$ nvm use 5.10.1
Now using node v5.10.1 (npm v3.8.3)



It's nifty.
>>
>>53904785
>phase 1
>>
>>53904785
>>53905057
yeah nvm is god tier. better than installing through apt by a long shot
>>
>>53905090
>>53904785
>>53904628
Alright, installed successfully. Now to see if my angular 2 tutorial app throws the same errors...
>>
>>53904358
What's the target audience for the site? Nigeria?
>>
File: Weird.png (8 KB, 498x469) Image search: [Google]
Weird.png
8 KB, 498x469
        <div class="form-group">
<p class="control-label col-md-2"><b>Number of Shares</b></p>
<div class="col-md-10">
<p class="control-label col-md-2" readonly>5</p>
</div>
</div>

<div class="form-group">
@Html.LabelFor(model => model.Password, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.Password, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Password, "", new { @class = "text-danger" })
</div>
</div>

<div class="form-group">
@Html.LabelFor(model => model.ConfirmPassword, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.ConfirmPassword, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.ConfirmPassword, "", new { @class = "text-danger" })
</div>
</div>



How the fuck does this even happen?
>>
>>53906128
Anyone know why this isn't normal like the rest?
>>
>>53906560
Inspect it and see if both the control-label and col-md-2 classes are added to the label.
>>
Could someone suggest me a public API to use?
I just can't decide a theme.
>>
HTML5 uploader functioning!...after an hour of copy and pasting other's works.
>>
>>53907189
API for what? Be more specific.
>>
>>53907189
Read the challenge in the OP.
>>
File: 1433095380824.jpg (379 KB, 2560x1440) Image search: [Google]
1433095380824.jpg
379 KB, 2560x1440
hooooooooooo k, I'm trying to make and image when clicked enlarge in a smooth transition, and return to its original size when clicked again. I gotten it to enlarge on click but not quite right, What do? I only know very very basic javascript, is this possible without?
this is it in a nutshell, separate css page too
<img id="demo"  src="bad-back.jpg" alt="moe">

img:active{
width: 100%;
height:auto;}
>>
I changed MAX_FILE_UPLOAD from 2Mb to 4Mb and it broke Apache.

Anyone know why?

I changed the ini located in /etc/apache2/php.ini
>>
what OS X irc client do y'all like the best? just curious. Look for one where I can log into a bunch of accounts at once regardless of whatever server it's on
>>
>>53908610
I use Hexchat on both Windows and Linux. You can also build it on OSX.
>>
File: whatttalife.gif (214 KB, 500x281) Image search: [Google]
whatttalife.gif
214 KB, 500x281
[spoiler]>tfw was almost ready to get a job
>didn't use my skills for a long time
>now have to relearn[/spoiler]
>>
>>53903856
I'm a frontend engineer at Facebook. How much do you hate me and my jew employer?
>>
>>53909269
i luff u
>>
>>53909349
:/ but 4chan is supposed to h8 jews
>>
File: 1448068510779.jpg (45 KB, 600x600) Image search: [Google]
1448068510779.jpg
45 KB, 600x600
>>53909359
>he fell for memes
>>
>>53909423
:'(
>>
java or C# for web dev?
>>
>>53909435
FORTRAN written with MS-DOS prompt as your IDE of choice.
>>
>>53909435
Assembly
>>
I was going to create a shitty janky bootstrap clone with mcdonald's-tier form css customizations and call it bootleg.css as a joke.

Some turd took the name bootleg.css already.
>>
>>53909542
you are literally why web devs are hated in the software industry
>>
>>53909556

go back to your assembly programming, faggot
>>
>>53909556
>implying I give a shit

Are you sure they don't hate web devs because we get paid as much, if not more, for doing work about as hard as wearing a hamburger and passing out flyers?

I think that's more likely.
>>
>>53909269
Not at all. Flow, React, Flux, Hack and all the other Facebook memes are shit though.
>>
>>53909435
Go.
>>
>>53909715

never heard of Go i'll check out
>>
>>53909741
I thought you did the pun, but you didn't. I'm not happy with you, anon.
>>
>>53908324
add an onclick() in the html tag and put the width thing there
>>
>>53909618

Not that guy. You deserve to be paid more or just as much. If I had to do 15 stand-up meetings where non-coding dipshits did most of the talking (in corporate buzz phrase speak no less) and wade/wait through some massive change process all to alter the background color of a text box, I would crack within a month.
>>
>>53909904
That's for artsy fartsy designers, but developers have it just as bad when they are thrown into providing customer support for the portal or whatever. Teaching 70 year old Suzie what a 'username' is and that she needs to stop double-clicking everything.
>>
>>53908324
Use Jquery.

$(function(){
$('#demo').toggle(function(){
$("#demo").animate({width: '150%'});
}, function(){
$("#demo").animate({width: '100%'});
});
});
>>
>>53904455
discard all of this and just get React, it's what people are using now
>>
>>53910062
>follow the latest fad
As expected of frontend designers.
>>
Where the fuck is that space coming from? Inside the div there's nothing besides the image, it's not padding, margin or border coming from either of the div or the image.

How do I get the div to fit "snugly" around the image?
>>
>>53911055
Lol solved it. Inline block.

Disregard that post I'm an idiot.
>>
>>53909435
C# is better language.
>>
>>53911097
why would inline block do that?
>>
what is wrong with this code,
function multiply(a, b) {
a * b;
}
>>
>>53911197

return you fucking retard
>>
>>53911289
ah, I see. Thanks
>>
img src="https://logo.clearbit.com/<?php echo $site->website; ?>?size=20\" onerror="this.src='/img/iconholder24x24.png'">


i have a js function which extracts just the domain from
$site->website
but how can i call it? i need to somehow be able to call a js function with a php echo statement as its argument
>>
If I crossdress and pass well, will I have higher chances of getting a job based on diversity quota or whatever bullshit they have?
>>
How on earth can be so hard to center an element inside a div. I'm astonished.
>>
>>53903856

Do you have any beginner podcasts to suggest?
>>
>>53911718
<script>
myJSFunction(<?php whatever();?>);
</script>


or maybe a javascript: url
>>
>>53911779
Because CSS and HTML are garbage. JavaScript is the only non-shit front-end component.

We should replace the web altogether with JavaScript applications over TCP that use a non-shit UI framework like Qt.

I hope Crockford's Seif Project gets off the ground.
>>
>>53912242
Sorry but javascript sucks too.
>>
>>53912242
Agree. Pages and styleshets should be just json.
>>
File: download.jpg (8 KB, 300x168) Image search: [Google]
download.jpg
8 KB, 300x168
>>53912321
One of the reasons it sucks is that we can't remove shitty features. If we could it would be a nice little language.
>>
>>53909435
If you're on Windows, C#
If you're on OS X or Linux, Java
>>
File: 1459920430961.png (765 KB, 1001x1001) Image search: [Google]
1459920430961.png
765 KB, 1001x1001
>>53912869
Man my boss would love this.

I'm currently the only front end guy at my entire startup. Everyone else knows Java but instead of working with Ruby and Rails/Sinatra he wants me to learn JS/jQ.

Also I'm at the point with JS where I can solve any project Euler problems that don't involve integration or derivation am I at least decent?

Is bootstrap the only thing I really need to know for CSS?
>>
>>53914512
>claims to be front-end dev
>Is bootstrap the only thing I really need to know for CSS?

"Front-end" apparently means "entry level" these days.
>>
File: 1454507178870.jpg (35 KB, 513x604) Image search: [Google]
1454507178870.jpg
35 KB, 513x604
How should I display this:
>11101110 (meaning Mon, Tue, Wed, Fri, Sat, Sun)
as this:
>Mon-Wed, Fri-Sun
considering that Sun may be the first day of the week?
>>
>>53914949
Why wouldn't you use 0 for Sunday and 6 for Saturday?

Those definition s for Date are already built into JS, Ruby, etc..,.
>>
>>53914997
Ok I will.
>>
>>53911197
>2016
>writing your own functions
Why don't you just
$ npm install multiply-js
multiply = require('multiplyjs')
>>
>>53915483
>installing a package just to multiply 2 numbers
>>
>>53915742
>>installing a package
>not installing a package to install packages for you
>>
>>53915742
>Trusting your own knowledege
>Not trusting a well-tested, robust, web-scaled, verticallly-horizontally-diagonally-scaling ready libray

The only real alternative would be using the wrapper package for a MaaS (Multiply as a Serviceâ„¢) company.
>>
File: tqHARym.png (21 KB, 110x118) Image search: [Google]
tqHARym.png
21 KB, 110x118
>>53915955
To multiply two numbers.

An entire package.

Just to multiply two numbers.

brb let me go buy a $2000 gaming rig that runs everything for the sole purpose of typing documents and checking my emails
>>
>>53916024
>a $2000 machine [...] for the sole purpose of typing documents and checking emails
You mean a Mac?
>>
>>53916024
By the way, just to let you know that this joke isn't much different from reality
>https://www.npmjs.com/package/is-array
>https://github.com/retrofox/is-array/blob/master/index.js
>>
>>53916130
Is fucking typing
instanceof Array
too hard?
>>
Who here has used/is using/worked/is working with ISPConfig, what benefit woudl I have running such a control panel at home?
>>
>>53914647
>"Front-end" apparently means "entry level"

Literally always meant that in the webdev world.
>>
>>53914647
What else is there to just plain CSS?
>>
>>53916948
>>53917027
My boss has been looking for a "decent" front end dev for about 6 months. Either there good at JS and their HTML/CSS is shit, or vise versa. And there's too many framework monkeys.
>>
>>53917173
How would you get a normal, cumfy as fuck webdev job then? Frameworks everywhere, especially those companies, indoctrinating their devs in the MEAN stack.
>>
>>53917326
>indoctrinating their devs in the MEAN stack
I want to see their databases burn.
>>
>>53917326
I have a comfy node.js job. I don't think a JavaScript runtime counts as a framework any more than the browser counts as a framework.
>>
>>53917326
Someone will hire you if you're just a bootstrap monkey, but my boss won't apparently.
>>
>>53917368
It's their destiny to be burned to the ground. MEAN stack devs are a shit.
>>53917460
How does one get a job in webdev, with all these nonsense requirements, especially this:
>MUST HAVE MUH 10 years experience
>MUST HAVE MUH MEAN stack understanding
Don't even get me started on those fuckers that still use PHP Frameworks, it has its advantages here and there, but I still prefer the writing scripts from scratch.
Oh and lets talk about com-fucking-poser..
>>53917528
>Bootstrap
Wasn't that just a fucking meme?
>>
>>53917546
You can have an understanding of frameworks without depending on them.

Also never read job description requirements, they're written by non-technical recruiters to put off timid betas. Just apply anyway.
>>
>>53917614
I've applied my fair share of positions in both webdev and developer jobs. Never got the job or another candidate was more favoured. I even tried IT sys admin jobs at law enforcement, basically to high-tech shit in those specialized cybercrime-units. I have no "real" work experience, I'm well skilled and have what they call hobby work experience, I self teach myself a lot of shit, I know novice to intermediate linux, managing servers (windows, linux), OS X I never worked enough with or toyed with. as for programming languages: PHP, Java, JS, Python, still working on this, to get myself skilled enough in Django / Flash, Ruby (also Ruby on Rails). Those recruiters need to suck a dick and stay out of writing job requirements.
>>
File: relational_product_database.png (20 KB, 776x606) Image search: [Google]
relational_product_database.png
20 KB, 776x606
Anyone here know relational databases and Hibernate? Newbie here and need to get some stuff clear about my database and the mapping
>>
>tfw visionary.

Any of you here make anything noteworthy?
>>
>>53917803
Is an imageboard that updates as you type, supports all HTML5 media types and runs blazing fast even on toaster VPS noteworthy?
>>
>>53917766
>gender
I hope you include 'none', 'cis', 'non-heteronormative', 'all of the above'
>>
>>53917909
If it makes lots of money, sure.
>>
is there anything more to responsive design than % values and viewport?
>>
>>53917933
Male, female, and "I can't identify my genitals"
>>
>>53917933
I know I could have a simple binary field, but fuck it, not gonna change it now
>>
>>53917951
It's FOSS, so I doubt it. Fun to work on though.
>>
>>53918034
PROtip: FOSS can generate revenue. Even M$ got it in the end.
>>
>>53918060
How exactly? Any OSS business model I've heard of seems either inherently flawed or simply tipping the devs.
>>
>>53917762
Maybe you just have shitty social skills. Most interviews are about whether they like you rather than how qualified you are. One of the people who also interviewed for my job left my boss with the impression that he was a racist, whereas I managed to keep my /pol/ (white)power level hidden.

If you're not even getting interviews then your resume is shit, post it and maybe we can help
>>
>>53917962
Yes.
>>
>>53918153
>20 interviews
>1 of those was for something way lower than what I'm qualified for
>another one of way over my capabilities
>the rest didn't give me an offer

I'm fucking tired of this shit. I'm polite during the interview, I talk ok, I'm good with english (not native tongue), I smile... what the fuck am I doing wrong?
>>
>>53918153
I got countless interviews and I am quite rubbish when it comes to social skills, autistic (PDD-NOS), so there's that. But right now, I'm trying to work on myself, kill depression and be in a more stable mental health before actually considering applying everywhere I can again.
>>
>>53918202
Are you a member of a minority group?
>No
There is your problem
>Yes
We wouldn't be having this conversation if that were the case
>>
>>53918202
Being polite and smiling isn't the same as having social skills. But I can't accurately diagnose what you're doing wrong if I've never met you.

>not native tongue
Are you a Pajeet?
>>
>>53918270
Southern Europe.

What the fuck do you mean with "social skills"? I'm in an interview, I'm not having a chitchat. I talk about myself, qualifications, hobbies maybe. Interviewer asks questions, I can ask some questions too by the end, ok see ya bye bye.

What else am I supposed to do?
>>
>>53918193
like? I know there is more for mobiles and pads but for pc/laptops?
>>
>>53918246
>Are you a member of a minority group?
>>No
>There is your problem

What is this supposed to mean?
>>
>>53903945
Kek
>>
>decide to learn react&flux
>oh wait you need a framework for flux ofcourse
>oh wait dont forget to pack your shit with browesify/webpack
>wait you actually want to use es6? dont forget babel lmao
if you actually want to learn anything about any of these they have shit docs that barely explain anything
>>
Just landed my first web dev job for 38k a year

Did I make it?
>>
>>53918436
backend/frontend?
what are you working with?
>>
>>53917173
How can you be shit at HTML?

It's hear cascading <div> and <p> tags or an <ul>.

And how much JS do you have to know to not be shit?
>>
File: 1459988364991.png (118 KB, 429x491) Image search: [Google]
1459988364991.png
118 KB, 429x491
>>53918436
I'm a paid intern making 40K hourly.

How did you fuck up this bad? Asking for 70K is considered undercutting.
>>
>>53918601
>40K hourly.
>>
>>53918601
>40k anually
>3k a month
>intern

What the fuck.. Where do you live?
>>
So how exactly do you go from sublime text to a working website?
>>
The programming-motherfucker link ID broken.
>>
>>53918782
neckbeard magic
>>
>>53918601
>70k for web dev

I know it happens, but it's ridiculous. Poor companies don't realize how much they're overpaying for a script kiddie.
>>
>>53918344
I think what anon was referring to is the current perception that minorities are hired over Anglos. There's some evidence for it but I don't know this field yet. No job. I'm Hispanic though so HAH, WISH ME LUCK.
>>
DESIGNATED
>>
i do design and marketing for a local company and make just over 15 per hour

keep buildin that resume
>>
>>53918321
Make them laugh. Be personal to a degree. It's a job interview yes, but you pretty much just have to be Chad. All that matters in the modern workplace is being able to talk shit with someone behind others' backs.
>>
>>53918601
>40K hourly
zuckerberg pls
>>
Here's my OP >>53918768

What's the best simple platform to build a website for a small business (restaurant) and where should I host it? aws?
>>
>>53918321
I chitchat in my interviews and I have a job and you don't. So who's doing it wrong?
>>
>>53918975
I just think chit chatting with a professional that has made an appointment and is losing his time to find out if you're up for the job is a complete waste of time.

You don't have to be a social butterfly to be able to work in a dev team.
>>
>>53918933
Kill yourself so the restaurant can hire someone who can actually dev.
>>
>>53918933
Also Assembly and DigitalOcean.
>>
>>53919084
I've had good experiences with digitalocean. But what about these simple dev platforms? I've never fucked with them before but figured this is a simple enough project that it wouldn't really need something greater.
>>
File: 0168.gif (1 MB, 499x499) Image search: [Google]
0168.gif
1 MB, 499x499
>>53919054
here's your paypay
>>
jQuery is has been eclipsed. If you are using it in something else than a legacy project, consider reading up on css transitions and animations and XMLHttpRequest.
>>
Web Developer
Creative Circle - Dallas, TX
$42.50 a day

Do they think this is India?
>>
>>53919176
Welcome to several years ago.
>>
>>53919117
You can shit out a restaurant site with a bootstrap template in like 2 hours
>>
File: me.jpg (23 KB, 403x396) Image search: [Google]
me.jpg
23 KB, 403x396
>>53919176
>writing more
>doing less
>>
>>53919176
>XMLHttpRequest
>not fetch API
>>
>>53919227
Doubt it. There is so much work to be done just to make sure every lil shit on the page works right on every device.

Even if you got that covered with a structure based on Bootstrap, it largely depends on what the design requires you to have on the page. Like some menus which look like cartoon bubbles or some shit like that, which works well on large viewports, but needs to be structures differently for small viewports.

And what about the client asking for parallax effects on the page, when most if not all mobile browsers tend to delay JS execution on the page, which tends to break these parallax effects. They don't work on iphones, for example.

There are all these little shitty details which eat a lot of your time and can drive you nuts. Sometimes you find a solution which works on tablets and desktops, but craps itself on phones.

Unless you're talking about a very generic looking site, without using a PSD template made by a designer, then I don't see how you can pull that off in 2 hours. Assuming you're talking about just a landing page. If we're talking about detailed pages for each product, service, company details, etc etc, it can take even more time.

Also, do you already have all the assets, fonts, pictures at different scales, and so on and so forth?
>>
>>53919347
this is true, but you also have to consider the scale of the project and the client as well. what you suggest is technically correct but in this case might be considered overkill

also chill the fuck out you sound condescending
>>
>>53919015
>a professional losing his time by interviewing
His professional time is spent doing exactly that - interviewing. He isn't losing anything.
>>
>>53904024

>mfw have heart attack while playing your game
>max out speed and instantly beat the game
>>
>>53919411
>>53919411
I'm not tryind to sound condescending, I'm just working on a page right now which I thought it would be easy shit, because I made the layout in Bootstrap in like an hour. It turns out it's taking me ages to finish it in a form that works well on all viewports.
Just when I thought it's finished I discover the menus look like shit if you switch from landscape to portrait on phones or tablets.
So, Bootstrap doesn't quite solves your every problem with responsivity, unless you probably just use only Bootstrap classes and nothing else, nothing custom, just what they provide out of the box.
>>
>>53919347
Yeah because I'm sure you can do all that shit in weebly.

Fuck off.
>>
>>53919529
understandable, how much tinkering are you doing with the menus?
>>
>>53917173

It's weirdly difficult to find good front end people.

General trend is for front end to start picked up advanced javascript, then they move on to back end languages and transition to general web devs, with their front end skills getting out of date.

Doesn't help when 'new' technologies become popular. Responsive design is the current big skill (fucking glad pixel perfect design died a death).
>>
>>53919198

Jesus, I've made $180 day just doing HTML emails
>>
>>53919462
interviewing =/= having a casual conversation
>>
>>53919546
I'm kind of stuck at the moment thinking if I should create separate markup for mobile menus, which I don't like, because I consider bad practice, but I may have no choice.

There's just no way I can make the menus which work well on desktops/tablets/laptops in landscape mode work somewhat similar in portrait mode on phones. The markup doesn't allow this, and it's all because the PSD design imposed these constraints on me. Designers don't know shit about how feasible their designs are.

Until now I used to just make modal menus for mobile, since this simplified everything. I had them pre-made in a number of versions so I wouldn't have to spend so much time to tinker with them. WIth this design, I'm not sure such a premade solution would work. I might just do that and get it over with.
>>
So why is Webkit so shit at handling static elements?

>spend ages getting a nice responsive floating search form
>performance is utter shit on even top end smart phones
>>
>>53919633
webkit is shit in general but it respects all the new standards so a nigga gotta use it
>>
>>53919627
realistically you can forget what they threw at you for phones and focus on tablet and up as far as "menus looking similar"

do you have a non-branded/no-personal-info version? maybe can help or something?
>>
>>53919627

You're probably going to need seperate markup or heavy Javascript assistance for a mobile menu. I'd personally go the hamburger route.

That said, making a site logo float left in landscape and widith:100% in portrait can be an effective use of space. Don't make the menu static in landscape.
>>
>mfw just got call for entry level web dev
>she asks salary
>I say 45-55k
>her reaction is like "oh damn"
>hopes its flexible

Lmao, I'm already lowering it further than I'd like. Fucking Canada, they think tech jobs are easy or something, they're underpaid here. I expect around 50k starting as the norm for CS grad. I also have a math minor too.
>>
>>53904358
Just do that thing where it embeds it in a chrome frame.
>>
>>53919719
>be from shit country
>2 years experience and maximum I get is about 15k

You have no idea how lucky you are.
>>
>>53918569
You're too shit at html to know why you're shit at html. You don't even know what you don't know. Welcome to the dunning kruger effect
>>
>>53919744
You have no idea how economics work.

On a lot of states you need 2k a month to survive. You probably need 2k a year.
>>
>>53918431
If you can't find babby's first tutorial on React, I really don't know what to tell you.

https://www.youtube.com/watch?v=MhkGQAoc7bc&list=PLoYCgNOIyGABj2GQSlDRjgvXtqfDxKm5b
>>
File: 1439437148810.png (347 KB, 1000x1000) Image search: [Google]
1439437148810.png
347 KB, 1000x1000
>>53918814
lol sounds like you're pretty jelly. I just got an entry level job as a frontend dev for $75k/yr starting.
>>
>>53919700
The problem is there are 4 separate items with their separate menus. So there is a main hamburger menu, then there is an account menu, a shopping cart menu, and a search tab.

So, they can't be all thrown into a hamburger, they need to stay separate and be easily accessible. Because nobody will have the patience to dig through a hamburger menu to find what they were shopping for, etc.

Anyway, I'll eventually find a solution. I could indeed just write separate markup, I just know from a previour interview this practice is frowned upon, especially if your menu structure is the same for all viewports.

>>53919678
I will upload it on the server at some point, right now I'm still working on it. I have to find the solutions myself, because that's how I'm learning and developing my own method of doing stuff. What bothers me is that I started making more and more of these responsive pages exactly for this purpose, to create my own method of doing things so I can learn how to finish a page fast. And it turns out fast is not an option if your design has some complexity and you want a quality result. Fast is an option when you do something generic which just works, using Bootstrap. But for very specific designs based on a PSD template, it doesn't quite work that way. Unless everything complex on the page is already pre-developed from previous projects and all you have to do is fill in the content.

>>53919700
>Don't make the menu static in landscape.
Why not? Because it sticks on the screen while you can still scroll the page? I thought about that, I haven't used position: static yet for a menu, I think. But I think you can get around that issue by setting the body overflow to hidden while the menu is open then revert it after the menu is closed. So the result is that scrolling is disabled while the menu is open. After all, why would you scroll a page if you opened a menu?
>>
>>53919802
Fair enough. More than 2/3 of my monthly paycheck go into expenses, though. And you're talking about entry level jobs.
>>
>>53919786
> tfw regularly bounce between that and imposter syndrome.
>>
>>53919015
>>53919614
But you don't have a job, so how do you know what interviews are supposed to be like? That's exactly what employers want - they want someone that'll fit into the social circle of their company. It's not right, it's not a proper meritocracy, but that's how people get hired nowadays so participate or stay NEET.
>>
>>53919719
>web dev
>tech job

Web devs shouldn't be paid more than 35k.
>>
>>53919881
How should I participate?

I physically cringe when someone makes a simple joke in a serious environment.
>>
>>53919847

In landscape you've already very little vertical space, don't waste it with a static menu.

Anyhow, replace the menus with icons, have each icon activate a fold out menu.
>>
>>53919842
Where do you live? NYC?
>>
>>53919904
Try reacting appropriately to jokes, for starters. Be more fake.
>>
what is the best linux distro for webdev? Got bored of ubuntu. Should I try Fedora?
>>
File: tumblr_nrytp4qKfJ1s9eqayo1_500.jpg (144 KB, 467x600) Image search: [Google]
tumblr_nrytp4qKfJ1s9eqayo1_500.jpg
144 KB, 467x600
>>53919926
Bay Area. I'm also a high school drop out and self-taught programmer.
>>
>>53919950
The same you'll be using on production
>>
>>53919904
Would you want someone to chuckle at your shitty joke?

If I cracked a little joke and someone looked at me like "wtf is this guy doing?" I would probably never talk to them.
>>
>>53919946
I do. I laugh and try to make a small comment on the side. I don't go full normie though.
>>
>>53919997
Oh I laugh and all, but my insides just turn on themselves. It's weird. It always happens when I feel like I'm wasting someone else's time.
>>
>>53919802
You mean 2k for rent on a shitty shoebox sized apartment.

That's why I'm happy where I am. North of England, cost of living and rent is breddy gud. A 2 bedroom house to myself for £600 per month, and I'm getting £30k per year for an entry-level position, which is well over median wage, plus I have friends in the area. Work is a chill little shop where my boss knows a fuckload and I'm learning a lot about the languages that I like the most.

If I were to go down to that London I'd pay £700 per month for a room in a flatshare with other London cunts, working in a pajeet 'design agency'. No thx. I'd only consider London for a short-term contract, and only then if I could reliably live out of a van so I don't have to pay any fucking rent.
>>
>>53918321
>>53920042
>>53919904

Are you actually legitimately professionally diagnosed as autistic, or are you /r9k/ tumblr self-diagnosed special snowflake autistic?

You can learn social skills from books if you're just shy, but you have to actively practice them, and learn the value of smalltalk and shit like that. I used to be unable to make eye contact with people, now I'm fine after I made the effort to learn and practice.

>learn how to have a conversation
http://bookzz.org/s/?q=how+to+win+friends+and+influence+people

>learn how to read body language
bookzz.org/s/?q=definitive+book+of+body+language+alan+and+barbera+pease
>>
>>53920157
Not diagnosed. I don't claim to be autistic or be in the sperg spectrum, but I've always had trouble socializing. It has affected me a bit, but I managed to go through it kind of ok.
I dunno, those awkward laughs between people that still don't know each other seem to physically sicken me, you know? That kind of shit.

>http://bookzz.org/s/?q=how+to+win+friends+and+influence+people

Isn't this more of an "agree with everyone" book? I read about 40 pages of it.
>>
>>53920059
Sounds comfy, anon.

A 2 bedroom house where I am would be 1300 a month and entry-level is ~45k.
>>
>>53920329
No. Maybe look for lectures on youtube if reading isn't your preferred learning style.
>>
>>53918477

Both with c#
>>
Mvc or web forms? Ar work we'll be using both but is one better than the other?
>>
>>53920610
> Ar
>>
>>53918700
>>53918911
40k from hourly pay

>>53918744
To be fair I work 45 hours a week but just a plain Midwestern city.

>>53918814
You're always a script kiddie in your mom's basement. :^)
>>
>>53918744
I also only bring home 2600 and with 600 a month rent downtown I'm barely saving
>>
If we all lived in a house together it would make for a good reality tv show.
>>
>>53919958
thats like 30k a year anywhere else
>>
>>53918202
The job market is saturated. It's cheaper for them to hire foreigners with work visas than it is to hire locally.
>>
>>53921123
Don't blame Pajeet if you can't git gudder than him.
>>
>>53920999
Nobody's going to watch a reality show where nobody leaves their room because there's someone in the kitchen.
>>
So how do I get the motivation to rewrite the page for my smarthome system? In a few weeks I get my devboards, and until then I want my server finished more or less. But I just can't find the motivation to rewrite the stuff.

Also, what are the prettiest interfaces you know? Don't know yet how to design the stuff.
>>
File: 1450467148254.jpg (441 KB, 1688x1704) Image search: [Google]
1450467148254.jpg
441 KB, 1688x1704
>>53921715
>he thinks that designing stuff is about being the prettiest princess on the web
Fuck usability, amirite?
>>
>>53920610
MVC. Web Forms can be used for rapid development, but runs into scalability issues down the road.

And if you're new to coding, web forms don't teach you how to code for shit (other than C#).
>>
>>53918785
...

......was it ever working at any point?
>>
Java Servlet & co.
Is a filter thread spawn for every request a la httpservlet? It makes sense to me since the reason would be the same, having a single thread filtering for all the requests for the entire web app seems stupid.
>>
>>53920610
MVC, keep away from forms.
>>
File: thumb-zones-lineup.png (50 KB, 1378x700) Image search: [Google]
thumb-zones-lineup.png
50 KB, 1378x700
https://www.comscore.com/Insights/Blog/Number-of-Mobile-Only-Internet-Users-Now-Exceeds-Desktop-Only-in-the-U.S

Friendly reminder that if you're not designing for mobile-first, you're a Pajeet-tier frontend dev.

If your your average page weight exceeds 200kb, including all HTML, CSS, Javascript and images, you're also bad and should feel bad for wasting the user's mobile data and making your site unusable with poor signal.

If you're putting your navigation at the top of the page you're also a baddie, and you are contributing towards your users' crippling arthritis in later life.

Hamburger buttons to hide menus are utterly shit UX, use a button with 'menu' in it wins over hamburgers every time in usability tests.
>>
Well boys I think i'm getting close to applying for some jobs. I want to completey skip over "jr" status.

I know PHP and Laravel pretty good, built 2 fairly indepth websites for my portfolio,

I know bootstrap very well, a decent amount of jquery, and workable amount of vanilla JS. My CSS skills are okay, but I want to focus more on the back end anyway.

I know AWS, GNU/Linux, Chef, and other sys admin/dev ops tools

Do you think I could get a salary of 80k a year? (I live outside of denver colorado)
If not, what else would I need to learn?
>>
Anybody here have experience with devving with Webkit? Have an interview with a company next wednesday. Been going along with a tutorial and it doesn't seem that different than web dev, just runs as an executable.

Also have an interview for a PHP position but eh, could take it or leave it.
>>
>>53922385
>I know bootstrap very well
Do you have any advice about what tutorials to use for bootstrap? Going to use the w3c ones tomorrow.
>>
>>53922291
How did they count people who have laptops or 2 in 1s like surface? Mobile or desktop?
They seem to imply, in that article, that mobile = smartphone. Not sure that's technically true. Laptops were made to be mobile too, as opposed to desktops.
>>
>>53922385
I'm this guy >>53922402

I'm actually applying to jobs in denver also. Seems like things are kind of competitive there, so if you don't have that much experience, prepare for a long search. But if you can somehow convince them you're a god, I don't see why you couldn't ask for $70-$75.
>>
>>53922409
by w3c do you mean w3schools? if so get the fuck off that immediately. What I did was literally go to pirate bay/other torrent sites, search bootstrap, and download the most recent/highest seeded one and watch all videos in it.

Udemy has some good tutorials for cheap, and of course youtube is free, make sure its modern (bootstrap 4 is in alpha and will soon be released)

>>53922423
thinking of moving back home to SLC, theres a few jobs that look appealing and I could live with my parents for a bit
>>
>>53922409
Not him, but honestly, just following along with bootstrap's documentation is enough. To me, at least.
>>
>>53922445
I would only recommend the bootstraps site for reference, not for learning. Following along with a video and having little things explained worked very good for me
>>
>>53922440
I get a lot of emails/calls from UT, but I already have plans to move to Englewood, so kinda fucked I guess. But I wish you luck anon.
>>
>>53922413
>They seem to imply, in that article, that mobile = smartphone. Not sure that's technically true.

It is for non-autists.
>>
>>53922291
I don't have a smartphone. How do use people such a thing usually? With one hand and thus mostly the thumb? Or one hand holds it and with the other one they operate it?
>>
File: 1444150979045.png (1 MB, 1098x1645) Image search: [Google]
1444150979045.png
1 MB, 1098x1645
>>53922291
The majority of them are Android users. It's year of the Linux phone in the US!
>>
File: 1455855418812.jpg (8 KB, 190x200) Image search: [Google]
1455855418812.jpg
8 KB, 190x200
>>53922385
>I want to completey skip over "jr" status.
HAHAHAHAHAHAHAH YOU DON'T KNOW SHIT SON.

Good luck getting a job while coming across as a know-it-all, while having no fucking experience. No experience is fine if you're looking for a junior role and acknowledge that you have stuff to learn and want to be mentored, but at best you're just going to land a job that you can't actually do and waste everyone's time.

For real tho I thought I was pretty okay at this shit until I got a job and actually started trying to do things in the real world. You don't even know how much you don't know.
>>
>>53922511
No shit. I'm no autist, shitlord.

It was a valid question, if you actually read the article, they seem to equate mobile with smartphones.

If your only PC is a laptop that you mostly use at home, there's not much difference from a classical desktop PC.

In terms of building a responsive page, you literally don't have to do shit for HiDPI laptops or even MDPI laptops. So basically mobile first doesn't mean much shit if mobile includes laptops. It looks the same as the desktop layout. So your point is kinda missing there. The article doesn't imply most people use a phone or tablet to access the internet, a huge part of them could be laptops.

K, now start foaming at the mouth.
>>
>>53922525
Even Pajeet can afford a smartbone these days. I bought one for my mum for 30 bongpounds, and it wasn't even the cheapest one available.

>>53922532
"based on the linux kernal" doesn't make it Linux. Try running a linux applicaiton on it and tell me how it goes. Android is a Java VM.
>>
>>53922626
Re smartphones and Pajeet: It's not an issue of cost. I'm just lazy and love my simple devices. I have a 10" tablet and it's okay for browsing and reading PDFs, couldn't do any other useful work with it.

So, do most people use their phones with one or two hands? I didn't care to observe that, just became curious after seeing the image with the zones the thumb reaches.
>>
>>53922593
So you're here arguing semantics about what 'mobile' means, when the article explains what the words in the article mean, and their associated statistics mean, while everyone in the industry refers to 'phones using the internet' as 'mobile internet'?

In the early 2000s I took my desktop to a few LAN parties. Also the Earth is rotating and orbiting the sun.

I guess that technically means that everything is 'mobile' and words can't have any meaning...
But only if you're a raging autist.
>>
>>53922591
i am prepared for this, i'm just going to be honest in the interview and we'll see how it goes. Any advice on things you didnt know but have had to learn? just a few to start
>>
>>53922591
You make a very valid point, and there is definitely a shit ton that I will have to learn. When saying that I want to skip over jr status i mean pay wise. Am I completely wrong to desire/expect a salary of 80k /year?
What is a more accurate salary for my skills would you say?
>>
>>53922727
Are you literally that stupid that you're not aware of the implications of your argument?

Responsiveness involves more than phones. What looks good on a narrow viewport with buttons that lead to menus may not look so good on tablets in picture mode. And while people seem to think picture mode can be ignored when you test a page for responsiveness, statistics disagree, there are lots of people who use their tablets in picture mode.
>>
>>53922762
>Any advice on things you didnt know but have had to learn? just a few to start

There's so much variation in the industry that its pretty unlikely that my own experiences will help you. I use Node.js, so a lot of what I've been doing has been learning more about how that works, and all the other technologies that we specifically use.

It can still take newly hired devs who DO have experience a couple of months to actually become useful, after getting up to speed with their new company's processes and codebase. Most of what you'll be doing is reading other people's code, and the readability and quality of that code can also vary widely, as can the culture of the company and the helpfulness and attitudes of your colleagues. I'm lucky in that we have a strict style guide enforced by JSLint, unit tests, and use a fuckload of comments and verbose names for variables and functions, and my boss is always willing to explain stuff on the whiteboard.

>>53922797
>Am I completely wrong to desire/expect a salary of 80k /year?
Probably.

>What is a more accurate salary for my skills would you say?
Look on job sites and see what they're offering for junior positions. Expecting more is just wishful thinking. Plan for the worst and hope for the best. But a junior should still be above your area's median income, so your lifestyle plans should still be pretty dece.
>>
>>53922797
80k a year is too much. Try 30k. Expect at least 4 companies and 5 years before 80k. I still think it's impossible.
>>
its a pain in the ass rewriting all the js/html codes for new pages is there a way to create a template of the js/html code and insert directly the raw data from spreadsheet?
>>
File: nokia-6300-071111.jpg (24 KB, 630x420) Image search: [Google]
nokia-6300-071111.jpg
24 KB, 630x420
>>53922901
I know what responsiveness is. But big screens are pretty easy to design for, especially when most developers are sitting in front of a fucking massive one while they're working on something.

At work we have sites that are designed to work on 4k displays in the office, all the way down to pic related. Literally using Opera Mini and having to use the D-pad to navigate and use the site. Because we have customers in the US who have smartphones, and customers poo-land who don't have touch-capable smartphones. The same site and the same code works on all internet-capable devices, under the worst possible network conditions.

Responsiveness and mobile-first isn't just about slapping bootstrap on a page and calling it a day.
>>
>>53922954
well considering ive been offered 60k for front end bootstrap and turned it down, im gonna have to call you wrong and/or a europoor

>>53922951
thank you for this
>>
File: 1407880542456.png (505 KB, 657x595) Image search: [Google]
1407880542456.png
505 KB, 657x595
>>53922996
What the fuck are you trying to do? Because it sounds awful
>>
>>53923100
page gets data from array of objects, so have to copy all the code for each object with new classes for every new array
>>
File: photo_2015-08-07_00-40-51.jpg (61 KB, 550x550) Image search: [Google]
photo_2015-08-07_00-40-51.jpg
61 KB, 550x550
Could someone pinpoint me to a good CSS tutorial? I'm not talking about CSS syntax, but about actual style for button, colors etc: I suck at art so I need graphic design advice...
>>
Hello. I'm building a custom Wordpress theme and I'd like to implement a recent post slider. Unfortunately, the budget doesn't allow for any of the "Pro" plugins that offer this feature. I would also hate to shell out $100 for something that I could easily build myself if I wasn't trying to work around PHP and Wordpress shenanigans.

Has anyone ever tried to build their own recent post slider? Is anyone aware of any sources out there for how to do this? And is it alright to bundle JQuery with a theme? I've heard that this could cause the theme to break with future iterations of Wordpress but I'm not especially knowledgeable on the subject.

This project would be almost complete if not for this roadblock. I'd really appreciate the assistance, /g/.
>>
>>53923235
Include header. Include footer.
>>
What's a good front end photo gallery /wdg? I'm building a site for an artist and I can't find any simple gallery's that are touch-compatable. I want something that I can just pass an array of assets or objects and it handles the rest. Any suggestions?
>>
>>53925261
>touch-compatible
What do you mean?

I used this when I had to do a dynamic photo gallery for a simple pr0n page
http://miromannino.github.io/Justified-Gallery/
>>
>>53925728
>touch-compatible
I'm not that guy but he probably means size-responsiveness down to a smartphone screen. That "justified gallery" looks a little too narrow on my phone.
>>
>>53925261
Make one.
>>
You guys are useless senpai. Still waiting for you to come up with an idea so we can start coding.
>>
File: wut.jpg (249 KB, 1207x797) Image search: [Google]
wut.jpg
249 KB, 1207x797
I just started going through the html/css lessons on code-academy and I ran into this issue.

The window displays the text as violet just fine, but code-academy refuses to accept it.

What's wrong? none of the hints tell me anything.
>>
>>53926117
Not sure if this should solve it but
<h1 style="color:green; font-size:16px; Big heading"h1>


is wrong and should be
<h1 style="color:green; font-size:16px;"> Big heading</h1>


Browsers are quite forgiving about your HTML, but not that much.
>>
>>53926178

God damn I'm an idiot, that did it, thanks man, I totally missed closing off the styling.
Went over it 40 times and missed it every time.
Thanks man! :)
>>
>>53925768
Precisely.
>>53925875
That's what I don't want to do. My client is an artist so it has to look nice and it would take too much time that I could spend tweaking the exact color of the navbar.
>>53925728
I'll check it out
>>
>>53923356
You would need UX/Design tutorials for that then, not CSS.
>>
Hey /wdg/, any opinions on asp.NET? It's free/libre now, so presumably it is morally acceptable to use, but I'm curious about its advantages/disadvantages.
>>
>>53925932
>implying you will contribute
>>
File: download.png (179 KB, 320x462) Image search: [Google]
download.png
179 KB, 320x462
Looking for criticism.

http://shijou.moe/imas-radio/

Sound warning.
>>
>>53927923
>autoplaying music
No, fucking don't ever do that. Nobody, that randomly visits your site, would appreciate the sudden blast from their speakers, possibly set too loud. Off by default.
>>
>>53927923
I fucking jumped back, other than that I don't see problems. bretty gud
>>
>>53928012
Noted. Thanks.

>>53928023
Can you rate the code? Most specifically http://shijou.moe/static/js/radio.js.
>>
>>53928081
I prefer not having global variables, also I'd wrap those statements in different functions according to what they do: 'WebSocketSetup', 'ButtonsSetup', etc. and call them in a function assigned to window.onload.
>>
File: ur_a_faget.gif (1 MB, 640x325) Image search: [Google]
ur_a_faget.gif
1 MB, 640x325
>>53928081
No u.
>>
>>53904571
>minecraft
kys autistic 12yo
>>
>>53927641
New version is much faster than nodejs, runs on Linux and C# is excellelent language.
>>
>>53928332
Thanks, I'll look into it.
>>
I'm fairly new to html and css and I was wondering if there is any site that has good examples of well-designed sites where the code isn't full of javascript or php.

I feel like most of the basics are there, but I'd like to sit down and look at examples of "goo code" I guess, where I can also learn from playing around with it.

The sites I make now are fairly well-designed and reponsive, but design-wise I am no wizard, so I think learning from examples of good code would benefit my learning-process.

Thanks in advance fellas!

Also, Javascript or php first? I know both have their strengths, but I can't decide which would benefit me as a newbie the most.
>>
>>53928931

good code.
I am a terrific spell-checker.
>>
im getting tired of github.
the userbase is beyond retarded and i really thought sjw type thin-skinned people were only an exaggeration by /pol/ and they didnt exist.
so...

gitlab or bitbucket?
Thread replies: 255
Thread images: 33

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.