Old Thread >>51787541
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat
>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/
>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks
>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks
>Useful tools
https://pastebin.com/q5nB1Npt/
https://libraries.io/ - Discover new open source libraries, modules and frameworks and
keep track of ones you depend upon.
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>>51827781
working on http://www.nask.co/
I think I'll advertise it as a site for anonymous voice messaging. what do you think?
I made a thread a while ago, but not a lot of people replied :(
>>51827969
You've probably been asked this before, but why is there an option for bad quality? Seems a bit un-necessary if you ask me.
Also, you'd probably benefit from improving the interface. It's okay as it is, but I think there's room for improvement.
>>51827969
Never use<br>for margins/paddings
>>51828299
>You've probably been asked this before, but why is there an option for bad quality?
I made it so people can imitate a (old, landline) phone.
>Seems a bit un-necessary if you ask me.
yeah, but in the code, it wasn't difficult to add, at all, and I suppose it could be useful for someone... so I just kept it.
>Also, you'd probably benefit from improving the interface. It's okay as it is, but I think there's room for improvement.
I know, yeah.
I feel terrible at web design. you can see that I'm simply using bootstrap. I got help from other people when starting this, which is why it looks okay in the first place.
anyway, I'm relatively new at this, I made this site so I could learn, and I did learn, a lot.
>>51828376
thanks, I always wonder about this. what should I use? css? <p>?
How long does it usually take for someone who has HTML, CSS, JavaScript and PHP experience to learn how to make Drupal/WordPress themes?
>>51830348
>How long does it usually take
tbqh, I have no idea, but I guess you could just do it. look at some examples, look at the docs, go to the IRC channel and just do it...
>>51830348
Like most things, it varies by intelligence.
>>51830348
I've no experience in Drupal but WP theme building is easy enough. You only really need to know the WP theme architecture and learn to implement the WP Loop (which is used for iterating over content), everything else is standard HTML/CSS/JS/PHP shit.
The theme architecture is well explained at https://developer.wordpress.org/themes/basics/template-hierarchy/
The Loop is explained at https://developer.wordpress.org/themes/basics/the-loop/
You should really poke through the whole dev manual but honestly you could build a theme with this and your existing skill set.
>>51830348
just learn node.js. I love php aswell, but might as well make your front-end and back-end the same.
Caching.
I have a feeling that if you're using etags and if you can be sure you'll get an if-none-match header back, you don't need to store anything and can just compare two strings. This would greatly save time, because at the moment I have a data structure which I store hashes in, if the hash exists I 304, else I 200 and add the hash.
But if I can get away with simply generating the hash and either 304'ing if it matches or 200'ing if it doesn't, it seems like I don't even need a data structure.
But then... Well, it's not really a cache because I'm not caching anything? I've noticed that browser caches don't really cache anything except the last result, even if the etag you send back with a 304 is different to the one they sent in the if-none-match header.
what is webdevgen music
>>51827969
so, I was joke that the site doesn't look good in mobile... which explains why lots of people enter the site and just leave.
guess I have a lot more to learn. and I don't know shit about web design :(
>>51833790
>so, I was joke
*was told... wtf
>>51827969
you should give a better explanation as what it does under the leave a message. it feels like a customer support system.
it wasn't until I looked down and realized it's a voice to speech. and I would use the phrasing "type a message" or just "write something"
just my 2 cents.
>>51834039
hey, thanks for lettiing me know!
I've tried making it more self-explanatory, but I just don't know how to put "text to speech" in a simple, clear way. guess "text-to-voice" sounds better, though. english is not my 1st language, though, so I don't know if it makes sense, colloquially speaking
I also want to make a guide/faq/howto, but I want to polish the UI first...
I'll take a look at the design & the texts again, thanks :)
Please somebody help. My media query works in explorer edge, explorer 11, opera, firefox and on cellphones. It doesn't work in my chrome browser when i resize the window.
pastebin.com/YgJv5MMA
i.imgur.com/buTLjzp.png
Just tell me if it works fine in your chrome browser thats all i want to know. When the window is resized to less than 500px the background should disapear and show lavender color instead.
pls help
where do i go after HTML and CSS?
Bootstrap? Javascript? Jquery?
How do I get my website to look good on all resolutions? It's beyond fucked on anything but my own.
Why am I having such difficulty with learning a language? I'm pretty sure I have the capacity but I just get so fucking bored when I'm attempting yet I find the idea so interesting. Could I possibly have adhd or depression or is it because I'm not white or asian?
>>51834771
Bootstrap and jQuery are Javascript, so start with Javascript
>>51834771
As the other anon points out, I'd probably start with Javascript first since the three are generally learned at the same time.
But once you have a pretty good grasp on CSS and Javascript, there shouldn't be anything wrong with hopping to Bootstrap (which isn't javascript, but DOES use jQuery for some plugins) and jQuery, respectively.
>>51834272
I don't have anything to add... but, use the development tools
>>51834788
try doing something for fun, like a calculator or something
>>51834788
Maybe it's because you're not getting the results that you want quickly enough?
>>51834799
>>51834844
best resource for Javascript? I'm sick of codeacademy's shitty "MAKE THIS SHAKE XDDDD" minigames.
>>51835012
Second person here. I'm partial to lynda.com's tutorials, but I know not everyone's a fan. I trust that you know how to get them.
>>51835012
As a reference, https://developer.mozilla.org/en-US/docs/Web/JavaScript
To learn, something like http://eloquentjavascript.net/
Anyone know of any resources/tutorials for building interactive tiles like these? http://www.gcardoso.pt/#portfolio
I've been looking for resources in various places, trying to make my own portfolio with Angular
>>51834771
>How do I get my website to look good on all resolutions? It's beyond fucked on anything but my own.
Use vh and vw for all the things.
I've went through codecademy and freecodecamp's lessons but I feel like I've done something wrong. I can read code and when the answer is revealed to me I always think "of course you would do that" and I can even begin to piece together how I would construct my code but I can never actually complete most questions when Im not given the answer or a bit of hinting. why am I so shit? I feel like as long as I've done this I should be a bit further along.
>>51835012
'Headfirst into javascript programming' first and then go with 'eloquent javascript'
>>51827969
This is pretty neat.
Sorry if its offtopic but I figure it out many people here uses Sublime so I need a little info from you.
When I type for example div.blabla123 and hit TAB to expand this into div with a class blabla123 it doesnt work as long there is a number at the end of the name of the class. Weird , anyone had this? I reinstalled it ofc , same problem.
Or to just use sublime 2 or light table...
>>51835831
Sounds like you're ready to start making stuff. It doesn't have to be good, just start making anything on your own and figuring it out.
>>51837193
maybe, once Im done installing linux mint I'll take a crack at something /I/ want to do instead of more interview tier "check for palindromes! :DDD" type questions.
Hi, need some helps.
I'm making a menu-based webapplication, using this: https://github.com/bevacqua/dragula
Demo of that library: http://bevacqua.github.io/dragula/
Now as I am relatively new to webdev, I was wondering how to actually set that up. Do I install it? Do I just need to keep the folder in my sitedirectory and call the functions?
I downloaded the zip and there's a lot of files such as .json. When I delete most of these nonrecognizable files it still works. I assume all of that is for installing the library with other softwere then?
>>51827781
Sublime VS Atom !?
>>51837975
Check the source code of the demo, see how they do it. Right click -> view page source.
All you need is the css and js files, that you can save from the demo.
You can install it if you're using node and know what you're doing, which doesn't seem to be the case, but don't worry, you don't need to.
>view page source
>no content
><body bgcolor="#55555">
></body>
how is this done?
>>51838008
I'm using atom but I have no beef with sublime. it's just the one I decided to download at the time
Should I update my sites to PHP 7?
I'm running Wordpress on some.
>>51839417
Yes. It improves performance a lot. But you should make a backup and test if it works first. Because it might break your theme or plugins.
Trying to make d3 and knockout work nicely together but no luck. Anybody got any experience with these two?
>>51834892
>>51834272
I found out what the problem was. The html and css files were on my local dropbox folder. When i moved them to the desktop now the media query works.
>>51828476
is it a paragraph? use a p tag. is it a title? use h1 tag. mark the text up semantically and then add any extra spacing you need with css.
>>51835677
jesus, please no one do this.
>>51839180
Check the http headers of the response.
>>51839417
Several old plugins and libraries still use& new something()constructors everywhere.
I want to make a clone of a vbulletin forum that is no longer mantained, but I don't want to use php.
So what kind of library/framework do you suggest me to use for the frontend side?
>>51841803
python and django/flask
>>51841408
use a local server to test things. you could use, say, python: cd /path/to/html/files; python3 -m http.server some_port
>>51841474
>is it a paragraph? use a p tag. is it a title? use h1 tag. mark the text up semantically and then add any extra spacing you need with css.
thanks. tbqh, I detest adding more css... but ok, guess it's THE way of doing things.
>jesus, please no one do this.
why?
>>51841857
Why do you think my dropbox folder on my desktop would give problems?
>>51841857
the point of responsive design is not scale the page 1:1 based on view port size.
and dynamically scaling text size makes me want to throw up in my mouth.
the dude with resolution problems should probably learn to box model and not hard code all his elements' sizes.
>>51841974
fuck off
>>51841971
perhaps because dropbox adds its own code
>>51841974
ah... well, I keep forgetting this, too lel.
>>51827969
I just changed the size of the title for small devices. could someone tell me if it looks OK-ish now? please.
to the guy doing a pentest: thank you! too bad, I can't see your inputs, so I don't know what is causing errors :/
How can I make dropdown menus that don't go behind siblings of the parent element?
Making the parent relatively positioned helps a little, but of course that still won't work if the other elements are relatively positioned as well.
>>51842290
you could raise the z-index on hover for the parent.
hard to know without looking at your code what a better fix might be.
>>51842386
That's actually a clever fix... I wonder how it works on mobile platforms.
Why is it so hard to make dropdowns that work in all circumstances without having to make changes to containing elements? When you have dynamically generated content and can't be sure where in your page dropdowns are going to be placed, you're fucked.
The native <select> dropdown handles this case pretty well...
>>51842493
i use lists and flex box, i don't have too many problems other than when you want to comply with accessibility standards.
select handles "component-ization" better because its built by the browser and makes it's own assumptions. those are pretty annoying to style though.
>>51842608
Yeah... actually, the dropdown that I'm trying to use is selectize, which is a replacement for <select> with good additional features, like non-retarded multi-selects, search, tagging, styling of matches, creation of new options and so on.
I hate nothing more than having to scroll through a select with hundreds of items. Or messing up with a multi-select and not pressing CTRL while selecting something.
However... just selectizing all the selects on the page leads to z-index problems that I can't seem to easily fix. I was even thinking about writing my own (non-jquery, because screw that cancerous library) component for this and just placing the dropdowns absolutely positioned on the body.
I'd like to use data binding in my application. Managing this stuff manually truly is retarded.
I don't really want to use Angular. I was thinking about using Knockout, which is more conforming to standards and doesn't have ridiculous things like an HTML compiler...
but actually, I'm starting to wonder if that's actually a bad thing, because it allows for directives - and I love those. Reusable components are great (but I don't want to go full webcomponent yet, because Polymer only supports evergreen browsers).
Has anyone else been in the same boat? What did you choose?
I don't want to build an SPA or something.
hey /wdg/, Im currently a 2nd year CS college student, and im looking to make some $$ or get some experience before i graduate.
I already know the basics of web dev, front end/back end, as well as other programming languages.
How do I go about making money or at least building a portfolio for employment?
>>51842913
Knockout is great for smaller websites. Anything big will get too slow and hard to manage.
>>51842960
Is knockout slower than angular? I thought that angular was slower because every value is always observed and it probably fires all sorts of events for features that I'm not going to use.
>>51838008
i used atom in the past...
but i grew up, so now i'm using sublime
>>51843031
>features that I'm not going to use
In that case, knock yourself out with knockout desu
>>51843118
Yeah. I guess I will.
>>51842913
>>51843031
we just started to use knockout in our project. It works well. It is an application for configuration, monitoring and diagnostics of a HW device. It is a mid size project on the front-end and we don't have performance issues.
Actually i have no experience with knockout's performance on big applications
> be me
> youtube "what is leapforce?"
> results come up, its bunch of niggers in the thumbnails.
>>51843243
>be me
>youtube "getting started with *language/framework/technology*"
>results come up, its a bunch of indians speaking cringe english
>>51843175
Great. I just wonder why nobody ever talks about it. Does it just not do anything better than angular?
In node.js is there an easier way to manage the server instead of constantly stopping and starting it via command prompt every time you change the code?
>>51845126
I think you can do something like a live reload with gruntjs, I haven't used it tho.
>>51845126
You can watch the filesystem for changes and restart the process, whenever a change in the relevant files occurs. Something like this https://github.com/bakape/meguca/blob/master/builder.js
What's a good source to learn node?(video lectures, books w/e is best)
I'm going through eleqjs atm and want get started with node too, are the docs as a good of an introductory as the django docs are?
>>51845268
>>51846415
Thanks, I'll check out your suggestions.
with js is there a way to detect when a function starts?
I'm writing a userscript that needs to run after an on-site function is called.
>>51838219
Thanks.
I I downloaded the demo, and it seems the dragging menu is used in example/example.js, and not in the html file. The example.js is the whole library, 22000 lines
Where do I call the functions, named in the usage in the docs of the library?
>>51847110
just thinking, not tested.
but maybe you can rename the function and override it with yours, which then calls it and then does whatever you want afterwards.
>>51847685
Yeah I just remake the function and put a call for my function at the end of it, but only when they're short.
>>51837975
Everything actually needed is in dist folder, it's common practice for front end libraries. Files with .min.* extension are same as without .min, only made smaller, and are preferred for using in live.
Somewhat silly question, where does npm download packages from, Github?
>>51849046
masterserver at npm, packages usually hosted on github yeah
Has anyone managed to get ASP.NET 4 with mono and nginx working on Linux? Or ASP 5, for that matter. Anything that is production ready, not with a development setup.
I've tried a couple of shit, but I can't get this damn thing running.
>>51849612
I have to write in ASP every now and then at work (Win 7 PC).
But you can be goddamned sure I'll keep that trash off of my personal shit.
inb4 404
Next version of my web framework.
Expires or max-age=0, WebKit recommends the latter but I'm pretty sure early IE doesn't implement it right, but definitely implements expires right. No-cache can't be used, for reasons.
>>51849723
This
>>51849612
There are plenty of good C# libraries, ASP is like PHP in many ways namely it's pushed by corporate types and not developers. People who don't program shouldn't tell people who do how to program
>>51841764
<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE"
found it. but how does that work?
>>51851022
If seen similar headers and in my experience didn't work. Ideally it's to disable caching (altogether) from the html document, which is okay if you don't have access to the backend.
The real trick is getting caching working in a way that still caches (because caching is good) but has end to end validation, so a user doesn't have to wait half an hour for their posts to appear.
Caching is good, don't mindlessly disable it.
>>51851022
Nope, learn about the http protocol.
The servers sends some information (response headers) before the content.
For example:Location: http://google.com
SetCookie: cookie-data
Pragma: No-cache
In this case, some browsers accept this as a valid status from the server:Link: <http://www.acme.com/corporate.css>; REL=stylesheet
>>51851390
Cookies are bad. Real bad. Bad people use them. Bad people and people who think they'll have so many users they'll end up having two users from the same ip with the same user agent.
Text editor for JS and web dev in general, right?
https://www.paypal-engineering.com/2013/11/22/node-js-at-paypal/
Anyone have any VPS recommendations?
>>51854865
http://lowendbox.com
I recommend buying one in your own country or in countries you expect to apply for jobs in, simply because it'll be faster and will look more impressive to people who don't realise it takes to get from your locale to China (ie HR).
>>51854865
Assuming you want an unmanaged VPS, you can get good ones for just $10/month or so (digitalocean, linode, ramnode, etc).
Anyone can help me with this?
>MongoDB is installed (last version)
>PHP still throws fatal error on MongoClient()
>>51855997
>mongodb
>PHP
>>51856083
What's wrong with either
>>51856096
Mongodb can not guarantee read and write consistency even on the most resilient settings. Too many things wrong with PHP. Google fractal of bad design.
>Develop beautiful backend
>Using https://www.vaultproject.io/ to store secrets
>Extensive tests
>Docker deployment pipeline automated
>Black comic sans on white
>Actually respecting front end devs
could some kind anon help me out with >>51855536 please?
>>51827969
> Using Buttstrap
>>51856796
That's the problem, it doesn't tell me what it is.
>>51856803
Is there something interesting in the server log?
>>51856815
Oh hey thanks forgot about that, seems like my PC is denying connection.
http://phpsadness.com/sad/1
Why did they go with a Hebrew-written error message rather than "T_DOUBLE_COLON"?
>>51857045
Probably because the variable name of that length was already taken.
>>51856592
problem? want me to waste time with fucking css? I've wasted enough time already...
Someone please halp,
http://luckylooke.github.io/dragular/#/docs/docsInstall
If you look at the last instruction on that page it says "AND put dragularModule into dependency array"
Now I have 2 questions:
1. What does it mean with that? Where do I put that?
2. Where do I write my js? In the js that I downloaded or make a seperate one?
inb4 404
For someone who's basically finished an "introduction to programming" course and has a good grasp of the fundamentals, what's the best path into WebDev?
There's so many frameworks and languages all vying to be the best to the point where it's a bit overwhelming to pick one to start with.
What should I start with if I'd like to go full stack (with preference to back-end)? And where's the best place to learn it? I prefer MOOC-style courses and sites, so if there's any sites like that for it, that'd be awesome.
... Try not to turn it into a language war though. It's confusing enough as it is.
>>51859568
Try out a few languages, and see what you like best.
Node.js/Express is popular, and it uses Javascript, so using both Javascript on the frontend and the backend is fairly cool. Although, you might get yelled at by people who hate on Javascript.
Python is not as popular, but pretty easy to get into. It has a few frameworks (Django/Flask are 2 I've used). A lot of people like Python because of how easy it is to use.
Ruby is a great language as well. Most popular Frameworks are stuff like Rails and Sinatra. You can make quick projects using Ruby, and its a fun language to use.
PHP is another language that people like to hate on. As long as you use a framework like Laravel, you should be alright, and there are plenty of PHP jobs out there, but they aren't always the best.
I would recommend just watching some videos and read the docs of the languages/frameworks, and see which one you click with. I love Node.js/Express, but a lot of people don't like Javascript. I don't mind it though.
Django or Laravel?
I'm pretty comfortable with both PHP and Python.
>>51859568
Don't worry about frameworks now. Focus on learning the languages first before diving into frameworks. It will help with learning the frameworks if you understand how the language beneath it works. For back end stuff it's usually advisable to go with a framework though. But even then focus on learning the language instead of just focusing on the framework.
As for languages you'll need html, css and js to do anything on the front end. For back end you can use pretty much any language. Python, js, php, java, ruby, c#, erlang or something completely different. Try them out and pick your poison.
what kind of chart is this and how can i create a UI for it? ive checked out the d3 library but theres nothing that looks like this.
halp
>>51860647
highcharts stacked bars
>>51860767
thank you based
>>51859842
Laravel has a more steep learning curve imo, but choose whatever you wish. Most posters in this thread will shit on PHP anyways, so formulate your own opinion.
>>51834272
@media only screen and (max-width:959px) {
//code
}
>>51860767
hey so im using the code here
http://www.highcharts.com/demo/bar-stacked
but when i put it into my app the bars dont load and i get a "cannot read property "defaultView". I'm including the scripts and everything. Do you know whats wrong?
>>51859568
>>51859785
Haskell has some nice web dev stuff too (Yesod, Scotty, Servant, etc.). Just to add some variety with a statically-typed language.
>>51834272
By far the ugliest font I've ever seen anyone use in a text editor.
>>51861666
Servant in particular is a meme library for defining web APIs at the type level
>>51861630
here it works fine on jsfiddle but i can't get it to work in my app
http://jsfiddle.net/2k2jwp5p/1/
I've seen frameworks in which you have the View object, and methods to add CSS and JS to that particular view. I assume this might save some bandwidth for really heavy sites since you only load the needed CSS and JS.
Someone I know is the maintainer of a poorly made site that used this method for everything: for example, there was a login.js file, so you had ViewObject.loadJS('login.js'); in every single controller. When I was asked to help maintain the site I found critical css and js files that weren't loaded in their respective controllers.
I don't know, I never thought of including css/js that way. At first I thought it was cool but in practice it just adds yet another layer of abstraction that you have to be aware of all the time.
Have any of you dealt with this? Opinions?
I don't really get when I should use rows in bootstrap.
Is it whenever I have a col?
>>51862120
I use MVC stuff all the time. All I can really say is, when its done well, its fine. But then there are times where someone will half ass their MVC files and it will be a mess to find where everything should be.
Its good for projects that you will need to scale up on, since its all modular. But it can be a pain if they just through shit everywhere without any documentation
How does this amd require.js stuff even work? Does it load all the files via ajax? Does it create script tags in the document?
I would use it because it looks like it's the way things should be done, but I don't want browsers to be unable to cache shit.
It also looks like it would increase page load times.
>>51862160
>Is it whenever I have a col?
yes
>>51862323
I see. Do I need to put a row whenever I have a full "row" of columns (12 length)? That would be pretty ridiculous, as the length of the row will change on different viewport sizes.
How do I measure a string length in js? preferably in pts but pixels works too, I would like to do it without creating placeholder spans/divs/canvases
>>51862508
>I would like to do it without creating placeholder spans/divs/canvases
Then you're out of luck.
>>51862508
>string length
what do you mean by string exactly
>>51862160
>>51862356
You use rows whenever you want a row. If you have cols you should have at least 1 row.
You can have as many cols in a row as you want to. If your cols go over 12 for that particular screen size all the cols that won't fit completely to the 12 will be wrapped to a next "row". And when you have something that should be in its own row you add a new bootstrap row.
So for example lets imagine you have tiles that are xs-12, s-6, xl-4. If you 6 of them in a single bootstrap row you'll get 6 full width tiles on top of each other xs, 3 rows of 50% wide tiles on s+ and 2 rows of 33% wide tiles on xl+. You can keep stacking as many cols as you want into a row. Though if your content isn't the same height it won't work perfectly out of the box and you'll be left with some random whitespaces iirc.
Separating the cols into a different bootstrap rows will make it so that they won't get to the same row even if there was cols available on the first row.
We use a condensed grid with bootstrap where everything you put into a single row will be neatly compressed to top if the content has variable height. That way you can have the most used/important content on top all the time. You could get the same effect with stacking your content inside the cols but then it'd be in different order on mobile. Then once content changes to something different I'd put it on a new row so they wouldn't get mixed with the first content.
Wrote this on a mobile so it's probably not the best guide to bootstrap.
>>51862508
>string lenght
What exactly are you trying to do? String length in characters or how many pixels wide it is on a screen or something totally different?
>>51862606
a text string
>>51862587
I was afraid so, but I mean, if those methods exist there must be a way to do it in pure js?
>>51862646
I'm drawing boxes on a pdf, and I want to know where to insert a newline character based on the width (length may have been a poor choice of words) of the string.
>>51862646
Thanks, I get it now.
I guess those rows only exist to eliminate the margin on the first and last element? Because in order to force a break, one might as well use a clearfix.
Which one should I learn?
I leaning towards React.
React/Node.js+Express/Mongo
>>51862877
AngularJS
YOU FUCKING DUMB GOY
>>51862710
It's mostly to eliminate margins but they also serve a purpose for keeping your code cleaner. Imo it makes the code easier to read if you force breaks with bootstrap rows instead of clearfixes.
>>51862877
Polymer when Ie <= 9 disappears.
Angular for now.
React DOES perform noticeably better, but only if you use the ridiculous FLUX pattern, which is a bitch to implement.
>>51862877
ember
>>51862877
dumb picture.
React is not an alternative to Angular, Backbone or Ember. Learn Angular or Backbone
>>51862993
Why does meme stuff like emberor backbone even exist? What do those do well?
>>51863037
Backbone is the best out there.
>>51863089
What does it do?
>>51863098
It does blowjob and anal.
What the fuck do you expect it to do? Google it.
>>51863228
And get what? Stackoverflow posts that say "Yeah, it's like, this framework thing, it may be good for you or it may not be good, I don't know, please make this the accepted answer."?
Google is no help when it comes to picking a framework.
>>51863263
Neither is /g/, people on here will always give biased opinions. Check YouTube, watch a few tutorials on the different frameworks. Before they begin they'll give you a general overview and as they progress you will get an idea of what you can do with them and how they work.
>>51863426
Yeah. I should probably do that.
I just never bothered checking out backbone because it doesn't seem to be backed by any major company and isn't that popular.
https://djangogirls.org
Why aren't you learning Python/Django, /wdg/?
>>51863453
Plenty of things use Backbone.
Just because it isn't the most popular, doesn't mean it isn't good/being used.
Besides, the most popular might not even be a good option for you
>>51863564
Because railsgirls > djangogirls
>tfw qt rails qf
Why does this demo
http://bevacqua.github.io/dragula/
Not have <html>, <head>, <body>-tags, etc?
Didn't even know this was possible.
>>51863839
but it does?
also browsers are very failsafe, you don't need to be 100% exact and have every element.
Laravel is so shit. Even their step by step tutorial on Laracasts isn't using the new version (5.x) for all their lessons. I'm fucking sick and tired of this shit, and their documentation is pretty fucking vague as well. Fuck that.
>>51863747
Why is there a djangogirls, a railsgirls but no phpgirls?
>>51863968
Because php a shit
>>51863946
1. It helps to know a bit of PHP and OOP to know why Laravel is helpful
2. Laracasts is unofficial, Jeffrey Way maintains it and he's really a dunce
3. Use https://github.com/chiraggude/awesome-laravel to help getting started
>>51856341
no one?
>>51863968
Is there a jsgirls too?
>>51863883
I downloaded the zip and the index.html has no such tags in the editor
>>51830348
>Wordpress themes
5 minutes.
>Drupal themes
A lifetime. Drupal is deprecated and should be thrown in the trash in my opinion.
>>51864082
Thanks, I'll check it out tomorrow. I'm too irritated to code right now.
I do know OOP & PHP, but had no idea Laracasts is unofficial. I should have guessed because the guy kept doing shit that doesn't really work and I'd spend an eternity searching how to fix it.
>>51856314
>that screenshot
What the actual fuck lmfao senpai
>>51827969
I made some changes, can anyone tell me how it looks now?
I hate my web dev job and want to give up. Are testing jobs easy to get/do?
>>51862877
Backbone and React
inb4 404
>>51845126
nodemon
>>51866592
Not him, but thank you anon
does 4chan have an api? I see all these 4clones and wonder how you're getting it
what the fuck is javascript even used for anymore???
>>51847110
Sounds like you need a promise
>>51867937
>tfw work exclusively in js
quit trolling
>>51862955
>React DOES perform noticeably better, but only if you use the ridiculous FLUX pattern
what the fuck has flux got to do with performance you mong
>>51834204
Should be simple enough that it won't need a guide or FAQ to make it easy to use.
Any ideas on how I could get my text to overlap the image like this?
>>51868878
Negative top margin on the text div
About to upload a new version of my framework, this one still generates 304s but without using a data structure, which speeds up the process by around 100µs. Writing a blog about how this works too.
Also, I'm designing a new loop to read the headers should be speedup by calling receive less often. It's tricky, because you only get partially data, ie you might get 2/3rds of the headers on the first call, then the rest of the headers and a bit of the message content and then the rest of the message content in your last call.
>>51859568
Backend you can virtually give or take however much you want, you could get the full experience and start on sockets, parsing your own headers, etc, you'll need to read the http standard and maybe Roy Fielding's thesis.
Or you can just hack it through with a framework.
Backend is actually easier than front end, there's enough frameworks around for that. Basically just pick your honest favourite language and find web frameworks in that.
>>51862120
Faced with that, you're really reminded that not all creative, innovative ideas are good ideas.
Load as few files as possible and try to generate as many 304 responses as possible. Its the honest fastest way. MVC or MV* is great, but the entire system itself is already MVC. This is why JavaScript MVC frameworks are very questionable.
MVC works best if you control the process from the user to the RAM, like a desktop application with a GUI. In web, the view is controlled by a browser, the data model is on the backend and the "C" or "VM," or whatever it is, is anywhere in between.
>>51863946
Maybe you just hate PHP? It's okay anon, most of us do.
>>51868275
He probably means he's noticed the least amount of repainting or flicker. In my opinion it's unnecessary. It's the web, no one expects it to not look like web.
>>51868878
Use alpha backgrounds for the text (hint full transparency might not appeal to you), z-index and I think you already have the positioning so stick with that.
>>51869039
>>51869210
Thanks senpai. Tried the first suggestion (negative margin top) and it worked. Now I just need to find a way to make the picture fit better.
I have been developing a lot in Rails these last 3 months.
I made a site to make polls
http://pollnote.com/
I made a website to exchange books
http://www.bookcaneer.com/
I made a site to write your own "Choose your own adventure" stories
https://adventurecave.herokuapp.com
Rails is truly enjoyable.
>>51869836
Roaches don't breathe you fuck
>>51827969
me again :P
you can also do this in the site:
http://nask.co/get/IX4oXUz8GH.webm http://nask.co/get/q3GvQT26uR.mp4
>there are people in this thread not using flex
>>51827781
Hi /wdg/!
How do I trim a URL with javascript to get the hashtagged id of a DOM object
Say trim document.URL (https://boards.4chan.org/g/thread/51827781/wdg-web-development-general#p51827969)
with window.location (https://boards.4chan.org/g/thread/51827781/wdg-web-development-general)
to get #p51827969
>>51871545
split the string by # then get the 2nd element of the array (then add the # again if you want)
>>51872588
that's retarded.// http://whatever.com/blah/blah.php?id=234#cumnigger
location.hash
=> "#cumnigger"
>>51869315
>negative margin top
Please don't do this.
So I want to make a site, like InstaSync but semi private and instead of loading shit from other sites it plays stuff that is on the server's local drive and the local drive is populated by magnet links from various torrents that I point it at.
And the point of my post is that I don't have a lot of time to work on it now that I'm no longer a NEET. So I want to get your opinions on how long you think this would take to make? Does something like this already exist that I can steal/appropriate? I have some experience with making sites but not much experience with anything to do with the backend which I assume there will be quite a bit of (fetching/encoding the torrents from multiple file types and serving them.)
Advice? Ideas?
Is bootstrap acceptable? I really like its carousel and of course its grid. If I used it on my portfolio in addition to hand-coded stuff, would potential employers be turned off?
Yo, I'm trying to transistion a margin change in CSS but it's not working, just snapping instantly. Other transitions, like opacity work fine in the same class.
.thingy {
margin-bottom: -10px;
}
.thingy:hover {
margin-bottom: 1px;
}
Anyone got any advice? Sry ima casual
>>51874296
Forgot, using
transistion: margin-bottom 0.5s;
in .thingy
>>51874296
>expecting web browsers to behave as desired
don't you know every standard is now bloated and inoperable as fuck?
>>51874317
>don't you know every standard is now bloated and inoperable as fuck?
n-no..
>>51874304
>transistion: margin-bottom 0.5s;
>transistion:
No shit it isn't working
Laravel is a meme framework. Discuss.
Anyone using Visual Studio Code?
Is using sockets still faster in C#? Lots of things aren't that slow anymore, like the activator, I don't know whether its worth the hassle working with sockets.
>>51876567
Using monodevelop, much the same to be quite honest.
Anyone had any experience with treehouse? Are their materials any good?
Thinking of trying the trial over the holidays.
[spoiler]anyone know where I can pirate their stuff?[/spoiler]
>>51876567
No
I found it pretty damn useless
>>51877013
rutracker
>>51877048
I am kinda a there too just can't decide , it feels that something is bad ..
What was it for you?
>>51876567
It's like atom, with less bloat, less features and no point.
>>51877073
The fact that it can't compile my projects
And its extremely basic syntax highlighting
>>51873901
dont use bootstrap. too many ready made themes, do your own thing and show off your own bootstrap theme.
>>51877080
>>51877094
I think I have a big problem against editors written in html/css/js . So much slow and buggy. Why do they even write editors in those meme languages. Even Sublime is written in C and Python and it absolutely rapes any meme javascript editor.
anyone have any general advice on how to handle caching?
I'm going to be making API calls to an external api and wondering what is best practise for caching these calls.
[spoiler]with php[/spoiler]
>>51877322
>anyone have any general advice on how to handle caching?
Well actually..
>[spoiler]with php[/spoiler]
No.
What's the point? Just generate 200s, its not like caching is going to make PHP significantly faster.
>>51877351
its about reducing calls because of rates and limits, not speed. btw php7 is looking very fast, you should check it out.
>>51877136
And yet sublime is a buggy piece of shit that hogs resources. I don't even want to know how bad memeeditors are if you consider sublime good.
<?php
include('./conectar.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>Editar/Eliminar Usuarios</title>
</head>
<body>
<?php
$result= mysql_query("SELECT * FROM usuarios");
echo '<table>';
while($row = mysql_fetch_array($result)){
echo "<td><td>" . $row['name'] . " <a href= 'index.php?seccion=admin&eliminar'>x</a>" . "</td></tr>";
}
echo '</table>';
?>
</body>
</html>
Well, how do I add seccion=usuarios&eliminar=1 so I can delete database entries by ID from the webpage?
>>51877415
Not compared to java or C#.
Anyone else using the React / React-Router / Redux combo?
>>51877549
can't argue with that. I should probably get into c# desu. The jobs seems pretty steady and aren't saturated with hipsters
>>51877596
Just getting into react
Redux doesn't seem like it has good documentation, so were looking for a different state handler.. Might just make something on the fly with flux arch in mind so we don't get tied down to some framework.
>>51877447
They are really bad . What can you do when there is not simple to use and fast editors in today's world. I say that Sublime is closest to be most practical and fast. Dont even say vim or emacs , those are fucking far from simple/easy to use . And I am not talking about IDEs either. I never tried Notepad++ because its for windows only.
Atom,Brackets,VS Code are all meme html/js editors and they are slow and buggy as fuck. Far less than Sublime will ever be.
/wdg/ made me realize /g/ really can't code
>>51877740
>code
and you made me realize that you are /a/ imbecile
>>51877760
I'm a senior full stack developer for a media outlet
>>51877740
this thread is 95% people who did a course of codeacademy and think they know stuff now. Mostly they argue over being autistic about something stupid like a single line of css.
>>51877769
you are only making it worse
>>51877508
pls respond
Anyone know any good free dynamic DNS services that can be updated with a curl/wget script?
>>51877796
just stop using whatever tutorial you're using. It's shit.
>>51877796
learn SQL, it's not even difficult. also, learn about SQL injections.
>>51835012
JavaScript and JQuery: Interactive Front-End Web Development. JavaScript
Author: Jon Duckett
http://file.allitebooks.com/20150626/JavaScript%20and%20JQuery%20Interactive%20Front-End%20Web%20Development.pdf
There are better copies floating around. If you enjoy, buy the book. It's a good reference.
>>51877718
Well vim and emacs are really hard to get into and aren't simple. But once you learn the basics from either one they're rather easy to use. And have pretty much unlimited extensibility. Besides if it is the primary tool for your job it doesn't have to be simple. Taking a week or two to learn a tool that can do anything you'll ever need from a text editor, and much more, isn't that much.
I went from sublime to vim because of all the problems it had. Took me about a week to be on the same level of productivity with vim as I had with sublime. Now I wouldn't switch back to sublime. As an added bonus of using vim is that dealing with configuring environments is much easier since at least vi is on practically any *nix by default.
>>51877817
>>51877820
I'm doing all by myself with a few advices from a friend
>>51877920
http://www.phptherightway.com/#databases
look here then
>>51877939
I'll give a look into that, thanks.
Can I share my 'project'later for you to see? It's nothing special, I just want to know if I'm heading in the right way.
>>51877970
sure (put it on gist). but try to use pdo instead of mysql_* functions... this will help you update stuff http://wiki.hashphp.org/PDO_Tutorial_for_MySQL_Developers
>>51878032
It's like 7-8 files, is gist the best way to share? I have all it uploaded in github, and I'll update it when I finish this task I'm working on. I'll try to update to PDO, thanks for the advice.
Also, don't expect sometime out of the ordinary, I've started doing this like 3 days ago without prior knowledge. My friend is just giving me little objectives for me to complete.
>>51877909
I find it that having modes for writing and editing text is impractical. It just adds more complexity and reduces the productivity by switching from modes back and forth.
>>51878218
Emacs doesn't have modes, right?
I'll admit that it feels kinda weird at first but once you get used to it it's great. Tbh I find that it allows for more productivity once you learn to use the modes to your advantage.
>>51878277
But honestly , I never understood the advantage of modes. I thought its just there for historical reason. Or its made because people thought you can fuck up the code accidentaly while browsing through it so they made a mode to enter if u want to change something.
>>51878277
emacs has evil which gives you vim modes and bindings and it actually works better than vim itself
>>51878375
>using emacs that emulates vim
what? why?
>>51878381
for the purpose of using emacs instead of vim
>>51833107
probably vapourwave or indie pop
>>51830348
I had 2 years of PHP Js HTML CSS experience and i just started to make themes for a company in WP. Took me 2 weeks to learn it. 2 freaking sweaty weeks but anyway. You'll learn basics in few hours but different useability tricks etc take bit more time. The amount of shit you have to do just to make admin UI useavle/usefull is unbelievable. Oh and forget Drupal
I don't know , I kind a like to browse the code with mouse while picking nose with other hand while I think about next step.
I mean you spend more time thinking than writing the code anyway. Sublime is excellent for this with its superb sidebar ( i wish it has option to be on the right side but oh well u cant have it all).
>>51878375
>using emacs to emulate vim
No, that's just wrong. If you want vim then use vim. If you want emacs then use emacs. Both have their own pros and cons.
>>51878396
That makes no sense whatsoever.
>>51878032
https://github.com/frandarre/sandbox
Here's what I got so far.
No bully pls
>>51872743
why the fuck not
>>51878432
or you could use emacs with evil and get the pros of both emacs and vim without the drawbacks of vim
>>51878453
It's bad
>>51878329
It is objectively more productive
>>51878641
Yeah , I still don't see why.
I almost agree with>>51878427
>>51878658
Because most of the time you're not going to be writing. And when you're not in writing mode you can use all your keys for commands and don't have to move your hands from the home row to navigate.
>>51877508
How the fuck are you even running mysql queries without getting warnings that it's deprecated? Or is it that you just don't care?
You should at least be using mysqli, your best option is to learn how to do it with PDO.
Anyone write Wordpress themes to sell? If so, please give me free advice on how to compete with you:
* Which niche should I target? (Gallery, fashion, travel, entertainment, whatever)
* Where should I sell them? I'm not a marketing expert so I assume I need some revenue-share redistributor
* How much could I expect to make per theme each month?
* Should I offer a bundle deal (price inclusive of installation assistance and N hours of customisations)?
>>51879818
I'm not getting any warnings. I'll update to PDO when I finish the whole project. Since I'm a bit new I don't want to get confused if I'm coding and updating the code at the same time.
I ended up with<?php
include('./conectar.php');
?>
<!DOCTYPE html>
<html>
<head>
<title>Edit/Delete users</title>
</head>
<body>
<?php
if (isset($_GET["delete"])) {
$sql = mysql_query("DELETE FROM usuarios WHERE id= '$_GET[delete]'");
if (!mysql_query($sql,$con)){
}
}
$result= mysql_query("SELECT * FROM usuarios");
echo '<table>';
while($row = mysql_fetch_array($result)){
echo '<tr><td>' . $row["name"] . ' <a href="index.php?seccion=users&delete=' . $row["id"] . '">x</a></td></tr>';
}
echo '</table>';
?>
</body>
</html>
and it works fine
>>51880383
working on 'edit' now
If I want to make a Basket and a checkout for a site what kind of tools can I use?
>>51880383
It'll work, it just isn't recommended.$sql = mysql_query("DELETE FROM usuarios WHERE id= '$_GET[delete]'");
I know you're a beginner so you probably won't be too worried about security at this point, but that presents a direct security risk because you're taking data directly from the link and using it to query the database. You should sanitize it first. I assume you're only taking numeric values from the GET variable? At least run it through the intval() function so it only takes the numeric value and ignores everything else.
What are the best open-source web development tools for Linux? I'm interested in learning HTML5, CSS3 and PHP. I suppose Dreamweaver is the go-to if I'm on Windows? Still, I think I can get a better work flow on Linux.
