Didn't see a thread, and I need help.
>Learning material
https://www.codecademy.com/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/
http://code.tutsplus.com/categories/web-development
>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks
>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
[Gist] backendDevelopmentBookmarks.md (embed)
>Useful tools
https://pastebin.com/q5nB1Npt (embed)
https://libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
http://devdocs.io/ - Documentation for popular packages in your browser, with offline support.
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT (embed)
https://blog.remoteworknewsletter.com/2015/03/23/best-sources-to-find-a-remote-job-as-a-software-developer/
>IRC channel(s)
#/g/wdg @ irc.rizon.net
#wdg @ irc.freenode.net
>>51958631
>thread has 3 replies
>open it from catalog
>can only see op
thanks fortune
What's best to learn for back-end if I'm planning on freelancing? PHP/Wordpress seems to be getting a lot of attention but I see al the currys are really into it.
I have to do a small stupid Website for an exam and I just have to explain the different Elements of HTML/CSS for it.
My problem is not to explain it but how to design it.
We NEED to use a Framework.
So my question is: What Framework looks really professional for a small Website with facts on it?
>>51959179
Just use bootstrap/foundatiom/skeleton(?) and change some of it to fit the style u want.
>>51959230
Okay. I will use Bootstrap then. I also looked into Material Design Lite and Materializecss but don't like the material design on this kind of website.
>>51959095
Wordpress is shit.
If you're going to be offering sites which handle user authentication and if you don't have your own framework/template set up to build such sites, just pick a popular framework, make the necessary changes and then build your sites for clients from there.
>>51959240
Material Design itself is pretty neat, but all the Material CSS shit I've seen are terrible, they're usually unstable/quirky, partial support for recent IE, unexpected behavior between different browsers, etc
If the assessors don't care about CSS file size, throw in Semantic-UI CSS, it's 500KB but filled to the brim with pretty elements :^)
http://semantic-ui.com/elements/label.html
Can someone explain me what advantage the following things will provide if I use them in my web app
>Facebook react
>netflix falcor
>Facebook relay
>OM-next
>>51959095
If you do freelancing it doesn't matter what back end you use as long as it works and has an easy to use CMS available for it. If someone insists on any specific back end/CMS without knowing how to do it themselves you don't want to work for them as they'll try to do your job without having any sort of understanding on how things work or why you'd do something in a certain way.
>>51960356
B O T N E T S
O
T
N
E
T
S
>>51960565
>netflix falcor
show me the botnet
https://github.com/Netflix/falcor
fucking NEET
Ok, so i'm happy with Reactjs/Redux/Express.js set-up but I don't know what other tools I should be using.
What should I use?
> Bundler
* Webpack
* Browserify
> Testing
* Mocha
* Jasmine
* Jest
> Task Runner
* Grunt
* Gulp
My web framework.
Managed a huge speed up for Windows, went from about 16ms down to 190us. Turns out the code I was using was slow for Windows, although I doubt anything has changed for Linux. Next is a new header parsing loop, I want to limit the amount of times I call send and receive.
>>51959095
>>51960191
I don't "get" WordPress.
It's slow. It's in a bad language. If you hate programming and don't care about speed, mezzanine in python looks good. If you care about speed and love programming, you'll probably have a lot of fun building your own posting system in C#. But PHP is even uglier than C# and only marginally faster than python, so, like, what's the advantage?
>>51961540
WP is easy for normal users. Also designers i have worked with have loved how you write templates for it.
Does Angular 2 use the same "virtual dom" approach as react?
Have benchmarks of these two of non-trivial applications been released already?
I also heard that it's possible to render angular 2 on the server now, for lesser initial load times on the client. Does that work from PHP? I know, I hate that language, too, but job is job.
I just want to stop writing raw dom manipulation shit with shitquery like a peasant, but can't decide on a framework. Polymer is also looking amazing...
>>51958631
How do I go about creating a clone of 4chan?
There's some features of other chans that i like and i'd like to emulate them in my chan as well - but that's in the future.
>>51961583
I haven't used mezzanine, but I know python is so easy it doesn't feel like programming when you're mostly using big boy languages.
>templates
http://bitofpixels.com/blog/mezzatheming-creating-mezzanine-themes-part-1-basehtml/
Looks like you can do something similar in mezzanine.
Again, I don't "get" php, why use an ugly language? who are you fooling when you say it's "easy"? I've done so much C# it's easy for me, but at least I don't doubt it's hard for others.
Having an issue here with displaying a bootstrap modal confirmation after a form submit.
The echo in the PHP section works, because any other script I put in it works, but the 'show' function isn't working at all.
Halp?
var newHTML = document.createElement ('div');
newHTML.innerHTML =
newHTML = document.createElement ('div');
newHTML.innerHTML = ' <div id=\"myModal\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\"> <div class=\"modal-dialog\"><div class=\"modal-content\"> <p> AH LAD</p> <div class=\"modal-header\"></div>';
document.body.appendChild (newHTML);
$(\"form\").on('submit', function(){
$('#myModal').show();});
>>51961623
I've done something similar, but far from a perfect reconstruction, it's mostly just post and get calls to a database, returning json and building boards/threads using for loops in JavaScript.
I didn't implement file upload though which isn't just the hardest part, but I wouldn't really want to considering most anonymous image boards get swamped with CP and I can't afford to go to prison.
>>51961731
what a fucking mess is this.
what's up withnewHTML.innerHTML =
if you're using ' you don't need to escape "
why are you escaping in "form"
why are you using sometimes ' and sometimes "
why are you mixing jquery and normal JS, stick to one.
is this the actual output you get or before you echo it somewhere?
is the event actually firing? did you step through it and look for exceptions?
Recently started re-learning web dev stuff for fun and in case I'd need it for work. Don't work as a web dev, but it might be useful to build some interfaces for business/production. Currently going through https://www.bento.io/tracks , which I hope is good, got it from here. Could I replace the Python part with C# instead, or is there any merit in learning both? The guy I work with is mainly familiar with VB, so I assume C# is fairly similar?
>>51961864
>being a windows cuck
>>51961864
you can use ASP.NET (C# or VB, but seriously, fuck VB) for backend (and for front-end too, but lets ignore that)
have a look at https://www.asp.net/vnext
>>51961895
Wait, what? ASP.net for frontend? I never heard of that.
At least in the past, they always bundled it with bootstrap and some jquery plugins, I think. Angular for web API.
>>51961908
webforms and later their MVC framework.
The latter not as bad, but still a nice clean separation isn't there.
I still have to maintain applications using both at work, it's horrible.
>>51961922
Oh god, yes, WebForms.
I forgot about those.
Well, at least they're better than PHP. I really like the concept. Such a shame that it just doesn't work.
I'm trying to chain some applications together, which is initiated from a website.
Example: Given a pair of geographic coordinates, I run a Java application that does some filtering, then returns a file with more coordinates/polygons/etc.
I got this working, question is: From experience with PHP and reading about it in the past people always said that exec() is bad, don't use, add it to the blacklist etc. Is this "true", does this always apply? Is there a better, more secure way? I do not let the user use freetext in any form that would get added to the command and be exploitable.
>>51961908
From my limited knowledge, it's like php, as in html processing and junk like that. I would have thought c# devs would know to use Ajax requests...
Personally, I see nothing wrong with complete back end/front end separation.
>>51961748
i really do want to have full fledged chan of my own.
i have a very basic knowledge of html and php and css.
i wonder if i can get source codes from somewhere.
i'll google it/
>>51961992
the webapi part is separated.
But back then when everything was optimized for IE5/6 ajax wasn't a big thing then.
And microsoft was really slow to adapt to anything new, so people stuck with it.
My coworkers still only use webforms because they never read up on anything and just reuse their old "working" stuff.
Javascript is a mystery to them.
So after studying Java, Python, C, C++, PHP and Ruby at university, I did a few years commercial WordPress development, and now good enough to tell other people how shit their WordPress themes/plugins are. I also did a lot of work building a CMS on Symfony for a development company.
What's really 'in' right now? I know my company also likes to build web apps on Angular, and I plan on advancing my skills in Symfony. Is there a skillset that I should be reaching towards that's in high demand but hard to find?
>>51961623
I've done it - PHP backend, JavaScript fetching pages and a little CSS styling, it takes maybe a day's work to get it running in a rudimentary fashion. I can link to it if youre interested.
>>51962052
Actually, XMLHttpRequest was invented as an ActiveX object, exclusively for IE (which explains why the API is so goddamn awful).
Mozilla decided to copy it (as window.XMLHttpRequest) because they found it useful. It was non-standard for a long time, but it has existed for a long time.
But I thought that web forms handle ajax? Do they just use iframes?
>>51962079
Knowing a solid backend and still being able to use the newest maymay frontend frameworks is probably as good as you're going to get as a web developer. The skill ceiling is rather row.
However, being able to write your own libraries (frontend or backend) as opposed to using and extending someone else's is something not many people can do. Especially large companies are looking for people who can do that.
>>51962096
everything happens by posting back. (<form> begins and ends like body does on the entire page)
when you have a dropdown control that changes some other controls when you select something the entire page gets posted back to the server and controls get rerendered, filled out controls get their value set what you had, new controls have their values changed etc.
they tried doing ajax stuff with their updatepanels, where you have controls inside a specific element. it then posts back via ajax and gets the new content as html which gets put into that element.
No, webforms are not fun if you want dynamic pages.
They are okay for really simple stuff, but nowadays, no fucking way I'll ever make one again.
>>51962091
yeah, please.
thanks, man.
>>51962018
There's an open source chan somewhere... I really want to see an imageboard in a fast language so I can shitpost in real time and not have to wait 5 seconds to see my post. Please don't use PHP! It's been done a million times before. Now if you use fastcgi and open sourced it you might achieve e-godhood.
>>51962162
>fastcgi
hmm.
>e-godhood
well, it was this or world domination. creating a chan would be a lot easier, i guess.
>>51962147
I really overestimated it, then.
But, well, it's not like it's really needed anymore. You can make reusable javascript components in any frontend framework you want now (and even natively in the browser, with web components) and if you use a json based API, it's trivial to implement the server side handling of those now.
I'm glad. Web development is finally approaching this Century. Now if only Javascript was able to handle all this properly... I wonder how much Web Workers are going to help.
>>51961812
I know, its a mess. Been toying with it in kind of distracted situations since last night, haven't had a chance to give it a proper go, not to mention me not being very good.
I need to escape " because I'm echoing the script out in PHP.
What's happening is after the form is submitted, this script is echoed out.
Until recently I had it successfully appending the modal to the page, but the 'show' function wouldn't work at all.
>>51962162
>fastcgi
I wonder, wouldn't it be better to just compile your web server yourself and have it execute a library?
I have no idea, don't get me wrong.
>>51962155
ringojingosden.com
I don't have the source code available just yet (need to figure out a better way to store passwords instead of in the source code), but this is what can be achieved with not a great deal of work.
>>51962207
so does the event fire?
does it even attach?
>>51962211
No...
Fast cgi isn't as hard as you think. In the end, you're still just returning strings, the real issue with using C++ as a backend is that a generic json parser (like json.net) is doubtful.
Trying to embed your backend software into nginx or apache code would be hellish.
>>51962190
Whatever.
If not fastcgi, why not go? Or node? Or c#? Or java? You have plenty of options that aren't php
What does the "new" operator in Javascript even do? Is it basically the same asvar obj = {};
func.apply(obj); // this makes "obj" the "this" of "func", which is why the this.something = ... work, right? The constructor function is just adding functions to the empty "this" object at runtime, right?
obj.__proto__ = myFunc.Prototype;
return obj;
? Of course it would still need to somehow set the type of the object, so that typeof returns the proper string...
This prototypical inheritance is really weird to me. I understand the chain, I just wonder how it's put together. Tutorials never explain this.
>>51962299
>trying to comprehend Javascript
>>51962245
great. thanks. i'll have a look at in a jiffy.
thanks, once again.
>>51962299
I'm fairly sure 'new' returns a new copy of the prototype object that you've decided to use to define the 'class'
>>51962360
I might open source it soon, if I do I'll link it in a future /wdg/. Might get flamed for using PHP though and admittedly the code is spaghetti in some places (I learned PHP while making this)
>>51962299
Calling constructorsthisdate = new Date(Post.Date);
Its how I parse dates from json created with C#.
>>51962372
But the object that you use to define your "class" is a function, isn't it? The prototype of that function (myFunc.Prototype) would then need to be set on the object somehow, so it can access its properties in case the user tries to access a propery that can't be found on the current object.
Also, the constructor function is run every time a new object is created, isn't it? I'm really talking about using new, not Object.Create (which probably DOES clone an object).
What a clusterfuck of a language. This shit is so simple in literally every other language.
And more efficient. Having methods actually be fields on the class... It's like some C idiot trying to achieve C++ syntax by using function pointers in a struct.
>>51962427
Oh, now I get what you're saying. That instead of passing an empty object to the constructor, it creates a clone of myFunc.Prototype and passes that as the this instead.
That... really makes sense.
/frontenddevelopomentgeneral/
Where my backend bros?
>>51962207
The event does fire insofar that the element gets created, the second event (the show modal function) does not.
>>51962477
Well, I'm a PHP peasant. It's not like I like it, but it's what I do.
I also have to do frontend stuff - our team is tiny.
whats the easiest to use hybrid mobile app framework? got a project coming up and im thinking of using ionic, but i have absolutely zero experience with it.
>>51962516
Ionic is neat to use (angular), but performance is... well, omega top-lel. Like, holy shit, man.
Hybrid mobile apps are a mistake.
Can you advice me some NoSQL database which can handle database consisting of millions of documents or keys even on low-end machine?
>>51962516
>hybrid app framework
Hahahahahahahahahahahahahahahahahahaha.
>>51963666
Stop lying you're never going to host millions of documents.
>codeacademy
>nearly finished the make a website part
>last part
>NOW LETS USE BOOTSTRAP GUYS IT'S AMAZING U KNOW
I'm not sure what to think of it.
>>51963918
It is pretty good. You shouldn't need to remake the same CSS components over and over and over again.
http://careerfoundry.com/courses/how-to-become-a-web-developer?utm_referrer=http%3A%2F%2Fblog.careerfoundry.com%2Fbecome-a-web-developer%2F
Think this is a scam?
>>51963666
>NoSQL
why
Why do most webdevs use osx?
>>51964584
high level of similarity to linux
>>51964584
they are idiots and need a gui for everything.
and node/bower/npm sucks on windows. (255 character limit for file depth)
>>51963918
That's slightly worrying
>>51964048
You should learn how CSS works before using CSS frameworks.
Also, bootstrap is useless unless you're building developer docs or something that hasn't already been designed. 99% of the time you're going to be overriding every default style in bootstrap anyway so you might as well do it from scratch and only create the components you need. You can even use the bootstrap source as reference.
>>51958631
>/wdg/
>ctrl+f security
>0 hits
Stop whatever the hell 'web dev' you all doing right now and go look at the OWASP top 10 and learn how the fuck to secure your shitty website.
https://www.owasp.org/index.php/Top_10_2013-Top_10
>>51964584
this >>51964617, not >>51964621
I have an osx laptop that I do all of my development on, despite having a custom built windows PC twice as powerful in the same room. I also have a home linux server to emulate hosting environments better.
>>51964627
>You should learn how CSS works before using CSS frameworks.
That's obvious.
However, you shouldn't be forced to remake components that have been made 10.000 times already.
>>51964637
>take over coworkers project
>API does not check for permission
>you can get every single userdata by just calling the API with a GET request
>>51963918
Use bootstrap, then use a gruntfile that strips all unused CSS.
Learn SASS as you go on, then use that.
Make sites fast, remove all bloat, done. No problemo.
>>51964621
>gui
Since I moved to OSX from Windows I spend roughly 600% more time in the terminal.
I use it for the several exclusive pieces of software that I like.
Mainly Alfred, use it about 100 times a day, not available on windows, alternatives are a shit.
>>51964724
The plugins that strip out dead css selectors are not 100% reliable. They don't know what content is going to be ajaxed in later and potentially built by front end templates like Handlebars. It's very precarious. I would much prefer to just use less bloat in the first place
can you people help me with this? for some reason it doesn't work in chrome:
https://jsfiddle.net/m66tpc4c/1/
>>51964840
>https://jsfiddle.net/m66tpc4c/1/
what are you trying to achieve exactly?
How do I prevent XSS for requests that I intend to be used via ajax?
Of course I could make sure that a certain header is sent for every ajax request (like the x-requested-with that jquery used) and only allow posts, so that form posts from other domains won't work, but...
I don't know, that doesn't seem clean. Should I just send a token in the body of every ajax request?
>>51965139
Auth token perf or CSRF token
>>51965277
How would you send CSRF-tokens? As headers or as part of the request's body?
No more /wdg/ threads, JavaScript and all the back-end programming languages constitute programming and therefore belong on /dpt/.
We shouldn't separate discussion, it's more fun together.
>>51965393
>>51965393
>>51965393
>>51965393
What's the difference between POST and PUT requests?
>>51965638
POST is usually used for creating and PUT is used for updating something
>>51965638
PUT is not supported in most web clients because it's worthless.
It was intended for editing a single set of data.
>>51965488
Nah, there will just be 500 posts with
>webdev
>programming
>hurr
It's better this way.
>>51966054
Kinda this. but no one should be ostrasized for asking programming concepts questions applied to webdev on dpt and vice versa.
html and css on dpt is nono
here its okay along with JS framework #23123
>>51965139
>How do I prevent XSS for requests that I intend to be used via ajax?
From your post you seem to mix up XSS (Cross-Site Scripting) and XSRF(/CSRF, Cross-Site Request Forgery)
>Of course I could make sure that a certain header is sent for every ajax request (like the x-requested-with that jquery used) and only allow posts, so that form posts from other domains won't work, but...
>I don't know, that doesn't seem clean. Should I just send a token in the body of every ajax request?
You solve XSS by not trusting user input and encoding any user input for the context where it's used. Or disable inline javascript completly with a Content-Security Policy.
You solve CSRF by using the synchronizer token pattern. Which sets a token in two request parameters. Most regularly a cookie and a HTTP header. CSRF is then mitigated because the token doesn't match on a forged request.
Most frameworks have implementations for both mitigation strategies.
>>51965806
>PUT is not supported in most web clients because it's worthless.
>It was intended for editing a single set of data.
>[citation needed]
It's in the fucking HTTP spec. If your client doesn't follow it you have a pretty shitty client. Also it's increasing in popularity along with proper REST APIs. So I'm afraid you are misinformed.
Okay so I'm still relatively new to /webdev/ and I'm having an issue. I just can't seem to get the white border around these logos gone.
Pic related.<div class="logos">
<img src="images/fblogo.png"></img>
<img src="images/tumblrlogo.png"></img>
<img src="images/twitterlogo.png"></img>
</div>
when I put them in <a> tags, they get the white background. Pls help. How do i get rid of white background.
>>51966253
1. Right-click > Inspect > See what rule adds the white border
2. Remove it or add another one that removes it for just those elements
>>51959095
Django and Nodejs
>>51966253
Post your CSS.
>>51966316
>>51966282.logos {
float:left;
display:inline-block;
that's it.
>>51966374
Is that your whole CSS? Either you have a rule that gives <a> tags a white background or your images have a white BG, but since you said it only happens when the img tags are within <a> it's something in your CSS.
>>51966374
trybackground: none;
in .logos
>>51966415
.logos {
float:left;
display:inline-block;
.nav ul {
float:right;
margin:-11px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}
.nav a{
display:inline-block;
background-color:white;
padding:47px 20px 47px 20px;
margin: 0px 0px 0px -7px;
list-style-type:none;
text-decoration:none;
color:black;
font-family:arial;
width:60px;
}
.button:hover{
background-color:white;
text-decoration:none;
opacity:0.50;
}
footer {
clear:both;
color:black;
font-size: 12pt;
position:absolute;
bottom:0;
background-color:white;
font-family:arial;
margin: 0px 10px 0px 10px;
border-radius: 10px;
opacity:0.50;
}
I thought it might be the .nav a but the logos are in their own separate div.
People who work with node, how do you get around the callback nightmare? I'm using mysql and every single query is async so I always have to give a callback that has another callback that has another callback. What if I have to query two times, should I just keep nesting one inside another in a callback hell?
Only other solution I can see is creating a bajillion different functions and passing them instead of just nesting
>>51966483
>background-color:white;
lel
>>51966510
thats what i thought it could be but the logos are in their own separate div and not in .nav
>>51966510
It's every a within a .nav
>>51966527
Are you sure you've closed <nav> properly?
Make sure you haven't done this:<nav>...<nav>
python
>>51966572
its in a div class nav.
and yes.
>>51966613
You forgot to close .logo in your css.
>>51966647
i closed it. Still the same. In fact it was closed already, i guess i didnt copy it in >>51966483
before.
It looks worse now.
>>51966492
There will be native async/await support in ES7
http://www.sitepoint.com/simplifying-asynchronous-coding-es7-async-functions/
In the meantime you can use babel.js with async extensions, or a library:
https://github.com/yortus/asyncawait
or handle the problem with Promises
https://github.com/kriskowal/q
>>51966721
Don't know what else to suggest, anon.
It definitely looks like ".nav a" is affecting ".logos a" for some reason.
has anyone learned webdev through bento.io?
>>51966810
found out whats making it do that. fix will be easy.
inspect element really helps. never used it before.
Hello /wdg/, i recently played Portal 2 and was fascinated by the animations of the menu. I was wondering if something similar could be done in css or jquery. Something like: scrolling the page down, a full width div composes itself by flipping tiles.
https://www.youtube.com/watch?v=ZPthzbly8FQ
>>51966951
Yes it could, but why would you want it?
Animations have no place outside of <canvas>. I wish this fad would die already, they serve no purpose.
>>51966951
script is probably using instant screenshot.
>>51965488
Nah fuck that, /wdg/ was created for a reason. Also, these threads remain fairly active throughout the day with discussions and tips specifically geared towards web development.
>>51965488
>it's more fun together
It isn't. The circlejerk in /dpt/ is borderline unbearable.
I need something to work on, something fairly unique. If you guys are working on something big (or even a major assignment) I can help, I'm free for the next 3 weeks so I can dedicate a lot of time to it.
