/wdg/ Web Development General

>>60824899

First for Wordpress.

Sass > Less

>>60825003

SCSS > SASS

File: react.png (57KB, 1200x848px) Image search: [Google]

57KB, 1200x848px

Friendly reminder to not fall for the Vue/Angular meme

What's the best introduction to jquery?

>>60825142

dont start with libraries and frameworks, learn how to actually program with a base language first

>>60825142
pretty sure you don't need to specifically learn "jQuery" unlike other proper frameworks.
If you know how to do things with vanilla JS, then the shortcuts jQuery offers should become self explanatory. Sry if this doesn't sound as helpful as you would like.

>>60825142

I would recomend you to start learning about the DOM api.

>>60825142
Selectors.

Everything else will come from stack overflow.

Slack or Hipchat? Can I use Slack with Bitbucket? Do most projects bother with Github or Bitbucket or do they host their repos themselves?

>>60825310
I like GitLab, since they have a much saner team behind it and also give you free private repos.

Nonetheless using GitHub atm, since it's the defacto standard in the "industry".

is the discord gone?

File: digiorno.jpg (84KB, 640x480px) Image search: [Google]

84KB, 640x480px

>>60824899
What's the best resource to learn javascript from? I've searched through some from the link below, but the ones I've searched through either don't specify which standard they're using, or cover the new features of (for example) ES6 without going over the core bit of the language.

I am already familiar with core programming concepts and C-style language syntax, but I'd really like a comprehensive guide.

The link I mentioned: https://github.com/EbookFoundation/free-programming-books/blob/master/free-programming-books.md#javascript

Is eloquent javascript 2nd edition still viable to get into jswebdev?

Which text editor is better: Sublime Text, Atom or Brackets?

>>60825856
vscode

>>60825494
quick crashcourse of the syntax
https://learnxinyminutes.com/docs/javascript/

https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
(+ the other links on the left side)

But nothing will beat actually writing something and learning from that, though I guess you know that.

>>60825856
VS Code

>>60825873
>>60825885

shoo poo in loos!

>>60825706
can someone answer this

>>60825897
please take your shitty memes elsewhere

>>60825926

first take your M$ shilling elsewhere

>>60825856

it doesnt damn matter - you can use notepad

knowing how to program is what matters

File: ss-2017-06-09-19-06-05.png (25KB, 279x57px) Image search: [Google]

25KB, 279x57px

>>60825950
vscode is objectively the best code editor available today. I was just answering the question, not shilling. I don't even use any other product from microsoft

File: 1489709994355pol.jpg (23KB, 500x444px) Image search: [Google]

23KB, 500x444px

>>60824980
My dude!

Is it bad that I actually want a job working with WordPress?

Would someone mind giving me an outline of what I need to study for that?

PHP? Laravel? Sage? Start making themes? What do I do?

>>60825991
>implying you would need laravel to learn wordpress

>>60825986

the fact that you said "code editor" now i know yore a shill

pls go

>>60826035
That's why I was asking, I'll take that as a no?

>>60826050
I said "code editor" because I use nvim to edit text. unless the text is code, then I use vscode (or intellij).

I want to create a website that acts as a hub for my 'professional' accounts. This way I can hopefully improve my job prospects. I already created a LinkedIn acocunt, bought and configured a domain and set up an NGINX server.
So next up is creating a website. My idea is to create a simple single page website that displays an icon for each account as well as an email icon. However, I can't design for shit. My current idea is pic related. Each icon is black and sits in a colored circle. The color scheme is stolen from the base16 theme. If the user clicks the circle, a new tab is opened redirecting the user to the website of the account.
Do you have any suggestions on making the website look more attractive? Is it safe to put my email on the website as a "mailto:myname.tld"?

File: hub.png (21KB, 1920x1080px) Image search: [Google]

21KB, 1920x1080px

>>60826098
Fuck, I forgot the pic. Replace each pepper with the icon of the account (LinkedIn, GitHub etc.).

>>60825991
I worked for a company that had devs working with WP. 95% of the time they just customized the template

>>60826109
I can set up the entire page for you if you can spare $20.

>>60825919
If you like the book-learning style, then it is probably alright, since it is mentioned quite regularly.
Since its a proper book though it's really drawn out and you could likely learn faster from other resources.
But if books are your go-to, then give it a try I guess.

>>60825985
>you can use notepad
that's some stellar meme-advice anon... at least use an editor with syntax highlighting

>>60825991
Do you actually like Wordpress or just want to get into it because of the the job opportunities?

>>60826136
I can build the website myself using HTML and CSS. I just lack the skills to design one.

>>60826109
>This way I can hopefully improve my job prospects
I guess your job is webdev related since your posting in the general.
In that case, why wouldn't you invest time to get good and make something visually appealing.
People will judge you by your portfolio/contact page, so put in some effort, even if you have to use a CSS framework to make it look neat.

Even for backend I would probably do that and definitely list your skills.

>>60826148
>it's really drawn out and you could likely learn faster from other resources
this doesnt really bother me, ill skim read and skip what i already know.

after reading the book though, should i be able to make shit like sliders and interactive navbars?

Anyone else here that does mostly front-end?
I'm pretty beat. I want to do more than just design pages. I'm pretty good at it but I want to make something that's actually functional, something that involves crud operations, etc. Don't think I can do front-end long term.

>>60826316
no idea
From skimming over it, it seems to offer a lot of theoretical knowledge.
In any case you will need other resources as well like the MDN to look things up as you go.

>interactive navbars
like hover menus?
That rather sounds like a job for CSS

>>60826272
>I guess your job is webdev related since your posting in the general.
No, my current occupation is Android developer and I'm looking for a job in the Java enterprise world. I thought a personal website looks neat on my CV. It also gives me the opportunity to learn about DNS records, NGINX and refresh my knowledge on HTML and CSS. I don't want to invest time in learning JavaScript frameworks. I've maintainted JavaScript applications running on Chromecast devices, but I don't find it very interesting. I'd rather spend my time writing real applications (no offense). So I'm looking for a simple portal/hub website I can build in a weekend.
Do you have any feedback on my mockup? What about putting your email address in a mailto?

>>60825494

Checkout O'reilly Javascript. The Definitive Guide.

This plus the mdn did it for me.

>>60826499
Icon color could be same as the background gray. Avoid pure black.
Would add some minimal other content for basic SEO.

basically a column with:
>your name
>your skills
>a row with your link circles to linkedin, github and so on
>then email, phone contact below

no idea about mailto, but I would show it in a way, that visitors can easily select it for copy/paste

File: mustang.jpg (77KB, 634x357px) Image search: [Google]

77KB, 634x357px

I just got a job as web dev :^)

I am so happy /g/ this will be my first tech job. Thanks for the help lads I learned everything I know about web development from /g/ which means I do not know much but I'm getting on the job training

Is there anything to watch out for when using these properties in a div selector to accomplish the goal of achieving center align for child divs?

    display: flex;
    justify-content: center;
    align-items: center;

>>60826877
Unironically happy for you senpai
Do you know what are your first assignments?

>>60826877
glad to here it, friend-o. Tell us about you and the job, just to give us some hope. What stack are you using? What will you be doing, back, front, full? Salary? Where you at? How long were you studying and how long were you looking for a job? Favorite anime?

>>60826844
Thanks for the advice. I'll color the icons similar to the background and add a header with personal information.
Do you like the circles or should I make them square like Windows does?

Freelancers, how often are you shipping automated tests? Is it something that you only do when requested, always or what? How do you explain to customers the cost/benefits

File: bingo.jpg (146KB, 1565x664px) Image search: [Google]

146KB, 1565x664px

To the anon who was shilling Pluralsight in the last thread, how do I get the 3 month trial? All I see is a 10-day trial, I don't wanna have to make a new account every 10 days. Pls halp.

>>60825494
http://bdcampbell.net/javascript/book/javascript_the_good_parts.pdf

>>60827118

I saw some of their courses pirated in private trackers.

File: 1496716688749.png (593KB, 545x872px) Image search: [Google]

593KB, 545x872px

>ctrl+f typescript
>0 of 0

Fucking retards

>>60827206
which ones? I'm on a few, but none that have video. But I could try to join, I guess.

>>60827224
Is he /ourguy/?

>>60827224
>can't keep track of types without hand holding
>calls other people retards

File: codecamp.png (149KB, 1083x698px) Image search: [Google]

149KB, 1083x698px

wtf why was I banned from discord? Is it cause I posted this picture?

grow a pair you fucking pussy

File: neuro.jpg (124KB, 1366x667px) Image search: [Google]

124KB, 1366x667px

>>60826929
>>60826970
thanks guys

I do not know the stack, but I got to see the work when I went in for my interview. I will be editing existing css and xml files to update the site. As I am still an undergrad this is a summer gig and they told me after this project is done I can be assigned to a different project. It pays $16.50/hr starting. I study electrical engineering which is a far cry from front-end web development but I don't really care I like this sort of work.

Honestly the guy who showed me what I would be doing was editing all of the files manually and I was just sitting there thinking about how I can write a quick python script to edit all of the files in one go. What he was doing seemed very repetitive.

File: badgoy.gif (1MB, 294x216px) Image search: [Google]

1MB, 294x216px

>>60827329
some kode kamp instructor is probably the mod

>>60827329
i banned you go fuck yourself posting onion links

>>60827353
that gif will never not make me cum

File: 1485382909703.jpg (61KB, 604x498px) Image search: [Google]

61KB, 604x498px

>>60826148
A little bit of both I suppose. Long story short: when I was going through school I took a PHP course and of all the languages that I tried throughout school PHP clicked with me the most. Couple that with the huge amount of companies that use PHP and I thought I would start traveling down that path. WordPress seems to be the logical step for someone starting out that wants to focus on PHP right?

My limited exposure with vanilla WordPress is that it seems like a really cool platform. I do enjoy working with it so far, it's very easy to change something big so it's obviously very powerful.

Though it is kind of frustrating how slow it can be when you are trying to get something pixel perfect and then you have to wait 15 seconds to save/reload the damn page isn't fun.

I'm actually kind of worried about the job opportunities for it desu. I'm worried that if someone sees a lot of WordPress experience on my portfolio/resume that they may look down on me as being unskilled or reliant on something like WP. I also don't know the current state of WP in the industry or how many positions are around for that. Jobs are always a factor of course because even if I do enjoy it, it would be nice to get paid as well right?

When you use templates or Sage (roots) does it get much faster?

>>60826115
So focus on building templates or working off templates??

pic unrelated

>>60825142
Learn Javascript first you monkey. Jquery is just a library of functions for javascript. There's nothing "to learn" about it other than what the functions take in arguments and return in values.

>>60825856
VS Code.

>>60827443
>you have to wait 15 seconds to save/reload the damn page

I don't think that's WordPress's fault; I'm working with it now, and I see changes pretty quickly.

Are you pushing changes to a remote server every time you change something? Because running Apache and MySQL locally, even on my laptop is pretty fast.

>>60827443
>So focus on building templates or working off templates??

afaik they didn't build the template from zero but had several templates and then adapted those to the UI design

File: perroloco.png (141KB, 540x423px) Image search: [Google]

141KB, 540x423px

>>60827406
wat

>>60827224
I just set up typescript for my project today. I first used it with Angular and fell in love.

>>60827302
You're a moron.

>>60827406
>onion links
Wait lmao why the fuck would they be banned?

File: 1489628430171.gif (332KB, 492x376px) Image search: [Google]

332KB, 492x376px

>>60827581
Yeah you're probably right, I've only worked with it twice though and I was really digging it. When I worked with it most recently it was for a potential employer that wanted to see if I could make something. So I loaded it onto a web server and started from there, it also used the avada theme so it could be the theme as well?

>>60827607
I would imagine this probably what most WP dev work is right? I guess I could go grab different templates and try to adapt various webpages from those for practice or is there a better method someone knows of?

>>60827329
Hey there. I'm one of the mods, what was your tag?

Did you post anything NSFW?

>>60827751
I'd imagine it's mostly the remote server; everything is interpreted, so it shouldn't take long to load something, even with a larger theme.

But I can't be sure about that, since I'm writing a theme myself. I have basically no experience with PHP or WordPress, so I'm sort of learning both as I go. So far PHP isn't too bad a language, but I'm getting fed up with WordPress bullshit.

Do you listen to music while you are coding /wdg/? I find it too distracting, myself.

>>60828184
Yes. Trance, EDM, or metal. I never listen to trance outside of programming even, or well extremely rarely.

>>60828184

Only eletronic music.

>using angular

>>60828860
Angular is v nice

I know the basics of javascript. I want to learn node js. how should i tackle this?

>>60828934
Just do it. Node isn't very hard.

>>60828934
>google "nodejs tutorial"
>do the tutorial
>think of thing you want to do
>download library or ten from npm that does thing you want to do
>put then in nodejs server you made from tutorial

Like 50% of all webdev right there, the other 50% is re-using shit you already made from tutorials before.

>>60828945
do what?

>>60828972

>>60828961

>>60828934
https://nodejs.org/dist/latest-v6.x/docs/api/

that covers pretty much all the functionality of node.js if you already know javascript. nodejs is just v8 + those apis

Most html escapers/sanitizers convert both < and > to their respective html entities. Is there any reason why I couldn't just convert <? Shouldn't that be enough to protect against malicious html or javascript?

I'm trying to parse markdown to html, but at the same time I don't want to allow the user to send any html/javascript through and have it potentially executed, even though markdown (and the tried and testing parser I'm using) allows this, so I'm escaping all html special chars before passing it to the parser. This in turn breaks markdown quotes, which start with >. Am I going about this the wrong way? What else could I do that wouldn't jeopardize my server or users' safety?

>>60829081
what happens if you have

<input value="${name}" onchange="blahblah">

and I set my name to be l33thacker"> ? you need to strip both.

as for your problem, your markdown library should have the ability to turn off inline html.

>>60828184
Lately it's been podcasts for me, I've not listened to music in a long time. So now I don't know where to find good music.

Tried to go to /mu/ but hooooly shit I've never seen a more pretentious group of people in my life and fuck me are they hipster/contrarian scum. I think it's not a stretch to say that might be the worst board on 4chan.

>>60829118
>as for your problem, your markdown library should have the ability to turn off inline html.
Doesn't look like it does

https://metacpan.org/pod/Text::Markdown

>>60829216
I'm not familiar with perl but I'd look for a library that does have that option available or use something like this https://www.xav.com/perl/site/lib/HTML/Entities.html to do your html encoding

>>60829377
woops meant this https://metacpan.org/pod/HTML::Entities

>>60829377
>>60829412
Yeah I'm already using that. Thanks though

>>60829216

lol why the hell you doing perl dude

Learning JavaScript right now and just finally got out of the console log and into the DOM where it looks like JS will start to be fun.

When did JS become fun for you?

Once I get a good basic understanding of JS I'm gonna go over and check out jQuery (apparently jQuery doesn't take long to learn at all) and then move onto learning PHP while building my portfolio up with HTML/CSS/JS sites and apps and start applying..

I also need to learn git. I have a GitHub but learning the commands and shit are just too much for me right now while I'm.trying to learn JS. Front end web development in 2017 seems like so much. You gotta know html,CSS,js and a JS framework along with a fucking backend language too it seems to break into the field..

>>60829517
>When did JS become fun for you?
I was already proficient in C# so it was easy as hell picking up JS. It was fun right away, but I just enjoy programming.

>>60829517
>into the DOM where it looks like JS will start to be fun.
>When did JS become fun for you?
you know it's just a gateway to an API to render hypertext in a browser right ? no magic here

>>60825494
Google WatchandCode practical JavaScript. That really helped me as an introduction to JavaScript. You build a to-do list but your build it from the ground up learning the very basics of JS and slowly advancing more and more. The guy is a great teacher who used to work for Google. I'm.confident if you finish that course (it's free) you'll have enough base knowledge to start playing with JS on your own or begin a more intermidiate course without feeling lost.

It seems that my local newly started pizzera place doesnt have a website. Should i offer to make one for them? Though they do have a facebook page which they might think is enough. Maybe i need to convince them to get a website first.

I have the knowledge to make a basic static site that fit their needs, but i have no knowledge on how to deliver the product to them. Do i just setup a vps and give them the account or are there services that are better for this?

>>60829517

You should learn C or ASM, seriously.

>>60829611
No, he shouldn't. Fuck off /dpt/

>>60826877
How did you get your job? What site did you use? What languages did you learn?

>>60827764
tag was wolter... I may have thought I was in a different server and shitposted, my bad.

Please unb&

>https://github.com/kamranahmedse/developer-roadmap
>character encodings
beyond always using UTF-8, what else is there to consider?

>>60829591
Do you want to make them a website for money? Or just for experience and to add it to your portfolio? I would say just make the site the best you can and present it to them. If they like it then sell it to them you can even say you'll host it for $10 a month in store credit. If not atleast it's in your portfolio and you probably learned something from it.

>>60829707
Well i dont have any previous experience so i dont know my options. But ill consider just doing what you suggested.

But what should i do if they want to have sole control over their site? They most likely dont have the knowledge to handle a digital ocean VPS.
Also if i want to have this work in my portfolio do i just claim to have made their site or do i go as far as put a "anon made this" comment in the html?

File: deadlink.png (3KB, 263x61px) Image search: [Google]

3KB, 263x61px

What would be the most optimal way implement deadlinks detection like pic related? I'm trying to implement a similar feature. 4chan seems to handle this in backend but obviously I don't think it parses and queries each post every time... enlighten me /wdg/

>>60829820
4chan doesn't handle shit backend. It just parses the API response for a thread and checks if that post is anywhere in there. If not, dead response.

>>60829856
No, it doesn't mark links to other threads as dead.
>>60829647 check this

>>60829856
kernel haxor here, I'm new to webdev. Can you explain that in English.

How does the API figure out if the post number is valid? Deadlink detection works for different threads/boards

>>60829924
Because when you query the 4chan api you only bother querying the thread you're in. You can easily find deadlinks in cross threads, but it requires a stupid amount of extra api queries.

>>60829936
>Deadlink detection works for different threads/boards
Getting mixed messages here.

>>60830000
How about a quote to the future?

What's the best way to convert HTML to a PDF? I'm not talking about a page with a bunch of JS and external stylesheets, I mean just plain, contained HTML markup

>>60829971
Does 4chan itself make those queries or do they search directly in their database?

>>60829681
Understanding the difference between text and byte arrays and when to use each, that Unicode text is best treated as opaque and splicing/indexing it is a bad idea, even when it's done the proper O(n) way. It's good to be familiar with UTF-16 and UTF-32 and UCS-2. They're still used, and the dumb assumptions people make about them can cause problems for everyone else (e.g. mainly that any of these can be used as if they were fixed-width).

Non-unicode encodings apart from ASCII aren't very relevant anymore unless you work with old mainframes or you live in some Slavic/Asian country where people regularly ignore modern standards and do whatever.

>>60829998
http://a.4cdn.org/g/thread/60824899.json

4chan by default uses a browser extension to do all that deadlinking and stuff, just like 4chanx.

>>60830024
it still works with noscript :/

>>60830024
The link in here >>60829981 already has the post id for that thread so they do it in the backend.

Let's try an old post >>40830000 and a newer one >>70830000

>>60830042
To be fair I haven't used 4chan without the default extension/4chanx in an eternity so I don't know how it works without that.

>>60830087
There's obviously some more stuff going on, but generally you're just going to be querying the 4chan api a whole lot.

ahhh I want Hiro to GPL 4chan and spoonfeed me. stallman doesn't approve.

>>60830127

from the API response
>Let&#039;s try an old post <span class=\"deadlink\">&gt;&gt;40830000

so the API already knows the post id is invalid. I looked at the (obfuscated) js source and looks like additional API queries are only made with live updates.

what is this trickery?? 1TB cache? A gorillion GHz CPU? tables designed with black magic?

>been at "low wage" dev job for 3 months
>apply everywhere 3 months into job
>place a state over says "if we hire you now how long would it take to relocate?"

Is it happening? It was the CEO that emailed me.

It's a 16k bump.

>>60827934
In what ways is it frustrating you dude? I'm in the same spot as you I guess. I'm definitely not intermediate with php either and kind of picking them both up too.

>>60829820
It just check takes an array of mentioned post numbers then does a count on each to see if they exist, then returns the post number in an array with the count. 1 it exists 0 it doesnt

File: 4d7.png (825KB, 700x700px) Image search: [Google]

825KB, 700x700px

>>60830335
hm, doesn't actually sound that impossible.

Like an array with 100million (post) entries, to be generous.
Each entry with a single 32bit int, that corresponds to the ID of the thread the post is in?
That's like 95MB.
If you want to check if post 40830000 exists, you just check that position in the array and see if you get a valid thread ID.

Wouldn't that be feasible?

>>60825856
Long time Sublimetext user here. I tried the VSCode meme
It's actually decent

>>60830754
Sry am dumb.
382MB
Still though

>>60826923
Flex isn't supported by IE10 and below if I remember correctly.
If you're designing to meet the needs of a wide audience then you will want to avoid using Flex, else things will look very fucked up on their screens.

File: 1481546129951.jpg (19KB, 252x252px) Image search: [Google]

19KB, 252x252px

>>60830660
Seems like the only way to get raises in this world is to switch companies. This industry is the craziest though. You mean I can double my pay? You mean to tell me that this industry is hurting for devs and I can easily switch jobs?

>>60829651
I'll talk to the other mods and see why you were banned.

If nothing comes out of it, you can, at worst, rejoin with another IP.

Normally you only get banned for nsfw stuff.

>>60829641
found the job listing on craigslist. I only know python and the shell, and basic html/css

>>60831200
Congrats dude. I landed a job myself but it turns out I'm doing bullshit animations and it's only a 4 month contract ;_; hopefully it's enough experience that hiring managers won't instantly throw my resumes in the trash now.

>>60830754
not sure if I understood correctly, but valid thread id doesn't guarantee that the post (still) exists

and if you have to check the thread id's validity that defeats the purpose of caching, and a naive implementation would cost hundreds of queries per pageview

>>60830986
That's when you tell your manager to fuck off.
Can't live without flex anymore desu

>>60831432
valid thread meaning, that the thread is either still in the catalog or in the archive.
This would just be a check if the text will be rendered as
>>60829651 (valid & same thread)
>>60792883 (valid & different thread)
or
>>40830000 (no thread)

the detailed lookup of a thread id, where you would need to know if it's in the catalog or archive would only happen on mouse-over at the earliest.

>>60830335
>>60830754
Simple indexed queries and a cache at the http level (cloudflare?) seem enough.

How do I show code samples?

They want to see code samples but I don't want to link my shitty github.

I want to show him a dank ass api I made that uses the twitch api.

>>60831432
>and a naive implementation would cost hundreds of queries per pageview
hm yeah, don't really have an answer to that.
For a starter, I guess the server only needs to take care of linked post IDs, that are not part of the same thread, since the client could handle those by itself in theory.
And links to other threads are really rare in comparison.

>>60831439
> tell your manager to fuck off
Some of us aren't so fortunate. But anyone that asks you to accommodate for any browser below IE9 should double your salary no matter what you're being paid, that shit is not fun.

You can easily live without it. Instead of using Flex, use table.

display: table;

^For the parent element.

display: table-cell;

^For the child element(s).

If done correctly with a few other additions this essentially gives you the same advantages of Flex, but with much wider support. Flex is the way forward though.

How do I learn the ins and outs of rails and what would I be expected to know for a junior rails job?

>>60831536
Perhaps, yeah. The queries may be efficient enough with ~5 seconds caching.

Another issue is keeping track of the post numbers mentioned in a post, which would be quite costly either way if you parse the post every time (more CPU) or analyze once then store as an array (more RAM).

I wonder if you could DoS 4chan by having a ton of quotes in one thread and spam requests

>>60831558
Github Gist. https://gist.github.com/

Log out of your account first though. Create a Gist with your code then send the link(s).

Is there a site that gives you a list/combination of fonts that work well together that you can use in projects?

I'm good at designing but shit at picking fonts. I always go with the basic Open Sans.

>>60829994
Anyone? I'm using htmldoc now but I'm finding it a little lacking. A little CSS support would be nice

maybe someone can find out how it works
https://github.com/4chan/4chan-JS/blob/master/extension.js
line 903 seems to be the function, that adds the deadlink class to invalid remote posts

also what's going on in line 964
I looked up the jQuery doc and it looks like the client is sending functions inside an object to the server, instead of defining a callback ?
can someone explain?

>>60832046
Designfag here, sorry I don't really know any sites for fonts like that off the top of my head. Honestly just experiment with google fonts or if you have access, Typekit. Pick sans-serif fonts and explore combinations in mockups. Also remember to mix and match font weights and even letterspacing (only use if all uppercase, like headlines). It's always better to explore on your own than rely on templates for something like this. Yes, they can give you a solid quick format but it's a lot of fun to get into the deep end yourself and find a style you like most. You'll always learn more that way.

Right now I'm a fan of Lato + Roboto, but Gotham is always a fantastic headline font.

>>60832005
You are the best. Thanks!

>>60832188
JS is mostly irrelevant. Open https://a.4cdn.org/g/thread/60824899.json and do a CTRL+F on <span class="deadlink">
The backend already figures out the validity of cited posts.

>also what's going on in line 964
it's not sending anything to the server. it does a GET request, and onload and onerror are the corresponding callbacks according to the response from GET

I'm >>60831979 and I think my (and some other anons') guess is probably close, at least that's how a 4chan clone apparently achieves it

https://github.com/vichan-devel/vichan/blob/master/inc/config.php#L467
>// Maximum number of cites per post (prevents abuse, as more citations mean more database queries).

>>60832226
Thanks for the advice, I will definitely do this.
So far I really like Belgrano for the header tags, and Lato for the body.

>>60832449
Same anon, I just did a cursory search and found
http://fontpair.co/

I'd recommend if you use it, only do so as a base and inspiration to mix and match and find your own favorite fonts. Make sure the pairs match the feel of each project, too. A good typeface can completely enhance a design or website. Even when fonts look pretty similar, each has enough little quirks it can make or break a design.

Is there a reason for people wanting to learn html and do their own websites when they just can pay like 5 dollars to wordpress or wix and have a full functional website in one step?

Or is there a faster method for developing

seriously asking i am an insolent noob

As a c++ programmer, canvas tags are the reason I use JavaScript

>>60832501
Thanks senpai.

>>60832588
No problem anon, have fun! Design is always my favorite part in front end because of my graphic design background.

>>60832553
The read-made options don't always provide everything you need. For example, if you buy a WP theme and you don't like some parts of it, you will either have to tweak it yourself or hire a dev to do it for you.

It's more practical to have someone design it from the ground up to meet your needs in the first place, but it will not be the cheaper route.

File: Capture.jpg (82KB, 1245x545px) Image search: [Google]

82KB, 1245x545px

>>60832597
I really like designing, but there are times when it becomes overbearing. I do both back-end and front-end so it's nice to switch lanes sometimes.

My biggest problem is that I am not hyper-creative. Coming up with great designs on my own isn't something I am capable of so I spend a lot of time on Behance looking for inspiration. Still learning though, maybe I'll get there soon.

<--- Belgrano (header) with Lato text. Will stick with this for now.
Thank God for Lorem Ipsum.

>>60832046
There is but I forgot the name of it. I saw it on Reddit webdev subreddit so check there

>want to add web push notifications to a project
>need to use a library to send notifications from my server because the specs are a changing mess
>need to use composer because of ton of dependencies
>563 new files, 117 directories, 2.03mb total
>project size increased by 275%

Thanks I guess

>>60832046
You want to do an internet search for terms like "good font pairs", "font pairing", "google fonts pairing" etc there's a couple gallerys and blogs you should be able to find with queries like that.

Feels so nice using React, coding my own image/gallery viewer.

>>60830703
Lately it's mostly the naming conventions of the functions, that don't really describe what it's doing, and the online reference only describes it in a way that only makes sense if you've really dug through all the admin settings and understand the different options you can use to structure a site.

And I don't really care about half that stuff because I'm going for more of a single-use theme that I structure myself, instead of a multi-purpose theme where the admin can choose what structure the site takes.

File: 1424500448672.png (466KB, 900x900px) Image search: [Google]

466KB, 900x900px

>>60834475

>>60827571
Kek very true.
You need to learn how to use higher order functions if you wanna use j query effectively anyway

>>60834475
it's even nicer with typescript

Daily reminder that if your javascript has no html fallback you should deeply reconsider your practises else you're just another pajeet.

>>60836863
How would I make a datepicker that works in firefox/IE8 without JS

>>60837060
A dropdown box for year/month/day.

>>60837103
this will lead to possible invalid dates and you can't set a min/max restriction.
And now the backend has to be aware of 3 fields posting back too

how would you make dependent form elements or dynamically 1:n fields with unlimited rows without JS?

>>60837144
Any such constraints should be implemented with the database, not the application inserting values.

>>60837175
you misunderstood, the user enters multiple rows of data. something like multiple timepoints with different values.

the backend already takes care of the rest, it's just about dynamically adding more rows on the client side to enter their timepoints.

>Learning HTML and CSS
>Constant wastes of time browsing 4chan

I need to stop

>>60836863
yes, because the 0.0001% + RMS, that don't have JS enabled are surely worth the time

>>60837338
>>60836863

what year is it
https://stallman.org/

>>60837338
Their time spent combined is worth more than your time spent adding html fallback. Quit being lazy, pajeet.

>>60825991

You don't really need to "learn" Wordpress. Wordpress enables non-programmers to make their own website. Of course Wordpress has it's limitations, but it's a "money shuffle machine": you can spit out shitty websites in no time. It's good for customers that have no clue whatsoever and don't want fancy things.

Something like Laravel is a different story, you actually need to understand what you are doing. And of course you need PHP.

So yes, try out WP if you want to, but it's nothing to do for the rest of your life, it's just too boring and powerless on the long run.


>>60826402

Then do so. What's keeping you form learning that?


>>60827070

Well, you start with test driven development.
Then the time rushes foreward and the customer has more fancy ideas and you write less and less tests (of course you promise yourself to add them LATER). Eventually the last few days you just shove your code in, take a final look at the website to make sure "it works" and hope you didn't break anything.


>>60831841

You do a few tutorials. Build an image forum, an elborated webscraper and an online shop. All the questions (and answers) will arise will coding.

What would be expected?
Definitely TDD: RSpec, FactoryGirl, Capybara, maybe even something like Cucumber. But it depends on the position. For a shitty Rails startup they might only need a code monkey that can use generators and has understood where everything happens (routing, MVC and so on). For a different position they might ask you more tricky questions like "what is the difference between a member route and a collection route?" or how to set up a "has_many :through" relationship in a database. Or know a few things about the asset pipeline.

More projects are better. Also you should know some of the most important libraries in the ecosystem of your choice. For example for Rails I would expect someone did look at something like Devise. But if you do some projects, you will notice those anyway.

How much should I get for a wp website? C++ programmer myself, got a sidejob, no idea what do these things cost and it seems clients have no idea as well

Jesus, why is Rails so complicated?

Should i bite the material design meme?

Hey /wdg/, use my web framework please? it's really good, although it has a hard dependency on reactjs.
http://nuget.org/packages/FAP.react

Also it's free open source software with GPL, is under 1500 lines of code and responds with an average time under 10ms.

Github:
github.com/MichaelFroelich/FAP.React/blob/master/README.md

Also, how it's meant to be used but the code won't paste into 4chan because I have no idea: https://github.com/MichaelFroelich/FAP.React/blob/master/Example.cs

Most things are implemented with IEnumerable so I recommend something like:

String[] allfiles = System.IO.Directory.GetFiles("path/to/dir", "*.*", System.IO.SearchOption.AllDirectories);

Whenever you do an include function.

I'm also working on file download and upload for FAP.net because.. you know, people might want this instead of hacking it with nginx.

>>60838330
Turn to the C# light brother.

>>60824899
Where the hell do I get a decent looking logo made?

>>60826050
you have issues

>>60832046
Use a sans-serif font for the text as this is easier to read in a screen. For printed text serif is easier.

And reverse it in the titles since that usually have a larger font.

File: ss-2017-06-10-15-58-35.png (150KB, 615x665px) Image search: [Google]

150KB, 615x665px

>>60832046
http://fontjoy.com/

My favourites for copy text are: Roboto, Lato and Gelasio.

>>60825003
>>60825085
I like how they rewrote it in Dart and now it's all fast.

Just started this week learning HTML and CSS on Codeacademy.

Interesting so far.

Damn I wish I started this earlier instead of getting a shitty degree. I wish it's not too late, but I have little time during the week due to job.

>>60839360
React? Or Vue?
What does /g/ think of inferno.J's?

>>60839586

Inferno is a meme. But the way I see it, if you have the time to learn it then go ahead, just don't expect to get a lot of job prospects off it.

>>60839586
React+MobX

File: 1419994056218.jpg (255KB, 1000x1500px) Image search: [Google]

255KB, 1000x1500px

>>60824899

Does anybody know of a website that uses stripe.com's payment system?

>>60839774
twitch did for several years.

>>60839774
There is literally a list of companies that use Stripe on their website. Come on man.

Is there any benefit of using a Linux distro as my OS for web dev?

I'm using W7 now and it just works.

>>60839885
>>60839774

I mean one that I can buy something cheap as possible from and capture the traffic

Any freelance webdevs here? How much do you get paid on average? How is the payment process structured?

File: SHOOT ME.jpg (12KB, 197x220px) Image search: [Google]

12KB, 197x220px

New to webdev, let me blog a bit.

>almost 10 years in IT
>most spent as sysadmin/dadmin/netadmin
>some as developer of whatever(ex.: ETL)
>actively avoid any webdev work
>recently joined Amazon
>leading web infrastructure provoider
>ohboy.png
>I'm gonna learn so much about large scale infra
>1 year in
>doing mostly web dev...
>react+redux
>inherited project from people who learned those technologies while working on it
>mfw I just learned react+redux and I can already see the whole thing is a clusterfuck
>tasked with porting UI to new API
>constantly stumbling on HUGE components that no one refactored/split
>spend whole day on 1 hour task due to having to refactor everything I touch
>finally get it to kinda work
>start looking at the text
>it's all manual inspection of shallow render of components node by node
>testing just view, not functionality
>start porting it to enzyme+mocha

I wanted to learn about infrastructures...

The annoying thing is, because I learned these technologies by starting on someone else's project I fear I might have picked up some bad practices.

how the fuck do i start this app

https://github.com/tipsy/spark-file-upload

>>60839959

I swear you people are lazy as fuck.

>>60840065

Welcome do the dark side of js, tell me if you find a cure to that. I'm also constantly refactoring my own shit and its painful.

Bruhs. How the fuck can teamtreehouse.com get away with charging $199 per month for web development courses? Surely people aren't stupid enough to pay billionaire prices for courses that other sites offer for $20 per month or even for free?

>>60840065
Tell your boys that the product search api documentation is wrong.

It doesnt tell you that specifying the version is required or how to do it and says you have to use your access key for signing when you have to create a new access key to get the private key for signing.

>>60840579
>anon got nothing to do, but misrepresent specific websites to bait for a (you)

>>60840670
Misrepresent in what way? I'm telling the truth. Treehouse is putting out courses for $199 - why? Extortionate amount.

I have zero artistic skill - as in my idea of a "ticket" design for work was literally "paste text on white background, put in logo of movie showing"

I can learn programming and have no issue on that end. The lack of making things "pretty" is the problem,

>>60840119

$ git clone https://github.com/tipsy/spark-file-upload
$ cd spark-file-upload
$ mvn install
$ mvn dependency:copy-dependencies
$ java -cp "target/dependency/*:target/spark-file-upload-1.0-SNAPSHOT.jar" UploadExample

>>60840784
Don't bother with CSS then, waheyyyyyy

>>60840784

There isn't really artistic skill on using css, just grab a framework and start importing their class into your html, like http://getbootstrap.com/css/

>>60840756
guess I dont have anything better to, so..

tth basic is 25$/month, where you get access to all the course with videos and other things.
200$ is the "nanodegree" they offer. Same goes for many other sites like Udacity.

Normal access level are around 20-30$ usually on all the sites offering paid courses.

>>60840947
So what is the difference between the $25 option and the $200 option if the former still allows you to work through their material?

<?php while(have_posts()) : the_post(); ?>
<h2 class="post-title"><?php the_title(); ?></h2>
<div class="post-content"><?php the_content(); ?></div>
<?php
$args = array( 'posts_per_page'=>-1, 'post_typ'=>'realisation','orderby'=> 'menu_order', 'order'=> 'ASC'); 
$loop = new WP_Query( $args ); 
if ($loop->have_posts()) : while ($loop->have_posts()) : $loop->the_post();

$link = get_permalink($post->ID);
$thumbID = get_post_thumbnail_id($post->ID);
$postImg = wp_get_attachment_image_src($thumbID,'width=1140&crop=1' );
$baseline = $post->post_excerpt;
?>

<div class="realisation-card">
 <a href="<?php echo $link; ?>" title="<?php echo $post->post_title; ?>" rel="prefetch">
 <div class="wide-img" style="background-image:url(<?php echo $postImg[0]; ?>);"></div>
 <div class="card-info">
 <h3 class="card-title"><?php echo $post->post_title; ?></h3>
 <?php if($baseline !='') { ?><h4 class="card-subtitle"><?php echo $baseline; ?></h4><?php } ?>
 </div>
 </a>
</div>
<?php endwhile;endif; ?>
<?php endwhile;

>""""""""""""""PHP"""""""""""""
dropped

File: god fucking damnit.jpg (153KB, 440x432px) Image search: [Google]

153KB, 440x432px

>>60840581

I don't work for Retail but for AWS, but I can cut a ticket for your issue, give me more details.

Got a link to the specific doc?

>>60840506

It never stops huh?

>>60826923
>>60830986
ios 9.3.5(perhaps mac too) safari doesn't do flex well either. but yeah, like >>60831439
said, it works for most browsers

>>60841047
Wordpress. Try some modern framework for real PHP experience.

>>60841153
If I want a framework I'll keep with python ones

I just wanted to publish shit quickly

>>60841153

Do better and drop PHP altogether for something like flask.

File: tth.png (74KB, 805x860px) Image search: [Google]

74KB, 805x860px

>>60840982
eh, I guess you get some actual person to look at your code + grade it and in the end get certified for completing your course?
I mean I am kind of with you, in that I think, that those online degrees are probably not worth it.

I paid for a basic month, when I started out learning and found that quite useful though.
Ran through a bunch of videos at 1.5x speed, skipping most of the typed exercises and applied things to my own project instead.

It's perfectly possible to learn everything from free resources as well, though at that time I found it convenient, that there was lots of dev knowledge in one place, when I still wasn't sure, which path I wanted to go down.

Hey guys, basic question here.

I'm building some example sites for a portfolio. There are links abound in these example sites. How do I apply a: CSS properties to them but not have them be actual links? As in they behave and look like links but you can't click on them to go somewhere.

I know there is a basic method to this but it escapes my mind currently.

>>60829994
>>60832102
Please help

>>60841374
simplest would be

href="#"

Please link sane japanese design website.

>>60841422
That works nicely! How do I remove / change the hand cursor into the cursor that appears when it is hovering over text?

>>60841047
The point of using Wordpress is that is was designed for projects where you look at the source code only 10 minutes per day.

>>60841480
CSS cursor property
https://developer.mozilla.org/en/docs/Web/CSS/cursor
bookmark MDN anon

>>60841069
I just checked and it's fixed. It is AWS. The signing request page said to sign with your access key instead of your private key.

Also version number wasn't included in the example. Maybe someone saw my complaints already.

>>60840791

how did you know? theres no readme and googling "how to install mvn" gives me bullshit

>>60841173

drop everything and go squarespace!

SquareSpace, make your next move! ^tm

Getting started in web development - how did you go about building a portfolio /wdg/?

>>60842154

Make on in pure HTML + CSS.

Then re-make it using a static site generator like hexo.

Then re-make it using web-dev framework like React.

Then re-factor it to use Redux.

Then re-make it using another framework.

Then re-make it using test-driven-development.

And keep going.

>>60840065
Almost all webdev jobs become complicated mess eventually. Nobody refactors.

How do you get inspirational ideas for things to develop using Javascript / jQuery?

>>60842448
Behance.

File: a.png (353KB, 1600x1200px) Image search: [Google]

353KB, 1600x1200px

WHO WANTS TO RUIN MY WEBSITE
http://discountairjordans.website/

File: 360_c.jpg (63KB, 482x340px) Image search: [Google]

63KB, 482x340px

>>60842182
>Redux/Vuex

I still don't get it.
It's like someone was bored and thought to himself: "ok, how can I possibly add another layer of abstraction on this instance"
It's always said "you will know, when it's time to use it", but really, when is that? And why?
Why would I further abstract an application, adding even more code on top of my components?

>It makes your state predictable
And right now it isn't predictable? I have to handle a store and call an extra method to increase my counter instead of "just increasing my counter"? WHY, I DON'T UNDERSTAND

>>60842624
that was quick

Britistanian FE dev here, anyone know how to get a job in a foreign country? I've looked around a bit but it's all been pretty vague.

Now we're confirmed for 1984, I want to actually get my shit together and get the ball rolling on emigrating [wanted to leave for years].

>>60828184
just blast one quick tempo song without vocal on repeat all day

>>60842645
Literally everything that you can do in React can be done in half the time using jQuery and vanilla JS.
People are quick to shit on jQuery without even realizing how simple/easy it actually is to use, all because using modern frameworks are 'cool'.

>>60842645
>ok, how can I possibly add another layer of abstraction on this instance
That's pretty much exactly how it happened.

>you will know, when it's time to use it
When you have spare time to refactor for no reason.

The idea with redux is that you have a predictable state that can be changed by actions you pre-defined.

Makes testing easier and makes understaing what the fuck happened to your state easier to debug.

Sometimes...

senpai why is the resulting html unable to display the image

https://pastebin.com/raw/ZE4WnJGW

if i replaced the return with the commented string, the page display the image correctly

>>60842847
Literally everything that you can do with screwdriver can be done in half the time using vanilla hammer.
People are quick to shit on hammers without even realizing how simple/easy it actually is to use, all because using modern tools are 'cool'.

Are there any tutorials for creating a video streaming site like https://9anime.to/ ?

>>60842847
You can, but React uses a virtual DOM and only updates a specific subset of it, making it super fast compared to vanilla JS or jQuery

>>60843292
Colt Steele's Web Developer Bootcamp on Udemy. On top of that, take some design classes because coding alone won't cut it to create something like 9anime.

>>60843360
Right, thanks.

>>60843330

>React uses a virtual DOM

What?

>>60843471
>he opines on React but doesn't know what Virtual DOM is
ayyyy

How do I get the search input value when a button is pressed if the "button" id = "navbar-search-button" html is located in a header.handlebars file?

Usually, all the html is in an index.html file and javascript is in a server.js file, so getting it is an easy document.getelementbyid(...)

how do i do this if my html content for the search bar is in a handlebars file?

I'm just startng on web developement, trying Codeacademy.

Could you guys suggest me a complementary website?

I plan to use them as a base then move to books.

>>60843667

Handlebars is just for templating, it has nothing to do with handling events like clicks.

You have to write your own JS to handle the click. Either by getElementById() or just use jQuery like a normal person.

>>60843471
Directly interacting with the DOM the way jquery does causes your CSS to re-render multiple times every time a single thing changes. By far the slowest thing you can do in JS is actually change pixels on your screen. There's a reason your computer has another separate computer called a GPU with its own processor and ram just to handle putting shit on your monitor.

>>60843667
import your handlebars file in whichever file you need it, then

const inputField = document.querySelector("input")
const btn = document.querySelector("navbar-search-button);
btn.addEventListener("click", () => inputField.value)

Are there any good web development communities on the internet besides /wdg/?

>>60843654

You fucking idiot I never opined about it neither was the same anon, was just genuinely curious about what that meant.

>>60843836
Why are you so agitated? You clearly were that same anon and now we have caught in your web of lies.

>>60843934

lol no u

So what's all this talk about Wordpress development? Do people get paid to maintain blogs for other people?

i have a string thats a word, for example "apple"

I want to be able to search online and get the url of an image for that string in my javascript file server.js

any ideas on how to do this? is there a good npm library for these types of things? I'd want to end up displaying the pic

>>60844154

Is it your database of images or you're simply going to google them?

If the latter you will have to pull web scraping and its going to be awful.

>>60828184
https://m.youtube.com/watch?v=mrJMnCL-x-I
Not overbearing anon try this

>>60841173
>>60841192

Python is slow as balls. The only way to make it 'worth it' and keeping its 'clean' style is by doing lots of abstractions... bad news is that being a really bad scripting language implementation each abstraction you put, adds more and more overhead.

Long time PHP hater here. I just started a project from scratch ni Symfony and I'm blown away by how fast it is, how good the tooling and documentation are and how consistent the OOP model is.

>>60844276
the latter, I dont have the images saved anywhere, and want to display them dynamically by getting it from the internet

>>60844154
do an ajax (or "request": npm install request) call to google's search engine, do some DOM manipulation to fetch the URLs to the images, and save them in an array or in an object on the server

>>60844154
You'd make a server with something like Express.js which makes requests to, for example, 'www.google.com/images/$your_query' and then you'd have to scrape that response with something a library like cheerios.

I recomend cheerios because it's basically a copy of jquery and you can play with the response to get the links in your browser until you get the scraping right.

>>60844290

That looks interesting will bookmark. I would guess python slowness problem is due to integrating it nicely with a server. I've never done anything large though.

>>60844306

I would suggest you doing it behind the scenes perhaps in a different process or language with a html parser and then trying to handle it to your app. Or you could take a look at phantomjs and see if it helps you better.

>>60844276
>>60844154
follow up, is there a way to get the first youtube embedd link for searching a word?

>>60824899
What CSS frameworks work well with React?

>>60844559
It's entirely the language's fault. It's a scripting language, so when for example you access an object's method which was inherited from its parent class, the interpreter has to access the method, find its parent's reference and only then run the code.

That's how js was before V8. Since then it's "precompiled" and we saw how from when day to the other javascript turned 10x faster.

I love py's syntax, but honestly there's no reason to use it for web dev over node.js, rails or PHP.

>>60843690
I just started using Pluralsight, they have tons of videos on countless topics. All free for the first 3 months, then when your time is up, go claim another free trial. Here's how to do it:

>https://devopscube.com/pluralsight-free-subscription/
>https://fossbytes.com/getting-pluralsight-subscription-for-free-for-6-months/

The article claims to give 6 months free, but it seems like it's been cut back to 3. Still, p. good.

>>60844603

Just plugging in to let you know that if you query one of google's sites too much they'll probably make you log in through oauth.

>>60842624

By ruin... did you happen to mean 'crash your browser'?

>>60844290
>Symfony and I'm blown away by how fast it is
>shits on Python
Symfony is old ass shit that's slow and bugged, at least talk Laravel

>I'm an old PHP dev but I just discovered symfony
fuck off

>>60844884
literally everything and anything

>>60832046
just use comic sans everywhere

>>60844934

Oh good.

I made it crash your browser

>>60844907
fucking l2read you faggot.

>Old time PHP hater here.

I had been avoiding php like the plague since forever until I found Symfony.

Laravel is ok for freelancing newbie stuff, it's just that Symfony is enterprise-level stuff. It's fully OOP, comes with actually the best ORM I've seen (doctrine), and enforces a great model-view-controller paradigm.

Then it's super easy to deploy. I simply love it for boring stuff where node is not suitable.

>>60845139
>Laravel is ok for freelancing newbie stuff, it's just that Symfony is enterprise-level stuff
Can't believe what I'm reading

I bet you like CakePHP and Zend framework too

Who Docker here?

>>60845139
You do realize that Laravel is the best for enterprise level shit though right? I'm a full-time PHP developer that uses CodeIgniter (not by choice) and even I know Laravel is better for that scale.

Which OS is your preference for web developan? Windows, Mac or a Linux distro?

>>60845440

All I need is Vim and Git.

>>60845440
I do windows + linux for reasons, but I see on the ads most companies work in Mac and/or Linux environment. Linux is always good to have on your CV, makes you look good no matter what.

>>60845630

Vim on windows is awful and not having multiple shells kills it.

>>60845672

I don't disagree, I personally run a setup of awesome + vim + urxvt + a shitload of plugins.

But I did use windows a few times in my career to do development in vim, it was a pain to set up but it worked.

>>60845432
>>>60845139 (You)
>You do realize that Laravel is the best for enterprise level shit though right? I'm a full-time PHP developer that uses CodeIgniter (not by choice) and even I know Laravel is better for that scale.

I don't thing so. Don't get me wrong, Laravel's still cool, but large enterpris-ey stuff tends to get huge data models, and the automagical orm ActiveRecord doesn't scale so well.

With doctrine you can let the orm make the queries for you can use DBAL for big queries you don't want the orm to get wrong. It's a copy of the .net stack where you have hibernate-entity framework, linq, etc. because enterprise almost implies huge fucked up databases.

Also, Laravel puts php code in the views. A big no-no.

>>60845699

I use it on windows too, it's still better than everything else. I would be happier on windows if it had a nice virtual terminal.

>>60845771

Have you tried this:

http://cmder.net/

?

>>60845788
>>60845771

There's also http://conemu.github.io/ which is pretty okay.

>>60845788
>>60845810

Haven't tested those, did test another a few years ago and it couldn't expand to window size then kept using the powershell default.

I'm going to check it.

>>60842624
have a clock

Is it just on my end or does Web Development solely consist of copy and pasting shit from libraries?

I started learning the basics two weeks ago and looking at websites it seems that I can just use snippets from bootstrap to solely take care of CSS and jQuery for JS. Does any aspect of Web Development involve creating stuff from scratch or do you just borrow from libraries to make your websites?

>>60845904
so can you give a general description of how you hacked this site?

>>60846189
>open site
>click interrobang in top right corner
>paste in code

>"woah you have to learn html5"
>look up html5
>everyone talks about how you can now make games in html5
>google a tutorial
>they just use javascript
Am I missing something here?

>>60847012
the sum of their parts

>>60841386
There are dozens of libraries out there. I have good experience with wkhtmlpdf.

>>60841497
The problem with WordPress is same as with PHP - it was badly made to solve very simple and basic problem and now it's usage has way overgrown it's original purpose.

File: 1494305923075.jpg (1B, 486x500px)

1B, 486x500px

>go to school for webdev
>everywhere I go just want wordpress sites
>no idea how to do it
best place to learn?

>>60847456
To be fair to them it's being rebuilt using a nodejs based core. So at least they are moving away from PHP.

>>60844033
Wordpress is used to create absolutely everything including webshops and big portals because for some reason normies can understand WordPress horrible code better than actually good frameworks.

>>60845199
Here. I've been moving my backend to docker containers, but I've heard getting a dev environment working with hot-reloading is tricky (if using webpack)

>>60845199
I am. It has a lot of problems but I still like to use it to keep my chips clear.

>>60847516
>Moving from php to nodejs.
Is being bad their objective? Eh, it's gonna probably fail anyway because it's popularity is mostly based on wrong reasons.

>>60847561
*Vps clear. Ducking autocorrect.

I'm going through the recommended udemy 'bootcamp' course (got it on sale for $15). It seems pretty good so far.

>>60847620
I don't fully understand what you're trying to say here.
The whole basis of WP is to provide a ready-made solution to a user's web development or blogging needs - shifting to a nodejs based platform does not change this basic principle.

The nodejs platform I am referring to is a desktop application that interacts with the WP REST API. Basically what this means is that they can get rid of PHP by doing everything through the API on their servers. The real losers here are the persons who took the time to learn PHP and WP development and actually made a career out of it, because soon everything will shift to Calypso.

https://developer.wordpress.com/calypso/

>>60847456
Too many people using PHP right now for a full rewrite. If you love sane function modules and an intuitive type system try another language.
>>60847516
Calypso is only a frontend interface to the admin panel. However, I worry about the coding quality of people who are new to javascript callbacks.

File: livelyimage2.png (1B, 486x500px)

1B, 486x500px

What HTML/CSS framework do you like to use with React? Bootstrap seems excessive with its own JS.

>>60847843
>Calypso is only a frontend interface to the admin panel

"The new WordPress.com codebase, codenamed "Calypso," moves WordPress.com away from MySQL and PHP. It's built entirely in JavaScript, and communicates with WordPress.com only using our REST API. This means the new WordPress.com is a browser-based client for our API, just like any other application built on top of it — lighter, faster, and more flexible for a mobile-focused world."

Maybe I misinterpreted this, but from my understanding this eliminates PHP altogether by moving to JS right across the board.

>>60847012
HTML5 introduced a bunch of new elements to HTML; a lot of it was to replace stuff that you could previously only do with Flash.

One of the big ones was the <canvas> element, which lets you draw pixels directly to the screen. That's what's used for games. Along with the canvas came a bunch of JavaScript methods that let you control the canvas. I'm not sure if those methods are part of the HTML5 canvas spec, or part of the JavaScript spec, but people just refer to using the canvas + those methods as a feature of HTML5.

So when people tell you to learn HTML5 (in the context of games) they mean you should learn how the canvas works and how those methods work.

>>60847939
It is a fancy admin panel

>>60847958
Okay. Where does PHP come into the equation though?
Because the way I see it PHP will not be involved at any point.

>>60848035
The API is still written on PHP using mysql as the db to hold of the data anon.

>>60848035
Wordpress.com and wordpress.org are different websites. The former is an online blogging platform which you cannot customize.

>>60848066
>>60848076
Alright, my bad. I understand it now.

Khan Academy, Treehouse, Udacity, FreeCodeCamp, CodeSchool, Codecademy, Bento, what other sites like these are there?

frontend developers are all dumb cunts and should learn how to do things properly.

t. backend dev

>>60849074
Backend developers are pretentious cunts who lack visual creativity and should learn how to not be uptight faggots.

t. frontend dev

>>60849087
>>60849074

>terveisin

File: Fields.jpg (21KB, 308x366px) Image search: [Google]

21KB, 308x366px

>>60849245

>Carrotposting

sage goes in all

What is the parent element of a class?

<div>
  <p class="theclass">
  </p>
</div>

Is <p> the parent of .theclass or is it <div>?

>>60849299
<div>

File: alec_baldwin_contemplative.jpg (1B, 486x500px)

1B, 486x500px

Does anyone here have experience with Chrome dev tools?

I'm trying to add a DOM breakpoint to figure out what JavaScript is modifying a specific node in the HTML. I set the element to break on subtree modifications. But despite the inner text changing, I never seem to hit the breakpoint.

Technically the "subtree" of my element is just text; so I guess that could be the issue? Any help on this would be appreciated.

>>60847954
Thanks for the clarification. Appreciate it.

>>60849074
>>60849087
Frontend and backend developers are insecure souls who have to resort to bullying each other to keep their self-esteem at a reasonable level.

t. full-stack dev and a designer :^)

>>60850104
>using the smiley with a carat nose

File: aec.jpg (19KB, 301x164px) Image search: [Google]

19KB, 301x164px

>>60850104

Here's your (you)