/wdg/ - Web Development General

File: progChallenges.png (2MB, 3840x2160px) Image search: [Google]

2MB, 3840x2160px

>>62201222
Is there a /wdg/ version of this?

>>62201491
a lot of them can be applied in wdg though

>>62201502
Yeah, I just thought it'd be nice to have one specifically for wdg.
Something like a list of challenges that makes you use different languages/frameworks for the task they're good at.

>>62201222
http://www-test.echoz.rocks/paste
need some feedback, made this yesterday and a little while at work today
that part is really the only functional part so far, but there's something at /about as well

Is it worth learning MEAN stack? Or is that meme bullshit?

Found an Edx course on it.

>>62201663
https://github.com/jlem/WebDevChallenge
feel free to turn it into an image i guess

>>62201790
that's a big .svg
>>62201804
as long as it's angular2/4 and not angularjs, I think

>>62201890
Angularjs but why is it bad

>>62201918
because it's old and they've changed a lot since making it effectively useless to learn now unless you're focused on supporting legacy platforms

>>62201949
What should I learn instead I want to learn web development but there's so much different shit I cant decide on anything.

What will actually get me a job?

>>62201963
Look in your area (or where you'd like to move that's reasonable), what are they ACTUALLY asking for, and then learn it really fucking well.

>>62201918
AngularJS is Angular1 and from what I know there have been a lot of changes in 2&4.
Even though it is still used in various places as of right now, I would not expect it to last.

>>62201963
Angular is in demand, so for job purposes it sure is ok.
Same with PHP.
Just check job listings in your area and see for yourself, since it can always vary, depending on where you are.

>>62202011
>>62202026
Okay but why does /g/ hate on web development so much? The more jobs there are for a given technology the more hated it seems on /g/. Is it just contrarianism?

>>62202055
Pretty much yes. Anything popular is hated regardless of how useful/good it is.

>>62201867
Thanks! It looks abandoned but is the best list available right now.
Gonna make a infographic and post it here.

>>62202071
If I learn web development will it be easy for me to get a job even without a degree?

>>62202102
getting into any field without a degree is tough
do you have enough discipline to do it? if not, go back to school

>>62202088
feel free to add more recent projects with recent tools as options, like replacing the "use foundation" with using bulma for instance

>>62201963
React is in demand where I am, at least. AngularJS is still popular though, just not as so.

Are any edx courses for angular or any webdev shit in general any good?

>>62201890
forget the svg for now, I'm mostly wondering about the other things, since I'm making it all from scratch using apache with php and sqlite

>>62201867
>Try to create a project using Laravel.

Is this even a challenge?

>>62202572
Yes?

what analytics suite should I be learning/using?

File: dont bully me.png (6KB, 548x120px) Image search: [Google]

6KB, 548x120px

Im trying to get my background image to respond to the size of the browser window

ive been googling this problem but i have low iq and can't figure it out. I can set height to like 900px and it looks ok. But i wish I could get it to the bottom of the browser. I've not been learning for very long pls be patient i have autism

What's some good web dev related podcasts?

>>62201867
another decent list

https://www.reddit.com/r/web_dev_help/comments/5pukmx/portfolio_project_idea_list/

>>62203598
>reddit

>>62203848
back to /dpt/ you go

>>62203263
https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
set full width and height, then
background-size: cover

>>62203263
>I could get it to the bottom of the browser

Set the height to

height: 100vh;

vh stands for View Height, which is the entire size of the browser.

>>62204237
vh is the viewport height not the browser height

>>62204261
I literally just tested it. It scales to the size of the browser. Set a viewport to 90vh, load it at fullscreen and it will be 90% height. Cut the browser size in half, reload and the new 90% height is represented.

Is there any reason I shouldn't just add and style all my elements with JS, redoing layout when the viewport changes? Fully programmatic UI, as is done for mobile apps? It would remove the need for CSS layout and to use IDs or binding to link HTML and code. Much cleaner.

There would maybe be some accessibility challenges, and the noscript crowd wouldn't love it, but we're long past expecting webpages to work without JS anyway.

File: Base Profile 09.01.2017 - 15.40.33.02.webm (1MB, 1440x836px) Image search: [Google]

1MB, 1440x836px

>>62204360
what browser are you using? chrome goes off the viewport size

>>62204682
https://streamable.com/9c5lt (4chan wouldn't let me upload this directly for some reason)

Using Chrome. The section with the image is set to 90vh. I'm not sure why mine behaves differently.

height: 90vh;
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
background-image: url('../images/main.jpg');

Huh, so as it turns out you cannot have a click event handler on a <a download> copy the filename from the download tag to your clipboard.

>>62204825
it looks to be right from here. its keeping the height at 90% of the viewport. Do the dimensions in your inspector say something different? Perhaps you confused the window height with the viewport height?

>>62204980
I don't quite understand what you're asking. The code you see in that post is what I used to create what you see in the video I linked to. The section clearly scales to the current height of the window.

What is the point of having high-order functions in JavaScript? It seems so unnecessary and complicated

File: 123.png (73KB, 1195x964px) Image search: [Google]

73KB, 1195x964px

Paging finally working for my ajax data table.
Ordering columns also done.

Next up: searching, changing number of rows per page.

After that editing cell contents I think.

File: Untitled.png (765KB, 1384x700px) Image search: [Google]

765KB, 1384x700px

>>62205289
take a look at this image:
red box is the window.
green box is the viewport.
If you opened the inspector and looked at the the actual height dimension of the div, I guarantee it would have the green box dimensions and not the red box dimensions.

File: code-1839877_1920.jpg (469KB, 1920x1280px) Image search: [Google]

469KB, 1920x1280px

https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg
https://discord.gg/wdg

>>62205787
kill yourself you stupid piece of redditor trash

File: javascript_dom2.jpg (66KB, 579x279px) Image search: [Google]

66KB, 579x279px

>>62205400
>red box is the window.
it is a window, but not that kind of a window

File: .jpg (24KB, 644x542px) Image search: [Google]

24KB, 644x542px

Anons, how do I paginate a dynamic HTML table? Rows are being added and removed by editing DOM with JS, the dataset is stored in sql and is updated via ajax. It works fine but scrolling through 50+ result is not funny. DataTables doesn't help much as it is supposed for plain tables.

>>62205787
stop trying to split the thread, post in the general if you got something

>>62206309
>request elements 10-19
>put them in the table
>add prev and next links
>clicking prev link requests elements 0-9, clears the table, and puts them in instead
>repeat for next link (elements 20-29)
>use the power of grade 1 arithmetics to figure out the exact numbers on the fly

File: .gif (1MB, 200x270px) Image search: [Google]

1MB, 200x270px

>>62206484
> implying I have to code the core functions myself
I think that such things are not welcomed in the web

>>62206524
you can use some shitty jquery plugin client-side https://esimakin.github.io/twbs-pagination/
as for server-side, every decent framework should support paginated requests almost out-of-the-box
https://docs.spring.io/spring-data/rest/docs/1.1.x/reference/html/paging-chapter.html

>>62206223
css uses the innerWidth and innerHeight of the window as the viewport (vh and vw).
the window itself is the browser window, described by the outerWidth and outerHeight.
https://jsfiddle.net/z6ozxhz6/

>>62206917

Anyone do webdev with emacs? If so mind sharing your .emacs? :D

>>62205374
Good luck.

There truly is no proper data table on the market today. jQuery datatables is a complete, disgusting mess. Bloated, too.

I've got a spring boot app that uses mongodb that I've deployed to an ec2 server.

So I installed mongo on app server everything runs sweet but every now and then mongo crashes complaining there isn't enough space on the device. There is enough space I'm only using up like 1g/8g.
Anyone seen similar before?

I know installing the DB on the app server isn't best practice but it is just a prototype so I want minimal infra. However I can't afford it to crash.

So as far as I can tell I am left with 4 choices.
1. Deploy proper mongo infra on aws. I am worried this will cost a bomb and I will be out of my depth
2. Migrate from mongo to dynamo
3. Migrate from mongo to a relational schema and use rds
4. Figure out how to get mongo to run properly on my app server

What do you guys reckon?

I think I'm gonna migrate to dynamo. Should be least friction and that way I get proper infra without having to do much sys ops

This is essentially what most component-based toolsets like react and vue do. You still use css to do the actual layouts because it's way faster then doing all the geo calcs in JS, and you usually use a css-like syntax to write it because it's far more concise. Look at styled-components.

>>62208243
>>62204452

>>62205330
This question doesn't make sense.

I need to know. Is it even possible to get a career in any of this? INB4 H1-B/Pajeets taking all the jobs

>>62208308
you can make a career telling people jesus is real
so yes it's possible
is this the right choice for you if you're asking dumbass questions on a south african testical harvesting board? probably not

>>62208325
No shit. Meant like in the tech industry.

>>62208308
yes.
For sure as a consultant. Pajeets can not consult locally.

As far as working on a product if you are good a company will consider you worth the money.
Besides this having strong soft skills is also incredibly valuable. Most people in tech have shitty soft skills.

If you are good technically and have good soft skills you are a very valuable asset to a lot of companies.
Pajeets have fuck all soft skills.

>>62208452
Most people think a college degree will get them a job. Of course everyone knows employers don't give a fuck anymore. They want to see what YOU can do. Would you recommenced learning on your own, or a trade school for this?

>>62208499
in a sense that is true but people still value degrees and certification.

It is a useful barrier to entry to filter out a lot of candidates.

Also you have to appreciate every time someone hires a new employee they have to be able to justify hiring them to everyone else in the company. Qualifications are a very useful here.

If you are hire someone that is fully self taught and has no official qualifications you are putting yourself in significant professional risk. Cause if that person fucks up you have no easy way of justifying the hire.

Having said that I'm sure there are some smaller companies that don't give a fuck about qualifications

>>62205374
are you gonna put it on github? Also add the sort asc/desc thing.

>>62208602
So what's the better option personally? Going back to college and wasting 2-4 more years and putting yourself more in debt? Learning on your own? Or going to a trade school?

>>62208687
I honestly can't say cause I've never been in your position. My advice would be start teaching yourself and go to meetups and get a feel for the community. See if there are people out there keen to hire self taught guys and just play it from there

>>62206917
cool. didn't know that. probably because I don't use any window decorations so the values are equal

>>62207811
>2. Migrate from mongo to dynamo
>3. Migrate from mongo to a relational schema and use rds
well, you're the one who knows what data you're storing. if you go with relational, then do it because that's what your data needs.
can't help you with the mongo problem because one time I tried to use it I ditched it for postgres before going into production (made the rookie mistake of trying to use it like a relational database)

>>62204452
>much cleaner
is it though? every time I have to do programmatic UI I long for something like HTML+CSS. I even remade my unity game prototype with fucking react+webgl.

>>62205330
because they're a useful programming construct

>>62208735
Do people get hired at meetups? Not for sex but for Web shit?

>>62208966
well not directly there but it is meant for networking and shit

>>62201491
roll

>>62201491
I'm down

File: wdg_challenge_94.jpg (177KB, 1645x920px) Image search: [Google]

177KB, 1645x920px

>>62210094
> 94: raytracer
> difficult

This is considered difficult?

https://codepen.io/anon/pen/mMvzXo?editors=0010

>>62210054
How did you go?

If you use react + rails, do react components completely replace partials?

>>62201491
roollllin

Is NetBeans ok if i want a more robust php dev environment? Phpstorm is not free

>>62211772
just use vi

>>62210421
Pretty sure they mean a 3D raytracer my man.

>>62212454
Raytracing is the same process in any dimension bruv. You can have 1-dimensional or 4-dimensional raytracing, the algorithm is the same.

It just werks :)

https://jsfiddle.net/1ntv5ng5/

File: 1473382741311.jpg (89KB, 900x670px) Image search: [Google]

89KB, 900x670px

How would I go about making a frontend for youtube?

I know HTML and CSS, and I've deployed a couple of sttaic websites.

All I want to make is something that can search youtube and return results, and "play" videos by embedding them in the page. It's a great way to get rid of the UI.

Should I use nodejs? What's the best tool for this? This will be my introduction to webdev.

I don't want to touch PHP.

>>62213209
rrrreeeeeeeeeeeeeeeeeeeeee

File: 1477729756938.jpg (41KB, 516x343px) Image search: [Google]

41KB, 516x343px

>>62213248
what?

>>62213209
>i have no idea about this discipline but php sucks guys amirite teehee

File: 1480105764597.jpg (19KB, 564x382px) Image search: [Google]

19KB, 564x382px

>>62213289
I've seen some code and I don't want to put in too much time in this. Hence, no php.

>>62213289
PHP sucks

And Ruby-on-rails would be more suitable for a beginner anyways.

>>62213403
>And Ruby-on-rails would be more suitable for a beginner
How so? You can't beat the xampp stack for beginners.

>>62213209
So I'm gathering that you need to:

- construct a youtube search url
- do a http request and get the page
- parse the page and extract URLs
- inject URLs into iframes

Node should be fine for this.

You could also do it with just regular html + javascript + php which might be more instructive.

>>62213508
I want to create individual pages for individual videos. Like if the video is at
youtu.be/randumbl1nk

It should be at
frontend.com/randumbl1nk

>>62201222
which of these links can teach me about more fundamental things about web services like networks, protocols, services, requests, standards etc?

>>62213742
Seconding the question

I want a book like Tannenbaum's operating systems about the web

>>62213742
If you have to ask then you need to put some time in first try the links in the OP.

What IDE does /wdg/ use?
I know there's a general disdain towards them but it's comfy using it.
Been using Visual Studio Code so far and was curious if there're better alternatives.

I just kopipe'd like 50 lines of javascript from somewhere, didn't even bother to read it, changed nothing and it worked seamlessly.

So this is the power of web dev.

File: Rt.jpg (91KB, 600x300px) Image search: [Google]

91KB, 600x300px

>>62211772
VSCode

>>62212605
first thing that comes to mind when I think of a raytracer is a program that can produce picrelated

>>62213289
it does though

>>62213742
the MDN one

>>62214176
VSCode for front (I mainly do React+MobX in Typescript)
IntelliJ for back (I mainly do Spring in Kotlin/Java)

>>62214176
Visual Studio Code is fine
I use Eclipse for JavaEE, and Netbeans for JSF

>>62202937
none

>>62214208
>>62214221
Thanks! Forgot to mention I'm mostly doing front-end stuff so I guess VS Code is the way to go.
Gonna have to dabble a bit in Node.js for some back-end work soon but VS Code should still be adequate.

I have very little experience with web dev. I made a web page that can be abused and put a heavy load on the server.

I want to create a time limit for clients, I want them to do a request every second / minute for example. Duration should be configurable.

Is there a php setting for that? Or a library that I can use?

>>62214443
https://www.nginx.com/blog/rate-limiting-nginx/
http://dembol.org/blog/mod_cband/

I want to make the next Facebook. How do I do it using only HTML and *maybe* CSS if necessary?

>>62214533
you can't

>>62214500
Hmm, I am not sure if my host allows this kind of thing. I will check it.

I was hoping for an easy to use php script. I set a database for it, it stores the last time a user has requested page and does nothing if it is too short.

I guess I can implement it in the worst case

>>62214545
What is HTML anyway? Sounds like some sort of drug. You guys should all go to rehab for using it all the time.

>>62214568
HTML is a fork of JQuery, useful for complex mathematics like division and multiplication.

>>62213403
You're a Ruby shill.

>>62214583
>HTML is a fork of JQuery

mercy

*points at you*
If I apply CSS code to your face will you get a gf?

File: 1471409471055.jpg (1MB, 3504x2336px) Image search: [Google]

1MB, 3504x2336px

>>62213327
>>62213209
>>62213541
NOTICE ME
O
T
I
C
E

M
E

File: 1473903517857.jpg (14KB, 429x268px) Image search: [Google]

14KB, 429x268px

>>62214622
>mfw don't know how to reduce border radius
Can I still get a gf?

>>62214553
>I was hoping for an easy to use php script. I set a database for it, it stores the last time a user has requested page and does nothing if it is too short.
yeah that might work, but it still puts some pressure on the database

File: Pranks_a_Lot_018.png (126KB, 458x338px) Image search: [Google]

126KB, 458x338px

>>62214644

border: 0px;

There you go, perfect :^)

>>62214586
Far too late to be shilling it m8
But if a new web developer needs a fullstack framework that just werks, then Ruby-on-Rails is a good solution. Far better than JavaEE or ASP.NET anyways.

>>62214644
>mfw don't know how to reduce border radius
I recommend jquery

I can't read stuff online without tuning out. Can somebody summarise Eloquent Javascript for me so I don't feel bad not reading it all the way through?

>>62201491
roll

File: chrome_2017-09-02_08-46-02.png (390KB, 1242x839px) Image search: [Google]

390KB, 1242x839px

whats up team

i''ve been working on a resource for tekken players to get better and although i have workd on much more coplesx things in the past, pic related his happening. i'm using inliine, i've tried block, but nothing makes the character tab line with the rest of them.

any ideas?

File: 1498220527921.png (495KB, 1217x1077px) Image search: [Google]

495KB, 1217x1077px

>>62215015
reroll cuz done that

Is there any way to get data from localStorage as soon as it is set, without having to refresh the page? Does AJAX come into this?

>>62215040
why would you have to refresh the page for using localStorage.getItem?

>>62215028
that menu is how i feel like every morning
anyways inspect and double check everything could be a variety of causes from a rogue margin to something crazier
>>62215006
you don't have to read every single word
but you should work through the problems
>>62214421
vsc is great even if you aren't doing front end stuff, it's a solid editor all around with plenty of extensions to boot

>>62215040
PouchDB uses promises. The localStorage standard in browsers is kind of messy

>>62213403
>PHP sucks
this meme needs to stop

>>62215066
I'm making a to-do list to understand Web Storage. A to-do is submitted via keydown event handler on an input field element. The value of the input field is stored to localStorage but it isn't retrieved and displayed on the list until the page is refreshed.

>>62215091
I don't want to play around with other APIs just yet. Somebody here pointed me to IndexedDB last week and that's a fucking confused mess.

>>62215113
do you even refresh the view? obviously the localstorage isn't data bound to the view, so you have to render the new item

>>62215113

- Scripts reads from storage
- Creates global list of todos
- User adds new todo
- in-memory list of todos gets updated
- storage is updated for future reference only, and reports if there is a problem when saving.

I would use this model with vanilla.js, localstorage, sessions, React, Angular, Redux, webservices, etc...

>>62215108
It's a pretty go indication you're dealing with a kid, in my experience.

>>62215148
Run that by me once again. Are you referring to the 'view' part of MVC?

>>62215184
This is what I want. It isn't happening, however. At least not without refreshing the page.

>>62201491
rolling

Easy get!

>>62213209
meteor js with react as ui and youtube api

>>62208654
>are you gonna put it on github?
Yes. After I get the basics out of the way.

>>62201491
I've been studying CS for 2 years at Uni and 80% of this seems way beyond me. That said I still want to try.

The image ascii generator sounds interesting but I don't know how I'd research a solution for that without seeing the actual implementation.

Is this the best pattern for setting up routes that you later import in your server.js file?

module.exports = function(app){

app.get('/', () => {
//stuff here
});

}

I wanna freelance but I've never worked a day in my life. What's a good place to start? In the long run I just want to avoid getting hired to some deadend job in someone elses business.

>>62205374
The arrow should be before the text, not after..

File: 1503862502117.png (446KB, 401x401px) Image search: [Google]

446KB, 401x401px

Which language would you say is most enjoyable and fun to use for purely personal projects?
I am currently interested to branch from JS/Node and try something new, maybe Go?

>>62216551
Go is definitely something to check out — it's the backend language that has the most potential due to its multi-threading

>t. node dev

>>62216551
elixir and go are fun

>>62216551
>Which language would you say is most enjoyable and fun to use for purely personal projects?
This is entirely subjective how in the fuck would anyone provide an answer for you?

reading a react tutorial and I don't understand this: const { from } = this.props.location.state; Why would you not just have it be const from = this.props.location.state; instead of assigning to an anonymous object.

>>62216551
If you only know JS/Node I would suggest learning something like ruby python or perl. If you want to have lots of fun and have lots of ah hah moments then learn lisp using slime+emacs. Go is cool but it's not my idea of fun. The whole point is kind of to be the opposite of fun.

>>62218150
const { from } = this.props.location.state
is the same as const from = this.props.location.state.from

look up es6 object destructuring

Whats the best site to buy a URL domain name from?

I'm looking to buy at least 5 cheap domains (.xyz, .io etc).

>>62218556
namecheap

>>62218556
>cheap
>xyz
>io
LMAO

>>62217894
not that hardm just like tell him what languages are the most enjoyable and fun to use for purely personal projects in your opinion

>>62218882
But why?

I need to work with javascript again after a long ass time.

Where can I get up to date?

>>62219031
https://basarat.gitbooks.io/typescript/content/docs/getting-started.html

>>62216522
Exact same position as you. I wouldn't mind working for someone else though, especially since I recognise that 3 months experience of web development is nowhere near enough to support a stint in freelancing.

>>62216551

I had great fun with Ruby and Clojure.
Go is OK, but not very sophisticated (lots of boilerplate code).

>>62216551
ruby and elixir

>>62216551
>Ruby
Ruby itself is uber-comfy. RoR is the father of all large web frameworks, Sinatra is the daddy of all minimal web frameworks. Lots of gems for standard stuff available. Easy to deploy anywhere.

>Perl
Fun, flexible language. Not as comfy as Ruby, but gives you more haxor points. Catalyst is the RoR of Perl, Dancer2 is the Sinatra. Not as easy to find hosting (in particular, not supported by heroku), but mod_perl has been a standard for years, and PSGI allows any Perl app to be deployed in pretty much any way you'd like to deploy.

File: t7634564373.png (97KB, 965x859px) Image search: [Google]

97KB, 965x859px

>>62201222
is html5 too heavy for collision detection? i want to make some shitty animations, perhaps add some functions to them for user interaction.

>>62221936
>RoR is the father of all large web frameworks
that would be Spring MVC

>>62216551
c#

>>62222192
put him down stupid frogposter

File: wdg_raytracer.jpg (113KB, 1151x931px) Image search: [Google]

113KB, 1151x931px

>>62214208
>>62212605
>>62212454
>>62210421

>first thing that comes to mind when I think of a raytracer is a program that can produce picrelated

For you, man

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

Look, my point is that it's not a particularly difficult algorithm. Implementing the visualiser and vector math is just boilerplate (I used that same algo as before, just added a third dimension). Time taken should not equate difficulty.

File: likdis.png (115KB, 965x859px) Image search: [Google]

115KB, 965x859px

>>62222594
lik dis??????

File: wdg_raytrace3.jpg (41KB, 548x366px) Image search: [Google]

41KB, 548x366px

>>62222762

I should really get back to work and stop tweaking :(

>>62214176
PhpStorm.
It does everything pretty much perfectly.

VS Code is getting better and better, too, but it's not there yet in terms of quick fixes, refactorings, code analysis and keyboard shortcuts I find.

Shower thought: What's the difference between a framework and a library?
Why is it that something like Bootstrap is called a framework, yet jQuery is a library?

>>62222762
>>62223631
neat

>>62224038
frameworks are libraries. I think the distinction is that frameworks are more of "here's a way to build your whole applications" versus "here are some functions for doing some specific things"

Hope you guys don't mind me asking here, it's very slightly off topic but not really.

What domain registras are currently good? I was using name cheap but I don't fancy supporting them any more. What's a good company who supports free speech with non of that hate speech excuse bollocks?

>>62224470
Did namecheap shut you down for something?
I use them to host my personal site and I haven't had any issues with them at all.

what's the best backend for a static website? I'm literally retarded. thanks.

Hugo or Jekyll?

>>62201804
No

>>62225442
Wordpress

>>62202055
I don't know about the rest of /g/, but my gripe with the web dev community is that they continue to use MongoDB and they invented Nodejs and foreverjs. CSS and Javascript are nightmarish collections of hacks over hacks over hacks. They ruin everything they touch.

Stupidest source code I've ever seen:

https://codepen.io/anon/pen/XJZjBx.html

>>62225442
You don't need a backend for a static site you retard. Just spin up nginx or apache or something and serve up the files.

>>62225002
Name cheap kicked Daily stormer off for "hate speech" then proceeded to whine the next day how they were a cog in the Orwell machine but "did the right thing".

I'd rather not give them money if they're kicked people off for hate speech

>>62225917
it's bad press to """host""" a site known for having controversial views. Namecheap would've been targeted and would've lost lots of business.

fuck off with your communist altruism

>>62225948
I don't care why they did it, I care that it happened and I'd rather support an open internet.

>>62225948
Controversial is putting it exceptionally nicely. DS defenders love to pretend they're defending an open internet, but realistically they're just using that to exploit liberal views so they can continue spamming, ddosing, doxing, and inciting violence.
There are plenty of namecheap sites that host a variety of controversial views, just none of that hatemob bs.

>>62225973
even tor won't host your shitty views, fuck off

Does it matter if i use a template for my porfolio page if i want to get a job as front end?

>>62226105
Yet Tor has no problem with CP, drug trafficking, illegal drugs and firearms.

>>62226104
Do you know where you are? If these rules would have applied when 4chan first appeared then there would be no 4chan. It would have been kicked off of everything.

Try to have some self awareness.

>>62226238
If the template is not impressive, I see no problem.

>>62226306
tor's been compromised for ages by the feds — the shit you mentioned won't stand on Tor for long anyway because they're /illegal/

don't respond to the autist, guys

>>62226346
It's going to be a lonely night.

>>62213209
what the fuck

>>62201491
gimmie a roll

File: shinji.jpg (43KB, 705x529px) Image search: [Google]

43KB, 705x529px

Why the fuck is this thread so dead? Do I have to come back at midnight (Australian time) for any action?

Post what you're fucking working on.

Cunts.

I feel so shitty,
I always wanted to learn to webdev, but why when fucking wix exists
Its much easier and prettier desu

>>62227197
wix will never be enough for most companies. Websites are a part of good branding strategy. Because of that, something like wix will never be good enough for a company that wants to stand out. But instead of learning web dev, i suggest learning how to learn and dont look at yourself as a web developer but a designer/artist/engineer/whatever that uses the web as just another medium.

>>62227197

All Wix sites look the same and can't do anything.

Do you think Wix could do something simple like pull data from an API, structure it, and inject it into the page?

These services are nice for normies but being general-purpose and user-friendly they have zero functionality.

Don't fret.

>>62201491
Make one

>>62227719
I would be up for this, mostly for my own improvement. I could probably contribute some tasks related to webgl/canvas and vanilla js, maybe some react stuff..

Is there a way to make bigger line breaks? I mean without ctrl v <br>

>>62228546
Do you mean like setting line-heights? Or maybe using hr?

>>62228771

Didn't know about the line height property. thanks

>>62228546

<div class='break'> &nsbp; </div>

.break {
   line-height: 2;
}

>>62228832
>>62228546
Sorry meant

*

 

What style guides are normally used?
It's like everyone and their cat has their own style guide now.
I tempted to just go with Google's version to earn some imaginary brownie points for SEO.

What tools do you use for workflow and productivity?

I use rescuetime and a todo-list on a notespad

>>62229022

Just a notepad. I divide my tasks up into 10-20 minute component tasks. Sometimes smaller. Doing so, I can regularly have the satisfaction of crossing off a task and feel like I'm making real progress.

This technique really saved my workflow. I was/ am a terrible procrastinator and worrier, but dividing and sub-dividing gives me a sense of scale.

Another thing I do is tackle the hard tasks first. I can usually do a few hours of intense autism-level programming before I'm burned out mentally, so I leave the easy, boilerplate stuff til last.

File: 1504235711813.webm (463KB, 240x360px) Image search: [Google]

463KB, 240x360px

I've got an imageboard running on cpanel and want to move it onto a vps running ubuntu / apache.

Do I just copy paste the folder and install mysql?

What would be the best way to import the database?

>>62224125
You use library and you work inside framework provided structure.

>>62203448
javascript jabber, the changelog are ok

>>62216551
Go is not fun, but is very solid. I'm enjoying playing with Nim right now.

>>62216668
Ryan Dahl (creator of Node) himself recommends people use Go rather than Node for servers these days.

>>62229963
cool dog

>>62228546
use <p> properly and set a padding-bottom on them

>>62229022
physical paper notepad + post-it notes in kanban

In React I want to redirect the user from the register page to my log in component after a successful registration. How do I do this with routes?

Should i learn web dev or something like c or python i already have a basic knowledge on web dev and did visual basic at college. I'm currently doing a foundation year at uni and should be start cs next year

>>62230395
refer to the history instance you setup in your router. do history.push('/nextroute') on success

>>62230270
its a duck

Is there a good blogging cms that isn't WordPress? I'm not sure if I should go for Ghost or make one from scratch.

>>62201491
roll

>>62230251
I read that as Roald Dahl and I was like WHAAAAAAAAAAAAAAAAAAAAAAAA

>>62230475
Do I need to send the history as a prop to the component that's using history.push? I don't understand how to set up the history.

>>62230600
Why would you bother making one from scratch when options like wordpress and ghost are great?

>>62232049
Why do you see when everything to be seen has already been seen?

>>62232198
Using one of the basic senses == creating another cms.
Bravo, peak /wdg/ reached.

>>62232198
Why buy a car when you can build one from scratch?

>>62232354
Why breathe when someone else already has?

>>62232347
>creating a CMS isn't like breathing for him
plebians need to leave

>>62232435
>He needs to reinvent the wheel to breathe
>>>/dpt/

File: 1468549050123.jpg (55KB, 768x960px) Image search: [Google]

55KB, 768x960px

>>62232457
>reinvent the wheel

>mfw when he fails to get the analogy

you. need. to. leave.

>>62232494
> > > / d p t /
& stay there this time babe

>>62232049
I make a living out of WP so I dislike it for several reasons, mainly security + it's bloated. Ghost seems great but it's js.

After searching for a while I've decided to create a cms with py/flask. It's going to serve static pages, similar to jekyll.

>>62232572
>babe
I'm not your babe, dude.

>>62232726
I'm not your dude, bro.

>>62232751
I'm not your bro, man.

>>62232842
I'm not your man, pal.

Anon, how are you liking Laravel 5.5 so far?
Validator returning input data is the comfiest change.

>>62232895
I'm not your pal, bub.

>>62232933
I know, I love it! I regret not starting with Laravel sooner. When it comes to web dev projects, both work and personal, Laravel covers almost everything I need to build something grand in a short amount of time.

I got an idea for a project but I need to know if it already exists before I make it. So here's the idea:
A browser extension that lets you save notes from different websites by just hovering over text and then click some button, like how the translate extension works. Then it will save all your notes somewhere and sort it by website and present it in some nice way so you can go over your notes and perhaps learn some shit. This has already been done hasn't it?

Why can't someone remake devise, but for a language/framework that isn't ruby/rails?

I've been using elixir + coherence, but it doesn't handle json and the internals are inexplicably weird.

File: latest.png (336KB, 562x538px) Image search: [Google]

336KB, 562x538px

>data securing and validation
end my fucking life

>>62233633
easy breezy in .net

>>62233611
Spring Security

>>62233633
Literally every good framework does this for you.

>>62233819
How's modern java? I still have PTSD from UML and Maven.

>>62233966
it's great. also there's kotlin now. although I'm not sure what's the connection with UML. also maven is still maven but I don't see anything wrong with it

File: RESPOND.jpg (28KB, 657x527px) Image search: [Google]

28KB, 657x527px

>>62222192
REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEESPOOOOOOOOOND

How do I make money ASAP /wdg/? I've been at webdev for three months now and need some mone.

>>62234340
your question doesn't make a whole lot of sense, dumb frogposter. what does a markup language have to do with collision detection?

>>62234449
suck a dick or two

>>62234707
there are two balls moving on screen, if they hit each other, they should change direction, i want to make simulations.
or is that done by js?

>>62234900
There's js solutions for canvas animation calculations, things like D3.js. Although from my experience the documentation is not that clear most of the time, it's doable but expect to spend some time on grasping the concept.

What is the best shared web hosting provider /wdg/?

>>62235850
Namecheap. Never had any problems with them and I have been using them for several years to host some of my minor clients' sites. I got one of their cheapest packages during the christmas/new year sale for only $3 a year and it never let me down. Whereas I had some clients using Liquid Hosting and some managed WordPress hosting services that were utterly terrible.
I would advise you to learn how to manage your own vps, it's the best and cheapest in the long run for small to medium sized sites.

>>62235850
>What is the best shared web hosting provider
I am. For 3$ a month I'll let you set up a site on my vps.

Best resource available for learning PHP?

>>62236302
my diary, desu

>>62236302
http://phpthegoodparts.tumblr.com/

seriously now:
step 1. https://learnxinyminutes.com/docs/php/
step 2. http://www.phptherightway.com/
step 3. build shit while consulting the docs and stackoverflow

>>62234449
I absolutely hate people like you.

>do codeacademy html & css
>think they now have the skills for $100k/yr.
>updates facebook profile to say "software engineer @ freelance"

get rekt mate.

>>62227197
webdev != static websites

>>62227197
let me know when I can make a custom e-commerce site or a ticket booking system using this wix thing

>>62236663
what's wrong? It only takes 3months to become a webdev. Everybody knows that it's not rocket science.

>>62236880
What do you think web dev is?

I mean sure, it only takes like a day or two to write a website with html/css. But if you think you can learn js/react/redux/node/responsive design, etc. i.e. useful shit, then you're delusional.

>>62236880
There are a lot of subpar webdevs, programmers, and the sort. It will take years of actual experience to become a good one. It doesn't matter, the market's over-flooded so what is one more drop of diarrhea to the ocean of shit?

File: kingseeker.jpg (170KB, 1024x768px) Image search: [Google]

170KB, 1024x768px

>>62236880
Here's your (you)
;)

Why do a lot of websites don't use simple links like <a href="google.com"> but rather shit like "http://site.com/redirect?to=google.com"?

>>62237059
Prolly so they can milk more statistics off every click

>>62237059
A lot of the times, the <a href="#"> doesn't open. It'll fuck with the site, and just make it go blank.

I faced the error a couple of years ago on a site, so I wrote scripts to redirect the user to the linked site. That was a pain in the ass.

>>62237059
Here's a random example(not my codepen):

https://codepen.io/codealtgeek/pen/LLXJxE

click the link in projects page for the twitter. That shit doesn't work. Now add the redirect, and it will actually take you somewhere.

File: chicken_fun.gif (739KB, 161x120px) Image search: [Google]

739KB, 161x120px

>>62237170
Nice twitter. You seem like a nice guy. :)

>>62237376
Lol I'm not dumb enough to post my own shit on 4chan.

File: thx.jpg (61KB, 1000x800px) Image search: [Google]

61KB, 1000x800px

>>62235217
thanks my dude, you are the best

File: adpts.jpg (430KB, 1920x1080px) Image search: [Google]

430KB, 1920x1080px

having a dumb problemo bros....

I'm making a very simple express server to load some api calls from an external db.
Sounds simple enough BUT .... I keep getting dumb jQuery errors client side - it seems the script.js file loads before jQuery does and Im at a loss what to do?

The HTML is

        
<html>
    <head>
        <link type= a link to css >
        <title>The Movie Databaseify </title>

    </head>
    <body> <div>
          <p> lenny face </p>
        </div>
        <script //// jQuery source>
        </script>
        <script ////hadnlebars script">
        </script>
        <script sauce="script.js">
        </script>
    </body>
</html> 

and script.js has

 jQuery( document ).ready(function () {
  console.log("is this on?");

var callToApi = function() {
            console.log("calling");
            arr = [];
              $.get(" Some call to API);
          };
.......................
})();
 

what I get in the console is

 Type error jQuery(...).ready(...) is not a function

followed by
 is this on?  script.js:2:3
calling  script.js:41:13
jQuery.Deferred exception: $.get is not a function 
TypeError: $.get is not a function

Im baffled - it seems that jQuery doesnt load and then loads to tell me I have errors with me calling jQUery functions....?

File: 1494968797212.jpg (544KB, 636x900px) Image search: [Google]

544KB, 636x900px

I just came across the biggest hentai collection I've ever seen. A new co-worker has almost 450gb of perfectly indexed hentai. Mostly old school.

I finally convinced him to start a website and host his shit, however we want to do this anonymously and would rather not deal with the think police.

Is DigitalOcean a good place to host such a site? Any domain name registers that you can trust?

Do professionals use dark or light color schemes?

PHP is fun and easy to work with

Hello.

I have this in every page of my website (scripts are in this right order):

- jquery
- jquery .load nav.html snippet and nav.js which relies on jquery

This hamburger menu works 90% of the time, but sometimes it doesn't open until i refresh the page. Can you help me understand?

>>62238168
anonymously so that your neighbor won't find out it's you, or so that some official (gov) entity won't come after you because of specific content?
For the first case get domain privacy, if it's the second, then give up, unless you are really determined.
Make sure your host allows nsfw/porn content obviously.
Pretty degenerate though desu senpai

>>62238100
This is not a problem with Webpack :^)
But seriously, search for "load script after jQuery" or similar. Lots of SO answers and I don't want to paste some lengthy text in here.

>>62238170
dark is always easier on the eyes if you are in front of your screen for a long time.

>>62238286
maybe same as >>62238100
or post code if not

>>62238168
I'm interested in this too. Pls someone respond.

>>62238318
There were a few times when I paid for domain privacy and my name somehow got indexed regardless linking to the site and even displaying my email. Needless to say, I was vexed even though the site was completely sfw. So I would still be careful.

How do I make user roles in passport jwt?

>>62238318
I dont know if it's the same problem as
>>62238100
Anyway i suspect it has something to do with the script execution order like, sometimes the nav script somehow fires before jquery. I tried with document ready in the nav script, same result :( i feel dumb

>>62238318
>load script after jQuery

thanks, will have a look at it

>>62238168
In most VPS, disk space is short and expensive. So you need a dedicated server that accepts adult content.

>>62238882

We thought we'd setup an sql server on his current home server and use the VPS only as web server to prevent this from being traced back to us

not that we care that much its just that having your name associated with 2d tits is a true kick in the ball to your CV

>>62238100
>>62238100
>>62238100

Script tags inside <head> will load first.

For extra safety you can wrap your init func inside an onload event.

File: ayo.png (199KB, 587x499px) Image search: [Google]

199KB, 587x499px

>this is the kind of shit that the people in charge of Ayo (that Node.js fork) tweet

>>62238100
Have you checked that your JQuery url is correct and works?

>>62238100
Wait why do you have parenthesis in the end of that ready?

Give me one reason not to use typescript.

>>62238168
Upload stuff to some file hosting and generate html with links and maybe preview pictures. Host html in some free hosting that doesn't ask for to many details. Use free domain name.

>>62239700
Should I move to China? They probably dont have this shit.

>>62239700
Do you have a tl dr about Ayo? Everything I found was pretty vague

>option 1: they forked because new found nodejs bureaucracy, sort of what happened with mariadb and oracle
>option 2: some sjw reeeeee'd because a nodejs core dev broke the code of conduct

>>62239873
https://bloodyshovel.wordpress.com/2013/01/14/why-china-isnt-our-hope/
Just wait it out.

>>62239911
The main reason is definitely 2, but they promise to get some of the patches in that they couldn't because of the bureaucracy.

>>62239911
>Do you have a tl dr about Ayo?
https://github.com/creationix/nvm/issues/1595#issuecomment-324378894

Hey guys, I don't think I get React just yet.

I have some questions and comments about proper style / best practices for it.
>using ES6
>using react-on-rails
>using webpack-lite

1. Are you supposed to organize your HTML as just a series of components?

I figured you would continue to use HTML as normal in your views for layout but just insert the components where it makes sense

2. How does React answer the issue of grouping content together that is related logically or functionally but not related together at all in the layout?

For example, I have a button in my navbar or header--in the upper right corner--that I want to open up a modal in the middle of my page. What is the best way to component-ize these items? Do I NEED to make a parent component for these two things together? OR is there another / better way.

Thanks friends.

>>62239945
Also https://news.ycombinator.com/item?id=15079268.

>>62239912
>they have a fat lesbian chinese singer therefore china is bad
peak white male IQ

>>62239945
>>62239976
Thanks.
Ridiculous btw.

>>62240050
It happens more often than you think, but typically none of the projects are as big as node.

File: Untitled.png (8KB, 1008x630px) Image search: [Google]

8KB, 1008x630px

Really stupid question but how would I accomplish pic related? I want to center some header divs, but center on either the right or left side.

>>62240495
https://jsfiddle.net/qvbtdqbt/

??

>>62239847
it's a bad choice if you're a retard who doesn't understand the concept of putting in some initial work for a big long-term payoff

>>62239873
no, they just have a totalitarian regime that shits on your individual liberties in a ways you can't image as a westerner

>>62239964
>1
you're free to do it however you like, but I thing going full react is less messy than other options
>2
here's how I would do that with MobX, assuming that the modal is somewhat global, meaning that it should be openable from anywhere on the site

// MuhNavbar
function MuhNavbar({ uiStore: UiStore }) {
  return (
    <button onClick={uiStore.toggleMuhModal}>Click me</button>
  )
}

// UiStore
class UiStore {
  @observable isMuhModalVisible;

  @action
  toggleMuhModal() {
    this.isMuhModalVisible = !this.isMuhModalVisible;
  }
}

// MuhModal
function MuhModal({ className: string }) {
  return (
    <div className={`muh-modal ${className}`}>
      qwsedrfvgbjnmk
    </div>
  )
}

// App (root component)
@observer
class App extends React.Component<{ rootStore: RootStore }> {
  render() {
    const uiStore = this.props.rootStore.uiStore;
    return (
      <div>
      <MuhNavbar uiStore={uiStore} />
        {/* show/hide modal using inline styles or css class or prop or whatever */}
        <MuhModal className={uiStore.isMuhModalVisible ? "" : "hidden"}/>
      </div>
    )
  }
}

>>62240495
nothing is centered in any way on your picture besides the labels so I'm not sure what you want to accomplish

dumb noob question here

if cursor:auto makes the pointer into the stupid looking typing symbol (the capital I thing) is there no easy way to make it just the normal cursor that the user has?

im using jquery to make a span clickable and it seems my best option is the gross hand thing (cursor:pointer)

>>62240781
disregard this im just a dumb noob, i managed to achieve it with cursor:context-menu hehe

>>62240781
>>62240825
https://developer.mozilla.org/en/docs/Web/CSS/cursor#Values

File: pythonformula.png (3KB, 218x75px) Image search: [Google]

3KB, 218x75px

Newfag trying to learn the basics here. Would this work in python for the attached picture?

(p * (i / 12)) / (1 - (1 + i / 12) ** (-n))

>>62241013
Yep.

>>62241013
This does NOT belong in /wdg/. With that being said, are you sure that capital P is a number and not a function being called with the argument i/12? Otherwise looks fine.

>>62241013
Is P() a function?

File: gap.png (5KB, 1677x137px) Image search: [Google]

5KB, 1677x137px

>>62201222

Rookie here. How the fuck do I make the borders meet without the gap?

>>62241397
You're the same faggot who asked >>62240495 aren't you?
Just change the width to 50% in the answer the other anon gave.

>>62241397
If the elements are inline-block, remove the whitespace between the elements in HTML.
If they're table-cells or something like that, you gotta fiddle with border-collapse.
If they're floats, remove margin.

>>62241397
just use flex

I want to setup webrtc video calling in my server so I can call my wife's son when I'm out without using apps bullshit. How can I do it?

>>62244378
Is he a naughty boy?

File: images.jpg (7KB, 230x219px) Image search: [Google]

7KB, 230x219px

>>62244378
> my wife's son

>>62244941
>>62244980
Come on guise. I am serious. sqt faggots made fun of me as well. wtf is wrong?

>>62245663
check out the webrtc api? what's there to get

will I still learn if I copy and paste 50% of my html/css

>>62246246
If you have to cheat to learn HTML and CSS, you are not cut out for web developing.

>>62246335
except everybody cheats css and html is nothing to even worry about

>>62246358
Ok, so you've learned it already? I was thrown off by the first part of your post. There isn't much to 'learn' with HTML and CSS since it's all non-abstract shit.

>>62246246
if it is only to save time and you understand what you are re-using.
HTML/CSS specifically written for whatever you are doing will always work better and be easier to maintain.

>>62246479
>>62246479

> be me
> have 5 days break
> gonna work on my webdev skills
> spend most of the time designing the logo

goys halp