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

/wdg/ - Web Dev General

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

Thread replies: 319
Thread images: 29

File: wdg.png (731KB, 824x553px) Image search: [Google]
wdg.png
731KB, 824x553px
>Official botnet chat server
https://discord.gg/wdg

>Getting started
Get a good understanding of HTML, CSS and JavaScript.
MDN web docs offer a good intro (independent of your browser choice)
https://developer.mozilla.org/en-US/docs/Learn

>Free online courses
https://www.codecademy.com/
https://www.freecodecamp.com/
https://www.bento.io/

>Roadmap
https://github.com/kamranahmedse/developer-roadmap

>Resources
https://developer.mozilla.org/en-US/docs/Web - General documentation for HTML, CSS & JavaScript
https://stackoverflow.com/ - Developers asking questions and helping each other
https://caniuse.com/ - Check browser support for front-end web technologies

>Youtube channels
https://www.youtube.com/user/TechGuyWeb - Traversy Media
https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ - freeCodeCamp
https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Q - funfunfunction
https://www.youtube.com/learncodeacademy - codecademy
https://www.youtube.com/derekbanas

>in-depth comparison of VPS hosts
https://www.webstack.de/blog/e/cloud-hosting-provider-comparison-2017/
>>
File: 1503067730532.png (603KB, 1024x1024px) Image search: [Google]
1503067730532.png
603KB, 1024x1024px
Post what you're working on
>>
I am thinking of getting a used/refurbished laptop for about <£300, its soul purpose will be learning web dev, image editing and stuff like that, no gaming.

I am learning Webdev for employment, so should I be looking at getting an apple OS laptop, something I have no experience in currently, or get a windows one and put Linux on it?
>>
File: entertained.png (389KB, 626x348px) Image search: [Google]
entertained.png
389KB, 626x348px
>>62027911

In general:

1. Phone app/ ARG (react native)
2. Online store for a design studio (wp/ woo)
3. Online store for a fashion designer (wp/ woo)
4. After Effects plugin (c++/ aesdk)
5. A few open-source front-end libraries (js)

Today:

The phone app
Maybe the AE plugin if I get time
>>
>>62028465
you can do webdev on a anything, only issue is you have to run webbrowsers + ide/code editor and these tend to get bloated
i'm still using a 2010 toshiba laptop

you have to install and manage databases, servers and dependencies + occasional scripts to automate stuff
this is ez mode with linux but you can do the same things on other oses so just pick whatever you like more
>>
>>62028465

OS shouldn't matter.

I don't think you will be able to get a decent second-hand macbook for <300 though, so for this reason alone I would go with Windows/ Linux.

Get a cheap Acer and install Ubuntu.
>>
>>62028465
You can learn Web development on any OS, just choose what you like more, and what fits you. I doubt I would find a second hand mac at that price where I live though.

I always recommend Linux because the customiseable work flow, but it's up to you.


>>62027896
Working on my own buy/sell website, that caters to a niche market. Obviously I can't say exactly what, because I don't want my idea stolen. Using django with jinja2, and I have no idea how anyone considers Web dev without liquid templating, fuck all that extra work.
>>
>>62028582
>Working on my own buy/sell website, that caters to a niche market
>can't say exactly what, because I don't want my idea stolen

It's anime dildos to NEETs right?
>>
>>62028606

>It's anime dildos to NEETs right?

www kanojotoys com
It already exists mate, I'm not that unoriginal. That shows what you think about though.
>>
>>62028644
Yet it's you who supply the URL instantly ;)
>>
>>62028696
>what is google/ixquick
>>
Tell me, when you have a template engine that is either PHP or JS, if the end user has JS disabled will that fuck up your site for them, or does the templating happen before then?
>>
Stupid question but does anyone know how to style buttons to make them look like those old as fuck brick-like ones. It's driving me crazy, I can only remember how to do css and bootstrap
>>
>>62028511
>ARG
ARG are exiting stuff. Tell us moar.
>>
>>62029040
exciting*
>>
how do I align a form to the top right
>>
>>62027896
>an "official discord server" autist actually made a new thread, before going back to only posting on discord again

>>62029128
depends
fixed, flexbox, etc.?
>>
File: shinji.jpg (43KB, 705x529px) Image search: [Google]
shinji.jpg
43KB, 705x529px
>>62029040
It's a small game for a convention being held early next year. Players place items at their geolocation for other players to interact with, and choices made in the game will affect the physical layout of the convention area.

Sorry if that sounds vague; I don't want to give too many details (and effectively doxx myself)..
>>
>>62029348
>>an "official discord server" autist actually made a new thread, before going back to only posting on discord again
What the fuck did you just fucking say about me, you little php dev? I’ll have you know I graduated top of my react bootcamp, and I’ve been involved in numerous nodejs todo apps, and I have over 300 confirmed posts in /wdg/. I am trained in asynchronous callbacks and I’m the top comiter in the entire ruby ecosystem. You are nothing to me but just another code snippet to copy paste. I will model the fuck out of the finite state of your mum with precision the likes of which has never been seen before on this board, mark my fucking words. You think you can get away with saying that shit to me over the Internet? Think again, fucker. As we speak I am contacting my secret network of 5y+ experience .net developers across India and your repos are being filled with pull requests right now so you better prepare for the storm, maggot. The storm that wipes out the pathetic little thing you call your QA process. You’re fucking dead, kid. I can be anywhere, anytime, and I can fizzbuzz you in over seven hundred ways, and that’s just in brainfuck. Not only am I extensively trained in database design, but I have access to over 300 web development ebooks and I will use them to their full extent to wipe your drown your comits off the face of your projects, you little shit. If only you could have known what unholy retribution your little “clever” comment was about to bring down upon you, maybe you would have held your fucking tongue. But you couldn’t, you didn’t, and now you’re paying the price, you goddamn idiot. I will shit fury all over you and you will drown in it. You’re fucking dead, kiddo.
>>
>>62029748

fake and gay
>>
>>62029748

That hit way too close to home..

;_;
>>
File: Untitled.png (6KB, 940x558px) Image search: [Google]
Untitled.png
6KB, 940x558px
Hey /wdg/, I dunno if it should be posted here or in /sqt/ but I hope a kind anon can help with this confusing thing

I want to make a button, which when clicked or hovered on, extend a few text links to other stuff on the site. Please help me out of this pinch!
>>
>>62030048
<ul>
<li><a href="#" class="active">test1</a></li>
<li><a href="#" class="active">test2</a></li>
<li><a href="#" class="active">test3</a></li>
<li><a href="#" class="active">test4</a></li>
<li><a href="#" class="active">test5</a></li></ul>
>>
>>62030048
>>62030093
use code tags when posting

on button click apply css classes to the other link elements to make them visible.
Either via opacity or moving them in from behind the button itself.
>>
>>62030048

Html
<div id='button'></div>
<ul>
<li class='hidden'>thing 1</li>
<li class='hidden'>thing 1</li>
<li class='hidden'>thing 1</li>
</ul>


CSS
#button {
display: inline-block;
}

ul {
display: inline-flex;
}

li.hidden {
opacity: 0;
transform: translateX(-100px)
}


jQuery (inb4)
$('#button').on('click', function(){
if ($('li').hasClass('hidden') {
$('li').removeClass('hidden');
} else {
$('li').addClass('hidden');
}
});


Enjoy your free boilerplate :^)
>>
So, is anyone watching the Polymer Developer Summit stream?

Has anyone here used native web components in any project yet?
>>
>>62030285
use toggleClass to save an if
>>
>>62030285
could be better even with only changing one class on the button itself

JS:
buttonElement.classList.toggle("hide")

CSS:
.hide+ul>li{
opacity: 0;
}


unless that selector is too hard to follow, but I think the other anon just wanted sibling divs anyway, so

.hide~.link{
opacity: 0;
}
>>
>>62030704
ah fuck me.. just opacity on the <ul> element itself...
>>
>>62030704
dood opacity attribute will hide elements but have them take place
use display: none in case this is a problem
>>
>>62030701
>>62030704

>toggle

Fucking hell, I've been doing it the other way for literally 3+ years.

Also, thanks
>>
>>62030641
No but I intend to later this year. Seems pretty gud m8
>>
>>62027911
Under NDA :^)
>>
>>62029690
I was at pax south this year and they did something similar, so I'm guessing pax south.

If so, will probably see you there.
>>
Asking again since the last thread died. I just started learning node 2 weeks ago and all the packages there are seems somewhat overwhelming. Am I suppose to know which ones I need and how to set them up before I start a project? Obviously I'm suppose to read the documentation but it seems like there's a shit ton of set up to do before the app can even start.
>>
File: 1502658668768.jpg (39KB, 500x456px) Image search: [Google]
1502658668768.jpg
39KB, 500x456px
>>62032263
you tell me, i'll keep your secret
>>
>>62032508
What packages are you talking about?
>>
>>62032508
it's the same as last thread. Noone really knows what you are even asking anon.
You write the code according to what your app is supposed to do. For some tasks node has built in packages, like if you need to access the file system. Other times you might not want to write a feature from scratch, so you just google "node ajax request" or something similar.

You are doing it the other way around. You are wondering what packages you need to start writing your app, instead of writing your app and then seeing which packages might be a good fit, when you work on specific features.

Or do you mean there are too many options to choose from and you don't know which package to use for a certain task?

>shit ton of set up to do before the app can even start.
node main.js
>>
So I am going through some material, starting off with front end, following the stuff that is listed in that developer roadmap. Does anyone know of a good video that is about setting up my work environment (linux) for they type of stuff I will be doing?
>>
>>62033500
All you need is an editor and a local server.

Editor:
https://atom.io/

Set up a server and view a site through localhost:
https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Set_up_a_basic_working_environment
>>
File: FUCK.jpg (235KB, 2560x1375px) Image search: [Google]
FUCK.jpg
235KB, 2560x1375px
does anyone have experience building a responsive HTML canvas? I'm trying to make a pictionary game, and making the canvas work on resize is making me pull my hair out.

This is the best I've found and it's fucking shit:

JS
addClick(e.pageX - this.offsetLeft, e.pageY - this.offsetTop); //Record mouse X and Y coordinates


CSS
#canvas {
width: 800px;
height: 500px;
}


HTML
<canvas id="canvas">
<!-- Inline JS to keep canvas size attributes equal to its CSS size. -->
<script>
var canvas = document.getElementById("canvas");
var cssWidth = canvas.offsetWidth;
canvas.width = cssWidth;
canvas.height = (cssWidth * (5/8));
</script>
</canvas>
>>
>>62033969
Well think about it. How is it supposed to resize? How would you expect it to?
>>
File: 1503355144768.png (820KB, 760x806px) Image search: [Google]
1503355144768.png
820KB, 760x806px
>>62034077
fuck if i know, my brainlet ass has spent hours on this with no success

it's so fucking retarded that html canvas coordinates rely on the height / width attribute of the element rather than the CSS size
>>
File: 1427864382647-0.jpg (62KB, 560x560px) Image search: [Google]
1427864382647-0.jpg
62KB, 560x560px
>>62034133
also theres the issue that iOS browsers don't support offsetLeft or offsetTop

basically, I'm fucked atm. no idea how there isn't a single working example on github.
>>
is there any simple text editor with browser console addon?

now I am using firefox spreadsheet and console to js learning but it's not very usefull in long run.
>>
>>62034133
>>62034169
If you could post working code example, that would be helpful.

Say you start out at the resolution of 800x500px. Then you resize larger.. You now have more pixels, where do you put them? I guess you could put them in on the bottom left, nbd.

Then when you go to resize and make it smaller. Where do you take pixels away from? From the bottom left? Because if you're trying to compress the drawing, that's complex when you think about it. Which pixels do you take away?

I think I might just keep the canvas whatever dimensions it starts with and glue it there. Doesn't matter if the screen adjusts size or not
>>
What are some client side javascript projects I can work on?

I'm going into this company so I can work for a day, and that is probably my weakest bit.
>>
>>62034231
Here's a guy who figured it out completely, but no repo for me to look at:
https://www.drawasaurus.org/room/awefdawdef

hes using flexbox for the layout and i have no idea how he keeps the canvas responsive

there are some responsive canvases on github i am looking at now, thanks
>>
File: deusex2.jpg (126KB, 946x950px) Image search: [Google]
deusex2.jpg
126KB, 946x950px
>>62033969
Anonymous to the rescue:

https://codepen.io/anon/pen/ZJowKE

Is that what you meant??

Btw: to get the mouse position you should use:

e.clientX
e.clientY
>>
>>62034279
see
>>62034961

By the way you don't need to set canvas size with CSS.
>>
>>62034279
Really impressive desu. Scales up and down really well.
>>
How do I allow people to input dangerous and evil characters like apostrophes into PHP forms to submit into a MySQL database but without them actually being able to fuck up the database? I have a forum system but posts don't go through if the content has an apostrophe in it...
>>
>>62029690
Sounds cool, anon. Good luck with your event.
>>
Can anyone recommend any good JS/JQ tutorials, preferably videos?

Ive started JQuery but Ive hit a wall and I think I need more supplementary material before I start writing my own.
>>
>>62035185
don't pollute your mind with jq plx
>>
>>62034961
this one breaks if you zoom and scroll
>>
>>62033969
>>62034279
>>62034961
>>62034991

Edit: fuck code pen

Here is your solution:

https://jsfiddle.net/hu1ph7vx/
>>
>>62035185
Seconding the other guy, don't learn jQuery. Stick with Javascript. You're learning baby version of JS for no reason and wasting your time.
>>
>>62033969
Wait what? Why not make the canvas 100% height and 100% width and leave the resizing to the parent element?

https://www.w3schools.com/cssref/css3_pr_resize.asp

Then just fire a JS event and resize the picture accordingly.
>>
>>62035299
>>62035346

Okay, so same question but with JQ removed.

Im following The Odin Project and thats what it instructed me to do.
>>
I'm working on a project which includes having a google map with markers and other info pulled from a database via jquery. What's a good way to describe that in few words? "Gmaps dynamic markers and data"?
>>
how many of you are doing TDD? either at work or on side projects. how many of you aren't writing tests at all? was TDD just a meme?
>>
>>62035359
>videos

I remember watching this guy many years ago. It's the absolute basics however.

https://www.youtube.com/watch?v=yQaAGmHNn9s&list=PL11A62FF1A8BA35C1

On the jQuery issue, I would recommend learning it later once you have a solid grasp of JS. I don't understand the hate for it here in /webdev/ so it's probably a hivemind thing. It's very useful for projects where you are doing significant DOM manipulation.
>>
>>62035359
jq is like a straight razor. It is good for a quick hack, but it isn't scalable, and it's highly unrefined.

To answer your question I need to know what you're trying to achieve. What kind of job do you want? You can lean a couple directions : 1. More stable, more rigid, safer, slower, lower paying. 2. Less stable, more flexible, faster, higher paying.

Or something in between. Are you even going for a job? Idk what your goal is
>>
Currently learning the front end but I want to be a backend developer, which language would be easiest to find remote work? Python or Java?
I'll probably eventually know both but trying to figure which one I should start with.
>>
>>62035489
Nah this is excellent, I'd like a refresher on the whole thing honestly.

Thank you!
>>
>>62035614
Those are both great choices. I'd also look at C#.
>>
>>62035354
that will break the canvas drawing. either it wont be resized correctly, or the lines you draw won't follow your mouse pointer

you're free to try it but i dont think it would work
>>
>>62035744
Well you obviously have to resize the image manually, d'oh. Copy the pixels into an array at resize start, scale and redraw the entire image on resize stop.
>>
I am willing to pay if a course is worth it, consider it an investment, does anyone consider any of them good enough, or should I just stick to free material.

My main thing is getting a clear course structure.
>>
I've searched for everything on Google. Have no clue why there isn't an answer for this that isn't for jQuery or some shit.

How do I get a counter to show how many characters more the user can input into a field?

https://jsfiddle.net/q8v2j578/1/
>>
>>62035818
If you're talking about udemy etc courses they're all no better than free ones, apart from algorithms etc. Best way to learn is to think up a project and start working on it.
>>
>>62035828

here's a simple one

https://jsfiddle.net/q8v2j578/2/
>>
File: Attach2545_20170127_170539.jpg (39KB, 499x470px) Image search: [Google]
Attach2545_20170127_170539.jpg
39KB, 499x470px
Fuck boys... I'm starting to lose hope here. I got six months of experience (4 months internship, not sure if that counts and I had a two month contract as a developer).

I cannot find an entry level job at all. I've moved to a major city and people will not contact me. I'm still applying for out of state jobs so I don't tie myself down to just one region.

It seems like everything is reserved for experienced devs, no one wants an entry level dev. What the fuck do I have to do? It took me a year and a half to find that two month contract. I assumed it was because I was in a smaller town.

This shit is soul crushing.
>>
>>62036789
What kind of jobs are you going for? What kind of experience do you have?

In the meantime, this is a good board for remote work. Maybe you'll get a bite

https://github.com/lukasz-madon/awesome-remote-job#job-boards
>>
File: S4UDfM9.jpg (57KB, 600x444px) Image search: [Google]
S4UDfM9.jpg
57KB, 600x444px
>>62036824
Anything UX, Dev, WordPress, etc...

My experience is a degree in web design (yeah I kind of fucked up on that. I was too far in by the time I noticed I should've just gone CS). My web dev internship, I had a two month remote job as a web dev.

My skillset is well rounded, but honestly I am probably lacking in everything, jack of all trades and all that. Html, CSS, JS, PHP, bootstrap, foundation, Adobe CS, WordPress. Everything I think an entry level job should need. I don't think I'm fucking up on anything. The only thing I might be fucking up on is I don't have a pic on my LinkedIn profile and I don't have a Facebook.

It just doesn't seem like employers want entry level, they don't want to train anyone I guess? They expect an entry level applicant to know everything plus 5 frameworks.

Pic unrelated. Thanks for the link too btw. I appreciate it.
>>
My client wants a web app where people can post jobs and contractors can bid for them but he is hellbent on using Joomla. I'm not very experienced with any CMS, but is this type of thing possible with Joomla? Is it worth learning how to extend Joomla to achieve this or should I just try and convince him to let me custom code this project. This is the website he sent me as an example: https://www.fieldnation.com/
>>
>text all day and listen to joe rogan podcasts
>do udemy courses
>do everything but work.

I knocked out a projected 6 months worth of work in my first 2 weeks and now I have nothing to do.


So, what do?
>>
>>62037100
Ha, this idea has been beat to death already. My sister gave me that idea in 2010 and within a few years those apps were everywhere.
>>
>>62037197
I could care less so long as the client is paying me. It's also for a niche market but still.
>>
>>62037233
Do whatever the client wants. Just be sure to let them know your quote will change due to this new requirement.

Express that any future Joomla security vulnerabilities will make their site a hacker's playground so they can expect needing to pay programmers in the future to patch the holes. If you make it custom, it will be cheaper and more secure.
>>
>>62035117
http://php.net/manual/en/mysqli.quickstart.prepared-statements.php
>>
>>62037162
Make some dank open source libraries
>>
>find perfect domain keyowl.com
>it's taken

Go look at what took it.
>>
Anyone wanna do a RoR project together? Or have a project their looking for contributors on? I don't have anything in mind, just wanna work with someone
>>
When using a npm library, Is there a way to get documentation to my IDE when I hover over a function? Like how it works in eclipse for java.

As of right now it looks like this (pic) in my editor, it says what's supposed to go into the function but I have no idea what it does and I'm lazy and don't want to check out the docs on the internet. Using visual code btw.
>>
>>62036993
I was really considering just going with .net just to take advantage of all the jobs that seem to be out there. But I've tried looking up what's needed for an entry level job and no where really breaks it down.
>>
>>62038096
VSCode should have intellisense for JSDoc, if the library is actually documented with JSDoc.

Disclaimer: I've never used VSCode.
>>
>>62037837

lol

at least yourfullname.com isnt taken and put to poor use fml
>>
File: 1496364783861.jpg (50KB, 633x758px) Image search: [Google]
1496364783861.jpg
50KB, 633x758px
>website automatically redirects you to a localized version based on your IP
If I wanted the site in german, I would have typed in .de
>>
File: 108470182397401234.png (35KB, 1083x652px) Image search: [Google]
108470182397401234.png
35KB, 1083x652px
>>62027911
Writing the UI for a chat client. This is a waste of time, isn't it? I should be learning algorithms or something, shouldn't I?
>>
>>62036789
W-Wait, you got an internship and you're still fucked? I was expecting everything to be smooth sailing after I finally get an internship.
>>
>>62038760
>>62038760
Yeah, at least it seems that way. I honestly think that most job board postings are bullshit. More often then not I get very little other than the occasional "X has viewed your resume" notification.

Im not sure if interning at a realty company versus a web firm has anything to do with it. But it hasn't won me any favors. I'm sure my web design degree hurts me more than anything else anon, I'm sure you'll be fine.
>>
>>62038676
is that some kind of early internet throwback site?
>>
>>62039137
i want to go back
>>
Is Head First's PHP & Mysql book good?
>>
>>62039137
It's from 2006, so not that early, but yes!

>>62039316
Me too. :((( I am going to rebuild 2004 era AIM next.
>>
>>62039929
Head First are alright but they are goofy as well. If you don't mind goofy shit then go ahead
>>
>>62040160
Thanks senpai, i dont care about the goofy stuff, at least they have a lot of good reviews and its a different approach. I have a Java book, but i know they are from different authors so asking doesnt hurt.
>>
Give me your honest thoughts on jQuery, /wdg/.
>>
>>62040549
It's great. 90% of the things I do in JS is made simple by jQuery.
Everyone else is gonna tell you to learn Angular, React, Vue, etc. but jQuery just adds extra functionality to the vanilla JS I already know.
>>
>>62040549
it outlived its purpose
>>
kinda on and off working on my imageboard
I built a chat client for it too using ajax/php which is useless in the long run but it was a great learning experience
>>
>>62040549
It's ok.
>>
>>62040549
You're better off writing plain ES6 now with document.querySelector(). It's not 2008 anymore.
>>
>>62041006
Why type all that shit out when I could just $('#dick')
>>
>>62041035
bloatily bloat
gimme my bloat
>>
>>62041035
nasty syntax.
>>
I'm going to start learning php to make some Wordpress Plug-ins/Themes. Do you guys have any tips/resources?
>>
>>62041006
are ajax requests still a mess in es6?
>>
How do you guys decide what to work on next?
>>
>>62041289
Are you talking about promises and async/await?
Check out axios
>>
>>62041289
This has nothing to do with ES6.

But the web platform has a new feature called "fetch" that works with promises.

It's not perfect though, because by default, it won't send cookies (so if you request something that requires logging in via session, you'll get a 401) and also the initial promise resolves as soon as the headers arrive but before the body, so to actually read the body, you need two promises.

something like
const request = await fetch('faggots/op/pictures?query="striped_socks;bulge;hairy_legs;morbidly_obsese;pimple"', {
credentials: 'include'
});
const theActualContentIWanted = await request.json();


So it's hardly even an improvement over XHR.
>>
What exactly dictates a designer vs front end dev when starting out?
>>
>>62043237
if you can program or not
>>
>>62043237
Designer works in Adobe Photoshop and designs concepts. May touch some HTML/CSS and some VERY basic JavaScript.

Front End Dev takes the designs and translates them into code. Develops using HTML, CSS, and front-end framework of choice (React, Angular, Vue, etc...). Might also work on middleware and APIs.

This could vary from place to place though, but this is a general overview.
>>
https://twitter.com/codergirl__
>>
i need to learn meteor.. does 1.2 version tutorials still hold up? are there any breaking changes between versions?
>>
>>62043662
>this girl makes 100k per year
>you make 0
>>
Every junior or entry job listed says 1-2 years commercial experience required. Its not a fucking entry job if it requires years of experience ffs.
>>
File: 1501591589407.png (23KB, 300x300px) Image search: [Google]
1501591589407.png
23KB, 300x300px
>>62038676
it's not a waste of time, starting with ui helps you define user story and the functions you'll have to implement on the backend so it's all gud
>>
>>62043662
how old is she? 30s ?
>>
>>62045355
I meant useless for the purpose of becoming a software dev. When I interviewed at Google, they quizzed me on algorithms, not any actual programming. I assume every other place is the same.
>>
>>62045713
You srs? She looked under 20 to me.
>>
>>62043662
Is this more proof that social skills > code skills?
>>62046311
Was that interview for a frontend dev / designer position?
>>
>>62046311
google and facebook have harder interview questions
but of course you should know how to implement basic data structures, evaluate algorithm complexity, sort lists /use dijkstra and other trivial cs stuff otherwise wtf are you even doing
>>
>>62046363
>Is this more proof that social skills > code skills?
Not only that, but social skills > all the skills.

A person who is "full of talk" on the outside, but "full of shit" on the inside, unfortunately, has a BIIIIIIIIIGERRRRRR advantage over a person who has "full of skills, but weak on social". That's the sad state.

t. worked with pea-sized-brain-blabbermouths.

..I should have studied bachelors in yodelling if I know that this would be a reality
>>
>>62046363
>>62046363
>frontend dev / designer position?
No, it was software engineering intern.

>>62046374
Does anyone actually know how to do that? Don't they just look it up when they need it? I rarely come across situations where I actually need to use a fancy algorithm. In fact, I never have except in nebulous, abstract exercises.
>>
>>62046500
>Don't they just look it up when they need it?
true but you need to read up on it before going to a technical interview
>>
>>62046500
of course UI/UX isn't really applicable then, if the position doesn't call for that. What wasn't obvious about that
>>
Why don't I just do the sensible thing and spend some time working on algorithms and some time working on actual projects? Why do I pretend that I can only do one or the other?

A therapist would say "You don't believe you'd succeed anyway." and they'd probably be right. I really do feel shitty while multitasking though. I feel much better powering through one thing until I burn out.
>>
Can we post some over-designed websites for inspiration?

http://dada-data.net/en/hub
>>
I have a project which is a work-in-progress and definitely not ready for public access. I want to keep the files backed up and also track their changes as well. Github seems a fitting option but they charge for private repos, so fuck Github. Is there any other service I can use to backup and keep track of changes in a project, /wdg/?
>>
>>62046500
>Don't they just look it up when they need it?
I mean, the entire reason CS degrees exist is to teach you these theories so you understand how they work and how to implement them. This doesn't mean you need to know absolutely everything magically without resorting to a community online, just that you can at the very least communicate to your interviewer that you understand wtf is going on.
>>
>>62048089
gitlab is free private repos
you can host it on your own too
>>
>>62043662
>when memes become reality
>>62048102
seconding GitLab
>>
>user story
can somebody explain this marketing mumbo-jumbo to me
>>
>>62048089
bitbucket
>>
>>62048121
It's basically a way to design/implement features by understanding how someone is actually going to use the product/service. So you create user stories (bob, 32, lives alone, tech literate) and go through what they would need/want in the product/service.
>>
>>62046911
P O M O D O R O
O
M
O
D
O
R
O
>>
>>62048107
>>62048116
Thanks guys, GitLab looks nice
>>
I don't understand how react and node is supposed to work together. Let's say I want to make a log in screen. Does the react part send the login data to the api server(express supposedly), which verifies that it's correct and sends back a response that the react part checks to decide to render something new?
>>
Best resources for configuring environment for ES6, learning / using es6
>>
>>62041286

Read the WordPress codex and learn about ACF. get pro if you can, pass that cost onto a client.

Don't fall for the builder themes like X themes or Avada (unless you're building one yourself). The new (((Gutenberg))) editor will have a huge impact on those types of themes because they rely on shortcodes.

Learn how to use starter themes like underscores or roots.
>>
Anyone else employed but trying to make extra money on the side?

I'm currently working at a uni full time with decent pay. The workload is so light that I feel like I can make some extra money on the side providing support for small business websites. Anyone else doing this?

So far I've only been able to get two clients but I'd like at least a few more. Trying to make an extra 2750 a month
>>
>>62048956
https://code.visualstudio.com/docs/languages/javascript
also install:
https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

>>62048956
>Does the react part send the login data to the api server(express supposedly), which verifies that it's correct and sends back a response that the react part checks to decide to render something new?
pretty much, although it's not strictly React, because React is only responsible for the ui and not for sending/receiving requests and processing data
>>
>>62049606
Thanks a lot anon.

>>62049658
Probably the majority here is trying or want to make some money on the side. I'd say the support for small business thing is a good way to start. I am going to do some basic web/wordpress development for small businesses as well and if all goes correctly it's going to be some nice income on the side, it's all about networking and getting your name out there to find more clients. I need to finish my portfolio and start finding more clients though.
>>
why do japanese websites are so goddamn awful?
>>
>>62049892
>web languages are written in english using the english alphabet
>why aren't the japanese good at it
>>
>>62049751
The sending / receiving code has to be in a react class though right? I guess you mean react is only the jsx part?
>>
>>62050117
it doesn't have to be in a react class. it depends entirely on your setup. some people try to have container/presentational component distinction and put all their logic in container components.
I always use separate non-react classes I call "stores" because that's what works best with mobx (which I use)
>>
>>62049987
ruby was invented by a jewish mormon tho
>>
File: 1476381824839.png (29KB, 741x568px) Image search: [Google]
1476381824839.png
29KB, 741x568px
how many projects there are with C# backend? how profitable it is to do Microsoft stuff nowadays?
>>
>>62050477
quite a lot
very

but java w/ spring is still superior in both categories
>>
>>62050477
Extremely profitable. Ever since Microsoft ported .Net to linux and created a linux compatible C# IDE, C# has been gaining more and more popularity.
>>
What skills do I need to be self employed as a web dev?
>>
Easy way to get 450 USD a month from web dev?
>>
>>62050718

is up to you how much you wanna get but at the minimum you must know html5 css jquery FTP and how to host it

this is just for small blogs that wont require updates
>>
>>62050759
Is getting into web dev easier than going into programming? I seriously need some kind of income.
>>
>>62050796
Webdev is programming
>>
>>62050822
I meant with what they do over at /dpt/ with C and shit.
>>
>>62050831
They dont do shit, its just epenis mesurement, C jobs are almost non existant. Go learn C# / Java and get a job
>>
>>62050831
Becoming a web dev is much easier than becoming a professional programmer. Learning multiple programming languages takes time and will power, while becoming a web dev is so easy that anyone can do it in under a month.
>>
>>62050831
/dpt/ is eternally unemployed due to lack of social skills
>>62050796
It's easier in the sense that you don't get too deep into theories majority of the time. But otherwise it's the same process.
>>
>>62050850
>>62050851
So C#/java/PHP I should learn, any other useful web dev languages?
>>
>>62050796
yes of course web is easier

web needs almost zero testing

also when doing web projects you may also charge for other stuff like setting up the webserver and tech support or managing the pages content which takes no time
>>
>>62050876
You can get by with just learning javascript and PHP. You only need to learn Java/C# for developing serious web applications.
>>
>>62050903
What about python?
>>
>>62050876
All of them can be useful. Look at positions in your area and take note of what they look for. Ignoring the stupid postings that demand you know everything under the sun.
Look at your 'dream' jobs, what are they asking for.
And then learn it, and future proof yourself too. For example if you see angular being huge in your area, understand legacy angular and current angular, making yourself extremely valuable to those who want to transition.
>>
File: todo.png (23KB, 558x653px) Image search: [Google]
todo.png
23KB, 558x653px
my MUD has been sitting around unworked on for ages. I need to get back into it.

What should I work on?
>>
What's easier, being a front-end dev or back-end dev? How do I know what's for me without spending hundreds of hours into both (some general indications)?
>>
>>62050952
front-end is by far easier

You will eventually get really bored solving the exact same problems and want to do back-end though

Just learn full stack, that's what everyone wants nowadays anyway
>>
>>62050731
Bet all on red
>>
>>62050932
friends

>>62050952
I don't think clear separations really exist anymore, all front end devs should know some back end, and all back end devs should know some front end. Even at larger corps where they can afford to hire clearly separated teams, you're still going to do a lot of integration effectively. So you have to learn both anyways even if later on you're focused explicitly on [front end niche] or [back end niche].
And, both have very different problems and requires a subjective perspective, which makes a 'what's easier' question useless. Like for me, back end is extremely easy because I just love that shit.
>>
>>62050911
You can do almost everything with PHP and Javascript. If you want more options for server-side scripting languages then you can learn Python/Perl/Ruby, but in most cases you wont use or need them.
>>
>>62051009
I thought PHP was a bad language anyone should avoid
>>
Why are you guys suggesting PHP at all? Are any of you even in the industry?

First of all, it doesn't matter what exact techs you know. Just make sure you know something and can learn others. I'd suggest just focusing in on Node so you can handle the front and back end at once.
>>
>>62051012
The majority of websites run on PHP. Anyone who says PHP is bad to learn is either retarded or ignorant. You don't need to learn everything about PHP, just the basics so you can understand how PHP interacts with the other web languages.
>>
What about perl, what's that good for?
>>
>>62051051
being replaced by python in every industry imaginable
>>
>>62051012
When people discuss languages in such white and black ways (ie x is bad), especially on /g/, you should ignore all of it.
PHP is still exceptionally useful. You should learn it. I don't agree with that other anon about Python/Ruby though, if you want to, learn about them. You can do absolutely everything with just html/css/javascript. Most posititons are going to demand more than just the holy trinity.
>>
I want to make a CRUD Web App that handles business workflows, should i use react or Angular and why?
>>
So, I've been learning HTML and CSS and stuff through tutorials and lessons, but I don't actually know where to go next to actually code something of my own direction. I've tried finding a program for writing and testing code for website building, but all I can find are overly simplistic drag and drop programs. What do you use to write?
>>
>>62051184
whichever you're more familiar with
>>
>>62051012
>>62051048
>popular = good
There is literally no reason to learn PHP in le current year, it's only used at this point because companies don't want to switch.
>>
>>62051320
>it's only used at this point because companies don't want to switch.
You just listed the main reason to learn PHP. Companies still pay money for PHP programmers.
>>
How do I do the routing with react components, using an express server? Does react do it's own routing? This shit is so confusing, I just want to do routing like you do with template machines.
>>
>>62051436
react app has its own folder, express serves up the root of that folder when / is accessed
>>
>>62051460
can you give a small code example of how it would look like?
>>
frontend styling is truly maddening
i will never bully frontend guys ever again in me life
>>
Marketing guy, recently promoted to Project Manager here.

is there a basic course for non-programmers, that would help me understand the basics of web development (frontend)? So I can catch my frontend devs if I ask them to do something and they give me a week to do a day's work?
>>
>>62051639
I really hate people like you.
>>
>>62051752
Why man?
>>
>>62051639
No, there is no such course. A web-dev would never lie to you. If he says it will take a week, believe him.
>>
>>62051845
So isnt there a way to understand him better? Maybe the basics. not trying to be a prick
>>
>>62051752
>implying engineers promoted to managers are better

at least ex marketing guys are product oriented kinda
>>
so i started learning php and shit but its horrible and clunky to work with it in windows, should i setup a linux vm for learning?
>>
>>62051779
Because if you give us something to do and expect it to be done as fast as possible we always end up doing a rushed, low quality job. Programming & design takes time, its not just pressing keys on a keyboard.
>>
>>62051859
No. Take his word at face value. While you're at it, give him a raise and a company car. Trust me, I'm a dev.
>>
>>62051868
Engineers at least know the capabilities of the technologies that they are working with, and how long certain tasks/jobs will take.
>>
>>62051779
Probably because you're now in charge of a group of people and you have no fucking clue what they do other than the basic concept.

Your promotion is one of the major problems in the tech industry.

But maybe he has a different reason to hate you. Like maybe you having a job?
>>
>>62051964
great. Im not really concerned about the fact that a stranger on the internet hates me. I just wanted my team to be as efficient as possible, while putting out quality code. Was an honest question, nothing else.
>>
>>62051639
You should learn about web dev to improve the workplace, what you're intending to do will only ruin it.

>>62051569
Its fine, used to be much worse 2bh
>>
>>62052071
What would you recommend to read/try to make frontend life better? My boss sometimes asks me to implement some shit but I am a C++/C# programmer with 0.01 webdev exp, learning JS now and trying to get into react or vue

>"Anon, it will be easy for you, just like do it!"
fucking rich people
>>
>be in a company selling iframes with proprietary search engine written in angularjs using jboss/slim backends for mad dosh
>they're still using svn as VCS
>no build/CI/CD to speak of
>original devs left because boss is a jew
hahah dude, it's been 4 months now and I've at least managed to move most of the important stuff on a gitlab CE vm with a properly configured CI pipeline for building/deploying, force the use of gulp with minifying/prefixing and all that jazz.

Just one question tho, is it worth it to jump on the angular2/webpack train? any good resources on them?
>>
>>62052071
>>62052187
It really is so much better

To anon having trouble, abuse the fuck out of flexbox for positioning.

All of the popular frameworks (angular, react, vue) have Material Design modules which are a great shortcut to having a presentable looking site and they will usually have good positioning stuff built in as well. I avoid bootstrap.

What kind of specific issues are you having?
>>
>>62049827

You're welcome. I'm the same guy in the next post. Another tip, one of the clients I work with is actually a marketing agency that outsourced all of their WordPress development. If you find some in your area without a dev you might be able to add your name to their list of devs they give contracts
>>
Okay so im sure this has been asked dozens of times.

What is the most surefire way, best path, to get hired as a web developer? The difference im looking for in an answer i guess is details. Lay it out for me. If i was a candidate that you could train to be a perfect junior web developer, what would I be doing/studying/participating/focusing on? What would my resume experience look like? Im 25 and Im desperate to get out of this basic $12/hr 9-5 job. Literally just started looking at HTML
>>
>>62053143

Ok here's how you do it:

1. You need to go to dribble or search for "free web design psd" and grab a design in PSD format. Just get something simple.

2. Learn how to translate that design to HTML/CSS. This takes a lot of practice. This should tech you the basics of semantic markup and CSS styling.

3. Find more complex designs that involve responsive design and interaction components (window popups, rotating images etc). This will teach you the basics of CSS media queries and beginner JavaScript.

cont.
>>
>>62053392

4. Learn WordPress. Go to wordpress.com and familiarize yourself with the dashboard. Just create a free website and try to gain an understanding of a CMS. Content management system.

5. Go to wordpress.org and download wordpress. Then watch https://youtu.be/ezoRgybuESg

6. Get a text editor. I recommend atom. Open up any theme and study it's file structure. They're in /wp-content/themes/
>>
>>62052187
>What would you recommend to read/try to make frontend life better?
Generally a couple things;
>Flexbox
>Javascript
>Understanding how Boostrap/Bulma operates and why it's used
>Basic design (The Design of Everyday Things is a necessary for all devs I feel)
Don't get ahead of yourself with the react, vue, angular, polymer, etc. memes. They're useful, and solve their own problems, but they aren't silver bullets. They make production so much easier, but if you aren't understanding what's actually happening, you will slow shit down, negating the entire purpose of react, etc.
Best way is to build your own little projects and learn as you need. They must be your personal project so you can make mistakes though. Except for javascript, just read eloquent javascript online + MDN docs.
>>
>>62053143
>If i was a candidate that you could train to be a perfect junior web developer, what would I be doing/studying/participating/focusing on?
I would be charging you a slice of your pay for this lmao
>>
>>62053491

7. Familiarize yourself with the PHP inside of a theme and how it interacts with the HTML. The key takeaway here is understanding templates and template functions. Refer to the WordPress codex for this. The codex will be your WordPress bible.

8. Learn how to convert one of your websites that you built from step two into a WordPress theme. Refer to the codex and search YouTube for tutorials. They're out there.

9. Build your own website and present everything you have learned at this point. Get that website online and use it as a portfolio.

10. Hit up your favorite job board and start searching for and applying for WordPress related jobs. Depending on where you live this could be hard.

I've been a web developer for 5 years. At my last job I was a senior developer and this is the stuff I had junior developers doing.
>>
>>62053603
>Wordpress
>Web dev
Wordpress is a terrible way to become a web dev. Anyone can learn how to use wordpress and it should only be used for basic information sites.

>>62053143
I know im going to get a lot of flak from the autists who hate Microsoft, but downloading the free version of visual studio and learning how to work with basic C# web applications is great way to start. C# MVC teaches you the basics you need to learn any other object oriented language while incorporating HTML/CSS/Javascript into the web applications.

Here is a good starting point, razor web pages are very customizable, secure and can be hosted on Windows/OS X/Linux servers.

https://docs.microsoft.com/en-us/aspnet/core/tutorials/razor-pages/razor-pages-start
>>
Why doesn't the world use more backbone.js?
>>
>>62053603 Thanks a lot anon. You actually answered the questions.

>>62053729
Ill look into this as well
>>
>>62053729

> WordPress is terrible way to become a web dev

He's trying to get employed, not impress people on a Taiwanese glass blowing website. If he gets his foot in the door at an agency doing WordPress, he can work on other things on the side until he's ready to apply for jobs using modern stacks and become a """"real"""" web dev.

And your advice is great but honestly, he's not getthat my employed anytime soon doing asp tutorials. Ironically, I actually work with ASP MVC with Razor. Guess what? Much of the stuff I've learned with WordPress helped me get my foot in the door at my current job.
>>
>>62053811

He's another resource I've been sharing lately, it's a decent roadmap for becoming a web dev.

https://github.com/kamranahmedse/developer-roadmap
>>
>>62053819
>He's trying to get employed
Hes already employed and making $12 an hour. I doubt anyone is going to hire a wordpress novice and pay him more than hes already making at his current job. Just out of curiosity, how much did your last job pay the junior devs?
>>
>>62053866

I was making 26 an hour when I started as a junior dev and that was coming from making 10.50 as a mall cop.
>>
>>62052035
If you rush your devs you will never get quality code. Web stuff is just like any other product -- things WILL go wrong and your devs will need the extra time to cope with the eventualities.
And THAT is why that anon (and many others in this thread) despises you. You're the stereotypical "knows just enough to be harmful" manager. Your products are going to suck shit and you'll be reamed by your superiors unless you fix the "I wanna catch my devs being lazy" mindset.
>>
>>62050872
How do you gain good social skills for job interviews and the like? I'm socially stunted horribly when it comes to normal face to face, voice to voice interactions.
>>
>>62027911
CMS for online shopping/store website with it's own forum
>>
>>62038630
If you don't know how to go around that, then that's deeply concerning m8
>>
>>62054385
The tough answer: socially interacting more.
I know that doesn't help it's not some quick read a book and become a god advice, but it's the reality. You can't get better at social skills without interacting more, but there's the catch 22, as most socially awkward people punish themselves for not being good enough and then never get better.
Everyone is going to be nervous as hell in an interview, but as long as you're comfortable talking normally, things are fine. But if you're actually socially stunted generally, you need to work on the basics.
Force yourself into social situations that don't have much pressure on. Like ordering coffee from any shop, it's not a huge deal, but it's an excuse to be social. Loud and clear. Next time you need any help, maybe with a product/service, instead of using email or live chat try and call their customer support lines.
Get into podcasting and getting used to your own voice, or just use a voice recorder on your phone and get comfortable with it.
Y'know, just keep finding excuses to talk. It's tough, but baby steps will get you through it.
>>
How do people debug their code here? People actually use profilers, breakpoints etc, etc?
>>
For the first time in any business venture yet I have joined forces with another developer from work.

Awesome.
>>
File: devtools.png (8KB, 1012x102px) Image search: [Google]
devtools.png
8KB, 1012x102px
quick hint please
How can I have my CSS file loaded asynchronously.
The HTML file contains all the necessary styles for an initial render, so I would like to display it right away.
I know at this size I could just inline it as well, but that's not an answer to the question really.

load time in the screenshot is simulated with slow 3g
>>
Every fucking job says 1 year experience for entry, is this just something I should ignore?
>>
>>62055654
oh well, just read the trick with setting an invalid attribute and switching it back to "all" on load.
Bit hacky but I guess it works.
>>
>>62055716
Yes.

Where do you live and what languages do you know?
>>
>>62055716
Have you just started developing 3 months ago?
If yes, don't apply.
If not, apply.
>>
>>62055782

Its Entry front end stuff, nice responsive sites, and simple JS web apps, plus Wordpress themes and basic PHP. I can go anywhere in London or south of there.

>>62055790

But I need work now!
>>
>>62051436
You should install and import React Router v4. Then follow the basic example.

https://reacttraining.com/react-router/web/example/basic

Pay attention to the Topic link to see how to handle nested routes.

For routing purposes, the express server doesn't have to do more than serve the index page.
>>
>>62049314
This https://www.youtube.com/watch?v=1MOJdx_yZ0w
>>
>>62055915
Not that guy, but really, apply to any job. Sounds cliche, but the worst they can do is say "no" or nothing at all.
>>
>>62056092
Sometimes the no's can be so soulcrushing at first. I've been rejected by so many employers that I basically anticipate it every single time now.

But yeah, to the other anon, apply anyway. I lied about experience (time period, only worked 4 months for them but I put 2 years kek) in my last job, nobody bothered to check with my previous employer so I got away with it.
>>
>>62051048
>The majority of websites run on PHP
that doesn't mean much since the majority of that is generic wordpress, joomla, drupal, magento, ...
most of custom-made stuff is in enterprise and that's mostly Java and then maybe C# further down

>>62051569
it's fine after you've learned it, but people outside webdev tend to wrongly assume that it's easy from the get-go

>>62051886
yes

>>62055556
I use breakpoints often when debugging java. with typescript it's mostly browser dev console and a bunch of console.log("lel")s because I've been too lazy to see if my debugging setup even works
>>
>>62051569
It's a lot nicer than trying to make a UI in C++/Java
>>
>>62055556
print statements print statements print statements.
>>
how do I design ui that isn't on a JUST level?
>>
>>62027896
Im sure this has been asked a million times before, but I need some advice if someone would be nice enough. Ive curently been doing I.T. work for about 2 years, pay is alright for someone without a degree.
The issue is Ive been wanting to get into front end development for a while. I kinda settled for I.T. since I felt overwhelmed learning to use so many new tools that come out rapidly for front end.
Is it enough to get an entry job knowing HTML, CSS, Javascript, SASS, basic PHP?
I dont know a framework like Angular yet, and I only kinda know how to use GRUNT. Tried using webpack, gave me a headache.

TLDR: What is the minimum I can get away with in getting a entry front end position?
>>
>>62057211
As an IT person, you probably believe hiring is logical and consistent across companies. That's where you're wrong. That skillset is more than enough, imo, especially for entry level. A big part of getting in is having the confidence to sell yourself.
>>
>>62057006
Use a css framework to lay the foundation, and then style to add individuality.
If you actually want to create good shit from scratch, you actually need to learn design. Designers aren't overpaid fucks who slap shit together, you don't get an amazon page that just works with that much content by doing that.
>>
>>62056342
Do I sound gay when I say C# is prettier than Java, PHP, and Node on the web stack? Despite its flaws, it is a well thought out, work horse language, imo.
>>
>>62057295
You sound gay regardless.
C# was meant to be a work horse and it fulfills that efficiently, you're right about that.
>>
>>62057528
Cool
>>
>>62057295
>Do I sound gay when I say C# is prettier than Java, PHP, and Node on the web stack?
not really, but when you start building real stuff, minor syntax aesthetic differences stop mattering
and working on winblows or with buggy and incomplete .net core gets very ugly
>>
>>62057666
You could say this about a webapp on any stack more than a few years old with several developers.
>>
>>62057257
Thanks, I will take this into consideration.
>>
>>62054385
As someone who was painfully socially awkward, I can tell you, working a couple of customer service jobs really helped me become alot more social. Also just doing interviews , whether or not you want the job, helps.
>>
>>62057257
Thanks for the confidence boost I've been an IT lackie for 5 years and I am way more advanced than that guy
>>
What is wordpress? I thought it was just a website that you go to to make blogs but then people are saying "learn wordpress".

Is there some sort of backend that I need to learn about in order to "learn wordpress"?
>>
File: 1484280201719.png (4MB, 2000x3556px) Image search: [Google]
1484280201719.png
4MB, 2000x3556px
>>62027896

Should I learn MEAN stack?

Are there good work opportunities for that?
>>
>>62059590
its a content management system made for brainlets who can't into markup/css/javascript. Think dragging and dropping textbox and shits, except everything is behind a giant layer of abstraction made to be foolproof.
>>
>>62059659
Employers tell me that putting wordpress on my resume will make me look better, I already have HTML/CSS/Javascript/PHP there what would wordpress do exactly?

If it actually is just that crappy website then I've already learned it.
>>
>>62059685
Idiots see wordpress as a way to not pay a web dev for maintenance.
>pay someone to get it set up
>now only need to press a big + or edit button to add new text to your page
it works because most people only want a static web page for their brick and mortar business or something stupidly simple.
The drawbacks are obvious, being that you can't really do any specific customization or scripting unless there's some widget or plugin that someone else has put on offer for a price.
>>
>>62059777
Why would I even want that as my niche if every 40 something's nephew could learn it in a day? and doesn't the majority of revenue for a webdev eventually come from maintenance? after 20 years I want to have a passive revenue stream, why would wordpress be something I should put on my resume?
>>
>>62059606
Ditch angularjs for react or vue and you got a better stack.
>>
>>62059836
fuck if I know. those employers would probably say the same thing about any other meme framework if you did have wordpress listed as a skill. Or maybe they are talking about actually making the plugins for wordpress rather than just making shitty sites with it.
>>
>>62059590
Wordpress is sort of like a framework for PHP. You write a theme made up of PHP/CSS/JS that determines what blog posts look like, what different pages look like, etc.

Wordpress also gives you a pretty basic HTML editor that lets you design pages and blog posts. So it's good for someone non-technical who just wants to start a blog, because they can just pick out a freely available theme and it will display their blog nicely without them having to touch any code. Also, you can download plugins to add functionality to your site, again without much technical knowledge necessary.

"Learning wordpress" pretty much consists of learning all the functions that wordpress has to interact with their ecosystem, like tools for displaying pages, and their settings api, among other things.

From my experience starting to use it lately, Wordpress is a blog framework that has overgrown into a full fledged site builder. A lot of things are designedand/or named bizarrely because it used to be a blog engine. And while Wordpress is pretty flexible and extensible, a lot of things I've done in the process of making a highly customizable theme are weird and hacky.

So to summarize:
+ easy for anyone to use and make simple edits
- can be a pain in the ass to develop for

>>62059659
You only really get the "drag and drop" thing if you use a theme that builds that in. If you're developing themes, you still need to know all the same stuff, except for maybe sql/database stuff in general. Which is true for most CMSs.
>>
File: 8859da79dc4874c87a0245a6f67b850f.png (322KB, 1000x656px) Image search: [Google]
8859da79dc4874c87a0245a6f67b850f.png
322KB, 1000x656px
What's a good way to visually represent tree-structured data? Google gives me examples like pic related, which seems unintuitive/boring
>>
>>62059891
what kind of data?
>>
>>62059933

JSON data of the contents of a folder (which would potentially include other folders)
>>
File: mapa.jpg (64KB, 500x360px) Image search: [Google]
mapa.jpg
64KB, 500x360px
How i can make an image with tags that display information and little images?

something like pic related
>>
Lets say some dude wants a website for his company:
how much money do you charge them?
Do you ask for payment before or after giving them the website?
How much time do you take to create the functional website?
>>
File: 1497826752798.png (322KB, 480x480px) Image search: [Google]
1497826752798.png
322KB, 480x480px
fuck, I've somehow picked up work as a freelance web-dev. Now have four clients, am making less than minimum wage but I don't have to slave too hard and it's fun.

I just eternally fuck with wordpress sites and plug-ins. Time to brush up on everything, off to re-do codeacademy lmfao.
>>
File: 1497162676747.jpg (85KB, 835x458px) Image search: [Google]
1497162676747.jpg
85KB, 835x458px
>>62060226

This guy (>>62061283) here, I charge an initial set-up fee of around 150$ and then charge monthly for hosting/maintenance.
>>
>>62061283
youre not a dev youre a content manager
>>
>>62062275
>'web dev' pretending he's better than someone

face it buddy
your whole field is a drag-n-drop baby toy, you're hardly better than that guy
>>
Lets say I insert my Head, Navbar and Footer on every page using Handlebars.js, what would the end result be if the user had JS disabled?
>>
>>62062307
all of my projects have thousands of lines of hand-written java and typescript code

>>62062422
and empty page
>>
>>62035614
Just learn how to program , I did a course that did that and now I have a job as a PHP and ruby on rails dev (full stack though) and being trained to move into dev ops. If you understand data structures and some algorithms you can learn any language and move between mediums (web dev, mobile ect)
>>
There is no point really catering to that minuscule group, that explicitly disable JS for everything and expect things to work regardless.
>>
>new vscode logo is in the color of diarrhoea
would be funny if the program were shit, but it so happens that it's good
good thing I don't use program icons anywhere
>>
>>62036824
awesome man, thanks
>>
>>62063025
idk what kind of diarrhea you have, but it's not normally orange
anyways i only use insiders so it's green
>>
>>62063025

Can you add a web compiler to vscode, like the one vs 2015 uses?
>>
>>62063142
I have no idea what you mean by "web compiler" because I don't use vs, but you probably can

>>62063082
>idk what kind of diarrhea you have, but it's not normally orange
depends on how hungover I am
>anyways i only use insiders so it's green
don't worry, you'll get the poo one soon
>>
>>62038676
>teen spot
kek
>>
>>62063193

It's kind of like gulp for vs but it has extra features for building solutions.
>>
>>62062824
>and empty page

Isnt that a massive flaw of using those tools?
>>
>>62063193
>don't worry, you'll get the poo one soon
too bad saved the green one for future use
although the new design is kind of nice desu
>>
>>62063383
You're talking about catering to an extremely small % of users who disable js. Why bother?
>>
File: pomf.png (21KB, 1067x308px) Image search: [Google]
pomf.png
21KB, 1067x308px
>>62063383
>>62063493

>2017
>>
>>62063664
Gonna use that desu
>>
>>62063493

Fair enough, but why would that sort of thing not be pre-processed, sorry I am pretty new to this, I saw there was something called Jade, but that and the thing that replaced it seem dead.

Also if it makes a difference I am trying to do this in a way that looks best to employers.
>>
>>62059891
https://bl.ocks.org/kerryrodden/7090426
>>
>>62052035
>I just wanted my team to be as efficient as possible, while putting out quality code.

write the code yourself then.
>>
Are carousel sliders a shite? My client wants one like there's no tomorrow
>>
>>62064641

Yeah they're shit but it's never stopped me from getting paid to put one on a a website
>>
>>62064641
http://shouldiuseacarousel.com/

but hey, if he wants to pay you for it
>>
>>62062422
do NOT do that. it is bad and you are going to rot in hell. I know that the web sucks because you cannot simply define a "layover"-page that is then drawn onto every "sub"-page - but you still should not do that. no header, navbar and footer together can be so big that it justifies inserting that stuff via js. content belongs in the html - always - no exceptions

also remember that google does not "read" javascript inserted code. your code will not be indexed properly.

>>62062824
only if <noscript> tags are not used the way the should be used.

>>62063383
yes it is a massive flaw. there are many good reasons to disable javascript (privacy, battery, bandwidth, etc...) and there many even better reasons (standards, different browsers, handicapped people with accessibility needs,... )

do not deliver content with js unless it is optional and not important.

btw: adblockers might block javascript, think about that

>>62063493
extremely small % of users are still thousands, tenthousands, or even more in the internet.

also because of all the other reasons explained before. the question "Why bother?" implies, that you are a code monkey who has never thought about any of the code that you are throwing out of the window. it implies that you are part of the pest that made addons like NoScript and uBlock0 a necessity.

>>62063664
you are just an asshole
go back to /pol/

>>62063694
you are an asshole, too

>>62063710
if they have ANY ideas about webpages, they will see that you did everything wrong. they do not care about all the standards, handicapped, technology related stuff. but the care about SEO.
>>
>>62064677
>>62064706
Understood faam. What are some modern goto options for marketing "special offers" things on a website that actually work? If sliders are shit
>>
>>62064736
Just enable javascript like you do on 4chan you worthless fuck. :)
>>
>>62064846
I like the fact that you are calling me "worthless fuck :)"

I don't like you reasoning. read what I have written.
>>
>>62064941
It's actually quite difficult to understand what you even mean you subhuman slav.
>>
>>62064975
* SEO: content delivered via JS is not indexed
* handicapped: they rely on complete html for their special needs browsers or text-to-speech stuff. sometimes they disable javascript because it makes the web easier to get access to.
* privacy: JS leaks your data.
* standard: content belongs in the html

now get of my lawn little jew
>>
>>62065021
>* SEO: content delivered via JS is not indexed
>* standard: content belongs in the html
we are not in the year 2010 anymore
>>
>>62065092
you are right. we are in the year "let's fuck the web up even more"
>>
>>62064748
Have a real designer design the site.
>>
>>62065021
I don't think autism counts as a handicap that way anon
>>
File: 1454757153807.jpg (19KB, 250x213px) Image search: [Google]
1454757153807.jpg
19KB, 250x213px
>>62051639
>marketing to project management
>promotion
>>
>>62065455
"autism" > bloat
>>
So I'm wondering where my skills are at as a % of someone who could work to build a site independently and effectively.

I know my skills on the front-end are 100%. Been doing that for 3 years. It's the back-end, C# specifically.

For C# I want to know where I am. I've done a few courses and understand how to create a basic REST API. I don't however have any experience with authentication or security. I can create models and do a code first EF Database. I've never been asked to really work on building anything out with C#, but it never looks textbook when I peek back there. Where am I on the path to full stack?
>>
>>62066067
Yeah man totally.
>>
>>62066217
totally? What?
>>
File: example.png (942B, 147x28px) Image search: [Google]
example.png
942B, 147x28px
Can someone link me to a page that shows how to edit the way a websites bookmark looks (image and name)?
>>
>>62066470
it's just the favicon and title element in your HTMLs head
>>
>>62066515
the title element seems to just change what the tab says, but when i actually save the book mark it saves it as the address of the site rather then the title of the page
>>
>>62066567
huh, what browser are you trying that with?
Is the behavior different on other sites?

>>62066624
>>62066624
>>62066624
>>
>>62066653
it doesn't work on brave or chrome, but it does work on Mozilla and IE.

Did the favicon, thanks for that, forgot what it was called.
>>
>>62066826
also, if i click the favourites button it saves correctly, but if i click and drag onto the bar it doesn't.
>>
>>62028465

Chromebook all the way.
>>
>>62064736

Ok but on a 20 page website, what is a sensible way to put the header and footer in on every site?

I keep getting told about DRY coding and copy pasting it on every page manually seems to go against this. There must be a good way by now?
>>
>>62068102
that would be a content management system like wordpress or maybe smaller, simpler alternatives.
>>
>>62068102
use partials homo
>>
Someone here uses elementor?
>>
>>62068240

I hate this, but I have no idea how to implement that, I google it and Handlebars comes up and thats what I am trying to get away from.
Thread posts: 319
Thread images: 29


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

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


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