Introducing challenges edition.
OLD THREAD >>53795493
> Discord
https://discord.gg/0qLTzz5potDFXfdT
>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/
http://www.freecodecamp.com/
http://www.codewars.com/
>Crockford on Javascript
https://www.youtube.com/playlist?list=PL7664379246A246CB
>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.
https://developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.
http://www.programmableweb.com/ - List of public APIs
>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
> How to get started
http://www.youtube.com/watch?v=pB0WvcxTbCA [Open]
Good videos on the channel too
https://www.youtube.com/channel/UCVTlvUkGslCV_h-nSAId8Sw
>cheap vps hosting in most western locations
https://lowendbox.com
https://www.digitalocean.com/
https://www.linode.com/
https://www.heroku.com/
https://www.leaseweb.com
>Challenge
http://pastebin.com/xshVcWjb
godaddy is the best
Yay websites.
Any good resources for learning to develop for Wordpress?
Friendly reminder PHP is poo in loo tier shit.
Reposting:
Having trouble with laravel on windows.
I seemingly can start my VM no bother but I cant open anyhting hosted by it.
laravel.app gives me a timeout
ping laravel.app gives me 127.0.53.53
http://192.168.10.10/ gives me nginx 403
Also my hosts file is fine
what do?
>>53830390
I'm using lumen and let it run through phps integrated server.
Why all this bullshit with homestead?
>>53830390
>windows
>php
lel
![database-access-data[1].jpg](https://i.imgur.com/7XrFlNo.jpg "database-access-data[1].jpg")
>web 'development'
lol, 'look, mom! I am a developer too!'
>>53830822
Yes.
Now you charge 700$.
>>53830822
>Run the install
Sounds so grammatically incorrect yo.
Anyone with experience in Flask-Uploads? I'm getting an error trying to import UploadSet, IMAGES from flask.ext.uploads.
Says no module exists.
>>53830999
It's meant to appeal to retards and foreigners, what do you expect?
>>53830862
its a fair price. You still need to create the articles, change the design and layout and deal with the hositng company.
so what's the current state of JS in april 2016?
my guess:
>back end:
still node.js with express, koa and feathers are starting to generate some traction but are still far behind
>front end:
all about react + redux, relay is pretty much silent
is that about right?
>>53831112
And don't forget all the transpilers with the ECMASCRIPT standard of the month. On both ends.
>>53831010
Show me the code, anon
>>53832120
i think everyone just use babel at this point with various plugins.
also eslint for dat dere airbnb standard
>>53832229
>>53832120
TypeScript here. I used to hate it, but it got a lot more usable ever since ES6 module support.
>>53830591
Can I just host my shit on XAMPP?
>>53832497
does it work smoothly with ES6? i mean it has classes and all
>>53832829
It is designed as a superset of ES6/7 and compiles to ES3/5/6. The type checking is pretty smooth, aside from sometimes telling it that you know a global variable exists or adding some simple extensions to outdated API definitions. I also love that is supports async/await, but only, if compiled to ES6 (for now).
>>53831112
>The JavaScript train isn't stopping
I want to get off the ride.
>>53831112
React/Redux or Ember for frontend. Backend can be literally anything. Rails is still going strong, Node is OK. Go is hipster.
>>53833469
Only if you never build anything that should utilise more than one thread or large enough to require static type checking.
>>53833951
>what is microservices
i don't miss threads one bit, split your app into small services and spawn many instances if you need to. the worst bugs i've ever had were thanks to threads
>what is Flow
never used it but it seems popular nowdays
>>53834089
also obviously node.js handles threads under the hood for you outside of JS, for async stuff like reading from disk, sending to sockets, etc. with async/await coming soon node will really be GOAT for server side
just made my first website layout, yay me.
>>53834089
>I hate threads
>let's split everything into processes
>>53834213
threads are an enterprise meme
>>53834238
Microservices is a buzzword excuse for not having proper or any threading at all.
>>53834273
it's like you don't even want your app to be Scalable™
>>53834196
> first
> anotherone.html
Dont lie to me.
>>53834313
djkhalid man
>>53834293
Last time I checked spam != scaling. Oh wait, it might be. There, spam !== scaling.
how can I make a div within another div not apply the parent div functions when clicked? I tried stop(); but isn't working
>>53834593
Your divs should not be placed like that.
>>53834593
Add an event listener to the parent div and filter by Event.target.
>>53834331
lol thats honestly the reason
>>53834593
brb using my imagination since no fiddle
>>53834593
event.stopPropagation() sounds like what you need, but probably it's better to refactor out the nested click handlers
>>53833951
>large enough to require static type checking.
Lmfao man just lmfao.
guys help please, I have a chart in js and want a background image but without making a second canvas behind it. The image keeps getting refreshed with the chart when you change the data how to fix? here is fiddle http://jsfiddle.net/2btvx79z/
Which OSS is /wdg/ contributing to?
>>53835938
Yes.
>>53835984
https://github.com/bostrt/yes.js ?
>>53835938
Im too retarded to do that. Plus all of my computers off'd themselves so I couldnt anyways.
>>53835938
meguca. A realtime imageboard in Go and TypeScript. A friend is writing various file thumbnailing and verification packages for uploads. I'll likely release the upload handler as a separate library for an easy way to verify, thumbnail and store JPEG/PNG/GIF/PDF/WEB/MP3/MP4/OGG/SVG file uploads. Most of the other code is probably not portable enough to convert to libraries. Maybe the websocket handler, with some refactoring.
>>53836085
Are you that insufferable?
anyone got this by chance?
https://www.udemy.com/the-complete-web-developer-course-2/
i know udemy is hit and miss on some stuff. but i want it for my collection. also im kinda interested in the php stuff. courses by rob percival have a huge following and seem to go really indepth unlike other udemy stuff which seem like cashgrabs.
i have no luck finding any torrents or ddl links.
>>53836207
I have a lot of projects.
>>53836328
That doesn't explain why your computer hates you.
>>53832698
Why don't you just use Visual Studio?
>Fully compatible with Windows
>Contains all you need for PHP development
>Requires almost no configuration
>>53836468
PSU died in one, GPU on the other.
Best April fools prank ever. Thanks computer.
Anyone doing the challenge?
I have a cool idea for it.
Hello, I am a new web dev.
What's a good IDE for Javascript/web dev that gives me neat things to work with like code refactoring/code completion and such?
Also if I want to work with node is there a better IDE for backend stuff?
I've been using Sublime for now, and if that's one of the best possible things, what are some good plugins?
>>53838618
>node js
>sublime
>>53838639
What to use?
>>53838642
use vim and get really good at using it
vimgolf.com will help you. You don't need a fancy IDE if you are new, and if you get good at VIM it will help you forever.
>>53838662
Fuck off I thought you had a productive example
I use VIM for a lot of things but for managing a lot of files Sublime is really nice
>>53838690
Sorry I didn't know how new you were.
Good IDEs are Atom for managing files and Netbeans if you really want a powerful IDE. But Netbeans is not lightweight at all
>>53838642
I use PyCharm, got the professional edition free because of uni, but sadly that's going to expire in a few months. It's working pretty great for a Django project I've been working on.
For solely JavaScript stuff, I suppose there's WebStorm, I've never used it but I think it's just PhpStorm/PyCharm without the PHP/Python stuff.
>>53838730
I've been trying Atom a bit but I can't really tell what I like about it over Sublime.
how do you actualy get a wev dev job? ive done a lot of websites in html/css/ and some javascript but cant land a job. Every job listing i see you have to know tons of shit and all these frameworks.
>>53838792
Knowing how to spell web is a start :^)
So my sister asked me to code up an e-commerce website for her. She would basically give me a .PSD and I would do the rest. She's been using Etsy up until now and wants her own site. I know some Java and C++. As far as web stuff, I know HTML and the basics of CSS and no Javascript/Python/Ruby/PHP. Where should I start?
>>53839063
why need one from scratch? it'd be probably easier to take an existing one and modify it to your needs.
>>53838618
Anything by JetBrains bro, WebStorm as the bare minimum.
Okay let me get straight to the point - in CSS, how do I make it to where a link changes color when I hover over it with a mouse?
Also how do I make header buttons position horizontally?
Sorry I'm just not sure how to word the questions to google it.
>>53840075
Without going into too much detail, there are basically two types of elements, block and inline (there's also a hybrid, inline-block, but let's just leave it for now).
For block level elements (div, p, section, article, header, footer, etc.) you can just add a "margin: 0 auto" (remove vertical margin, and determine horizontal margins automatically) property to center them.
For inline elements (span, a, i, input, textarea, button, label, etc.) though, you can add their parents a text-align: center property.
Also, there's the pseudo-selector :hover for elements in hover state. Basically, if you have buttons with class "foo", you can add the following rule to recolor their backgrounds when hovered.foo:hover {
background-color: red;
}
>>53840189
That helps, thanks.
>>53838618
NetBeans
>tfw trying to make a material design 4chan for shits and giggles
Yes I know 4Chan had an april fools stylesheet, I'm trying to make this one from scratch. Harder than you think and a great CSS exercise.
>>53838792
Learn more Javascript and learn some frameworks then.
>>53841289
how about you kill yourself instead?
>>53838618
Brackets
Atom
VIM
Emacs
Thoughts on pic related vs Rails?
>>53842255
I should make my own framework desu, since every Tom, Dick, and Harry is making their own these days.
>>53842255
haven't worked with it, but with rails and sinatra.
rails for my taste is just too heavy, too much behind the scenes shit going on that you gradually come to terms with believing that you could look into it if you wanted to, which you never do.
sinatra on the other hand is pure relief... the first time you're using it, it's the "this is what i wanted all along"-feeling and it's just beautiful. then as you go on, you start wishing sinatra came with a handful more sane defaults and just a tiny bit of boilerplate and stuff that makes the django guys develop faster, without hiding the pure goodness underneath.
from what i've read about padrino, it seems to fill that void. i would definitely suggest trying it out if you get a chance.
hey /wdg/, You guys don't actually believe that installing wordpress makes you a developer, right? You can't be that delusional, or is this some elaborate prank that I didn't get?
>>53842856
hey /dpt/, your attempts at humor are just as lame now as they were the first 1000 times you tried, at least come up with something unique.
>>53842856
What defines a developer, senpai?
>>53842963
>>53842974
stop taking the bait, guys.
hide the post and move on.
>>53843026
Why? Not like there is much discussion to derail right now.
so I had some <fieldset> inside some divs that were overlapping the hover events. Fixed its dimensions from css and works fine in Chrome but it has no effect at all in firefox! Is this a bug or something?
>>53842400
For JavaScript MVC. Ruby frameworks are a lot more scarce (but higher quality).
>>53843306
post a jsfiddle/codepen example.
what OS does ppl of /wdg/ use?
what do you guys think about pyramid?
>>53843447
OSX :^)
>>53843447
windows
>>53843448
Never heard of it.
>>53843447
gnu/windows soon
>>53843447
Lebuntu
>>53843467
http://docs.pylonsproject.org/projects/pyramid/en/latest/quick_tutorial/index.html
>>53843486
I've messed with python for some little programming projects, but I've never used it for webdev. I should try. Though I'll probably stick to Django or Flask rather than using this one I've never heard of.
>>53843629
This.
I know that Pyramid exists. But why should I even try it if Django Unchained and Flask are right there?
>>53829551
Friendly reminder you'll never have a job where you get paid money to write code.
How's your optimized erlang fizbuzz going?
>>53843656
Splendidly. 27k loc already.
>>53843698
>27k lines of erlang
>when you can write an os in 25
>this fucking board
>>53843712
Is that os webscale?
>I will force javascript into everything
why web development is so shit
>>53843806
Web assembly soon.
Is there a general consensus on scalajs? Is it the next fad of the month? I've been hearing more people talk about it lately.
>>53843806
>thinking that JS is a bad language.
>>53843869
Their own site suggests they are inferior to TypeScript. Fad of the month, definitely.
>>53836257
>teaches HTML/CSS
>200 dollars
I mean if you want it for your collection that's justification enough but if you can't money and stuff you can get all this free. If you need the hand holding then that would justify it but I mean I still have yet to find any better hand holding that codecademy for it's price (20/month). I'm assuming that's why it's in the op. But you want it for your collection like you say so hey go for it :)
>>53843869
>https://www.scala-js.org/
>requiring Java JDK to write Javascript
mfw Java babies refusing to learn.
>Strong typing guarantees your code is free of silly mistakes
mfw people keep falling for the strong typing meme
>website states that Javascript ES5 doesn't have classes with inheritance, but ES6 does
mfw they don't even know that the ES6 class keyword is just syntactical sugar on top of the prototypal inheritance model that Javascript has always had.
>>53843999
Strong typing enables compile-time checks, which is very useful for finding bugs without running any of the code in your browser.
>>53843806
People don't understand when and when not to use javascript.
There's a few cases where it's better to defer to client-side rendering and using an API for data, e.g. some kind of dashboard, users have a list of editable objects in a table and it's a massive list, if you're expecting users to make multiple post/put/patch/delete requests during a session, it'll benefit the user and the server (less strain) if edits can be made inline with AJAX almost instantly.
Doing the same thing rendering the HTML for a giant table using your backend, then rerendering the page whenever a request is made is a pretty shitty experience.
Some places did it responsibly, like Gmail which has its standard JS view yet still offers the basic HTML view for standard forms. Then a bunch of fucking idiots just randomly decided that they needed JS to render everything on their site. A single blog post which would take 1ms to render server-side? Nah, Angular. Some informational site about a restaurant which only has 5 static pages? Nah, full Ember + Backbone SPA 300+kb js stack. Fuck web dev
Rate my code, /g/
>>53843999
>>53844179
Fuck me, I read that as static typing. Sorry.
>>53844584
>no doctype
>no head/body
>no language or encoding declaration
>no title
>no viewport, page won't be responsive
0/10 would not validate
>>53844411
Having used server side rendering for 5 years at work frameworks like ember make developing applications a lot easier, especially if you need dynamic forms.
Having to post back every time sucks and having to fuck around with form names so your backend accepts/recognizes dynamically created elements isn't that fun either.
This might be heavily dependent on frameworks used, but I gladly use a simple API and a client site JS framework instead of server side rendering anytime. I can even use that API for other clients on other platforms without having to explicitly write one if I'd have been using server side rendering only.
Does anyone know how filepaths work? Newbie here.
I'm working on a spring mvc project. I have a property placeholder that gets the "jdbc.properties" file from "WEB-INF" folder. There's a file not found exception because I put "classpath:jdbc.properties" on the path.
How do I navigate backwards from the current path?
What the fuck is a classpath? Where does that start?
>Elipse vs Netbeans
>>53844800
Atom or vim.
>>53844697
Sorry, I'm a newbie :)
>>53844895
>>53844697 still applies.
>>53827653
I work at GoDaddy. Fight me.
>>53845453
I am sorry about that.
>>53845538
Well its a job.
Anyone know if making apps in javascript is practical or should I learn swift?
>>53830822
Go convert Celsius to Fahrenheit you cuck
>>53845747
If you want to make an ios native app, you'd use swift. If you're trying to use something like Ionic / Phonegap to make a hybrid app for ios and Android, you'd use JS. Hybrid apps are cross-platform, but don't tend to perform as well sometimes. Really just depends on what you're trying to do.
>>53845860
A picture app.
It takes pictures, or loads from the local gallery.
Uploads picture
Displays pictures
I definitely need cross-platform.
What do you think?
>>53844724
no one?
>>53838730
>atom
>good
Enjoy your browser turned into text editor with huge input lag. Atleast Sublime isn't written with javascript.
>>53846065
Nope.
>>53846065
I'm not really a java guy but to get the parent directory, you generally use ../
>>53846003
It's entirely up to you, anon. All that stuff is generally supported by Cordova and the like so you should be able to make a hybrid app do it.
>>53846003
Oh man, I need to do the exact same thing for an event coming up. It's a stupid simple app that allows anyone to upload photos and view all photos uploaded by others.
I originally used React native, which imo is really great, but I require a Macbook or some bullshit OSX device to publish it on iOS. In the end I'll probably go with React + Cordova and publish it on Android and host a Web version
Can someone tell me how to do this?
I want to host a wordpress on server A at mydomain.com, and a separately hosted web application on server B at myfomain.com/login.
How would I do this?
>>53846133
Isn't sublime written in Python?
Javascript definitely has better jit than python.
>>53846282
Yeah, that's pretty much the same thing I'm doing.
I hope you post progress because the file handling, Cordova camera control and server-side js stuff is all new to me and I wouldn't mind seeing code from someone who knows what they're doing.
>>53846354
create a directory, name it login, put your web stuff there
>>53846354
transparent proxy for the /login path
Work internet did something to stop me from being able to apt-get update.
Not cool.
>>53846376
From my experience Cordova is pretty easy to work with, even for someone who just started, its only problem is performance consistency across devices really.
As for backend, I'd suggest using Flask if you know python.
I'll create a repo on gitlab, wait up.
>>53846487
Not that guy you responded to, but I'm interested in this too senpai.
>>53846362
>Sublime Text 2 is written in C++, with some Objective C for Cocoa integration, and Python for plugins
>>53844724
Classpath is a list of all the things that should be included in compilation, i.e. your dependencies, standard Java libraries, etc. It's configured in the Eclipse project properties (I think in Windows > Preferences you can find it on one of the pages there)
>>53827538
How do I center a flexbox?
i'm about to make a bloated admin panel mainly for ecommerce in symfony + angular + a bloated premium template
how should I name it?
>>53830390
Too little information to go off of. Should provide your homstead.yaml. Is there anything in your code folder for nginx to pull up?
Is ASP.NET still the best for backend?
>>53846487
anytime now
How do I hide my mysql-interacting javascript?
Should I just send info to a PHP page to interact with mysql?
>>53848830
Yes
>>53849114
If you're doing it through front end JS, then start by slitting your wrists.
>>53849114
>mysql-interacting javascript?
what the fuck is wrong with today's kids
>>53849114
Wait.... you can connect directly to sql in JS? That is such a terrible terrible terrible idea.
Do it through an ajax call to php or whatever.
>>53849225
Then how does node work if anyone can open your config files and get your database information?
wdg
>>53849247
don't use node?
>>53849114
>mysql-interacting javascript
>>53849283
Everyone shits on PHP so how else are they interacting with a database?
I understand how it works, but anyone should be able to brute your configs and get your db info, then inject their own queries. Sounds like shit. That's why I'm asking.
>>53849247
what would stop anyone from just looking in the database directly?
no one cares how you query it if they have access to the database already.
>>53849114
node.
directly connecting through javascript is fucking retared.
set up a restapi on an express server and let the express server connect to mysql and let your frontend js connect to the restapi.
dont do it in the client thats really retarded even if you use module loaders so your js isnt visible in the brower.
never go full retard and do clientside mysql connections.
>>53849335
SSH and strict permissions.
Doesn't stop injections from the www group though.
>>53849327
php, node or ruby.
>>53849327
>>53849377
are you trying to run this on the client side?
>>53849391
Cool. I wanted to try something new, but I'll just do it through PHP/AJAX
>>53849395
Of course not. You can read everything that a js file connects to, so with minimal effort you could find the database info hidden somewhere on the server in plain-text.
That's why I was asking how it was done because that's stupid.
>>53849004
Relax, anon. You should consider yourself lucky they're helping you at all.
>>53849454
if someone has access to your sql connection strings/config files, then they already have access to the database anyway.
you can't hide this.
>>53849454
if you want to do mysql in javascript do it in node.
php, python or ruby are also options.
dont do mysql connection in the browser thats fucking stupid and asking for trouble.
node is literally just javascript on the server. and many cases its even faster than python or ruby which is really surprising.
try using express like >>53849375
mentioned.
Is it a good idea to use html-scrape like technologies to replace a missing API for a website?
I want to write a program that lets me do stuff without interacting with the website. So the application would need to login to the site, keep the session open and then 'forward' the input I give to the program into adequate post requests.
Ok idea or pants on head retarded right from the start?
>>53849484
I could give you access to my database right now and you couldn't touch it.
You would have to hack through everything and get root just to see table data.
>>53849539
a database server shouln't listen on anything but localhost anyway, not sure where you are going with that.
>>53849505
Craigslist autoposter?
Use VB .NET through vpn, edit data through getelement. That kind of thing is like an hour worth of Googling.
>>53849505
If you want to automate website interactions, go Selenium
>>53849741
Is there a headless option for selenium? I obviously don't want to have a browser GUI popup in the background.
>>53849830
if you need JS use selenium/PhantomJS, if not then scrape with some library depending on ur backend lang
>>53838792
learn stuff. you dont even need to know everything.
the bare minimum for frontend webdev is html css and javascript.
learn the ins and outs of css and how to manipulate the dom with javascript.
pick a framework and learn it. angular alone will net you a job if its frontend only.
learn php and python or node. ruby is also an option but the 3 big ones are the bare minimum. the rest you learn eventually anyways due to need.
and learn programming. im not joking javascript nowadays is really really powerful and can get rather complex.
learn the in and outs of javascript. scopes, callback functions and this.
this still gives many developers problems cause context can be inconsistent.
to get a job make 1-3 projects, a resposnive website to demonstrate you can work with "mobile first". a single page application/website using angular or react and something that does complex stuff. maybe take raw bitmap data and convert it to other image formates or something that manipulates the canvas.
making a game with stuff like phaser.js is also viable.
host that shit on git and include the repo on your resume.
it will guranteed land you atleast a frontend job. everything else after that is experience and its not like you will stop learning once you start working.
the learning will just begin then really.
>>53850251
Selenium has bindings for a few languages.
which does /wdg/ think is best?
http://strawpoll.me/7273184
>be me
>making download page
>my only partner jumped ship ages ago
>need to style a select
>hate hacks and prefixes
>fuckfuck.jpg
>download firefox v45.0.1 source code
>go metal and start working on my own fork
>make the first build
>pretty basic
>web components enabled
>archive build
>start reading the mozilla wiki
>whatisthis.jpg
>go metal in a hipster way
>put on caravan palace
>tried to create a -moz-appearance shorthand as appearance
>fuckyeah.jpg
>already implementating css4.1 ui
>run mach build
>ohfuck.jpg
>not working
>yandex mail not loading
>finally get into my mail
>reset stackoverflow password
>ask question
>already 3am
>watch anime for an hour
>obsesivly check stack overflow
>>53851196
>need to style a select
>so i go and fork firefox
>>53851238
I started my own os cause I couldn't find a good distro
>>53851196
How do you go from making a download page to forking mozilla?
I can see why your partner left. You have ADD progress where you progress .0002% in 5000 different things. I know because I do it too.
>>53851064
>no hilary
3dpd
>>53851266
I have a saying:
IF ITS NOT GOOD HTML MAKE HTML GOOD
>basicly i'm psyhco
also my partner never did anything fuck him
>>53851277
>wanting hilary
>>53830390
>Boku dake ga inai machi
Drop this shit.
>>53851263
i mean it's not necessarily wrong (though it is a bit), but people would have to download that new web browser in order to access the site as it was meant to be seen
i know i wouldn't want anything to do with that service
>>53851356
yes but it is part of the css ui 4.1 draft so I'm just implementing it early
>>53850702
i meant that if he needs to scrape websites that need js to work then phantomjs would be a good option as it runs js whilst most scraper libs don't support js
>>53834196
honestly would like twice as good if you had decent colors. four shades of brown isn't working.
>>53848663
Justify content: Center;
Allign content: Center;
There's a big document on flex box properties.
>>53836257
subscribe to UDemy's email list and add that to your "wish list" or whatever, and I guarantee you will get an email about it going on sale for <=$20 in the next month. never pay full price for that site. they have huge sales every other week.
Guys I have a problem all my websites have that 2000's old look to it. How do I style and build modern looking websites that look like recent ones?
>>53849327
look up the different stack configs you can opt for:
https://en.wikipedia.org/wiki/Solution_stack
MEAN and ReMEN are the new meme hipster choices (no judgement)
but Mongo is stupid so don't use that.
>>53851600
just look at modern websites and replicate them?
>>53851600
https://www.google.com/design/spec/material-design/introduction.html
>>53851600
make everything huge, basically. take a look at this: https://www.google.com/design/spec/style/color.html
on a 1080p monitor, you're reading 2 paragraphs plus a couple sentences at most
that's the trend
>getting a degree in a web development in college
>going thru code academy and learning most of the things regarding WD by myself
>reading these threads for months
>there is no tech company in where i live (countryside of brazil)
>companies and people dont give much attention to web anyway
So... Should I try to take over this market in the nearby cities? I cant move to a big city because of the college and I really need to make some cash. I'm working on my portfolio but i'm kind of worried.
>>53851667
what languages do you know? come live with me (buenos aires) as a webdev slave
>>53851667
You should probably apply to come to the US.
Bring your family as I'm sure they are more than willing to move out of the world's murder capitol.
>>53851713
Well. Php, javascript, sql, learning ruby on rails now. The basics. I'm working on my skills right now.
Still, a voice in my brain keeps saying that I'm fucked because it doesnt matter how good I get, I wont be able to make a dime around here.
>>53851621
>>53851639
>>53851644
None of this is helpful. Are there are tutorials on the best CSS designs for modern looking websites?
>>53851733
You're probably baiting me but I'm seriously considering moving to Canada or the US by myself. I'm a natural english speaker for reasons beyond me, I'm doing TOEFL next month and try for an exchange program.
If it wasnt for money, I'd sure try to apply in the US. Much better working conditions in this field, and a good paycheck at the end of the month. I'm afraid there is no other easier way to legally immigrate.
>>53851738
No. Go practice.
>>53851736
If nothing else you could do freelance remotely. As long as your skills are better than poo-in-loo-tier and you can speak english decently, a lot of businesses in the states will probably hire you.
>>53851848
Tutorial please
>>53851738
How do people like you come to a thread on 4chan and ask a question like this when you can just google that same question and get actual results?
http://lmgtfy.com/?q=Are+there+are+tutorials+on+the+best+CSS+designs+for+modern+looking+websites%3F
I don't understand how you can need to be spoonfed this much.
>>53851738
Here, I present to you the "modern design framework"<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
<style>
body { font-family: sans; text-align: center; }
* { margin: 0; padding: 0; }
.cleaner { clear: both; }
</style>
</head>
<body>
<div style="height: 55px; background: #ccc" class="nav">
nav
</div>
<div style="height: 350px; background: #fafafa" class="nav">
who we are
</div>
<div style="height: 350px; background: #f1f1f1" class="nav">
why we are great 1
</div>
<div style="height: 350px; background: #fafafa" class="nav">
why we are great 2
</div>
<div style="height: 350px; background: #ccc; width: 50%; float: left;" class="nav">
comparison 1
</div>
<div style="height: 350px; background: #ccc; width: 50%; float: left;" class="nav">
comparison 2
</div>
<div class="cleaner"></div>
<div style="height: 450px; background: #1e1e1e; color: white;" class="nav">
needlessly huge footer
</div>
</body>
</html>
how the fuck do i configure webstorm to work with eslint?
i get it to highlight eslint errors, but it still reports the default errors that conflict with eslint!
>eslint: missing trailing comma
>add comma
>webstorm: unneeded trailing comma
wtf
>>53851807
I wasn't baiting. It's exactly what I would do.
>>53851908
10/10
but i like this much more :^)<!DOCTYPE html>
<html lang="en" ng-app="shittyapp">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
<div mg-view="app">
</div>
<script src="shittydependancies.js"></script>
<script src="shittyscritpbundle.js"></script>
<script src="shittycssfromscriptandbootstrapbloat.js"></script>
<script src="googleanalyticsandotherspywareshit.js"></script>
</body>
</html>
>>53851960
It's likely a bug. WebStorm has been giving me all kinds of shit, so I dumped it for Atom, which is actually patching it's bugs.
>>53852159
It only takes 20 seconds to load too
>>53852190
man you should work at google
>>53852159
20/20
your hired
>>53852190
>>53852246
How much is acceptable as web app loading time? Actual application, not a read-only or CRUD site.
>>53852337
As little as possible, but it depends on what it does. If possible, you should hide the loading from the user by having the initial page load up quickly, then ajax in the slow parts behind the scenes. If you can't do that, at least put up a loading icon. If there's no indication that it's doing something, most people will bounce after a few seconds.
>>53852312
You're*
>>53852473
ahahhahahahahahahahahha
>>53851738
jesus you're not cut out for this. just use bootstrap I guess.
Doesbackground: url(background.png)block rendering until background.png is fully downloaded in any browser? Or is this just a thing for fonts?
>>53852602
It doesn't block
>>53852602
i think the browser decides that.
standard behavior is to download all primary files(read: directly linked in the dom) and then start rendering and everything else just renders whenever.
>>53852172
i've actually switched from atom to webstorm a few days ago because my colleagues hype it so much. at first i hated it, but i'm starting to like it now.
except for that annoying bug. had to shut down all the default "inspection" errors manually
>>53849114
hahaha that made me laugh
>>53849247
>anyone can open your config files
u fokin wot
>>53852989
I think he's either high, retarded or deployed his server client-side. Not mutually exclusive.
>>53853011
>deployed his server client-side
>>53851548
That's centering the items, not the flexbox itself. I like the way items are aligned with wrap by default, however it leaves empty space to the right.
https://jsfiddle.net/afhx4Lqn/1/
can v8 fucking implement all es6 features already, i want them in node. fuck babel on the server
DAILY REMINDER TO SWITCH TO GO
>http://verygoodsoftwarenotvirus.ru/2016/03/31/go-is-the-new-node/
>>53849454
>You can read everything that a js file connects to
I don't think this means what you think it means
javascript that executes in a web browser communicates to the server via HTTP.
this means sending strings of text across the internet.
it's the server's job to figure out what to do with them.
the javascript executing in your browser is not in the same execution environment as the javascript (or PHP, or Java, or ruby, or whatever) executing on your server.
there is no "connection" in the way you are imagining it.
i'd suggest reading about HTTP on MDN honestly.
>>53852159
>Impressive, as were the code snippets scattered throughout your blog. How well-versed are you in the wikipedia article on Agile?
>>53853298
tj tried Go but came back to Node, I trust him.
>>53853298
>>53854320
Personally, Node is still much faster to develop and runs decently well. Go is a better pick, when you need to scale better on multiple cores, libraries more sophisticated than left-pad or to write C bindings (C++ addons are a horror show in comparison to CGo).
I'm researching bandwidth costs versus ad revenue for a project I'm working on.
That said, how in the fuck did Vine survive the first several months? Youtube too.
The bandwidth fees would be ridiculous and with the CTR of most ads I can't see how you could come out green.
I'm about to start learning how to code (HTML, CSS bs). What text editor does everyone use? I remember in my shitty computer class I just used the default windows Notepad. I heard good things about Sublime?
>>53856341
>code
>HTML, CSS
>>53856341
Just use notepad++. People will say its shitty but it is simple and its not like you'll be doing something complex any time soon.
When you get a better, you'll know what to use.
>>53856341
Doesn't really matter.
I like brackets with space-gray theme and minimap.
>>53829551
There is nothing inherently wrong with PHP. It's just that it's so accessible, which encourages shitty developers to use it.
>>53834196
Not sure if you're aware of this, but I think it's worth mentioning:
It's HTML convention to put <link> elements inside of <head> right above <body>. Most browsers are smart enough to figure out what you're trying to do, so in terms of practicality it doesn't matter much. It's good to know since you're learning though, as well as for keeping your code more organized / easy to understand.
>>53853298
And use php if you want money!
>>53853298
>Javascript was built for and meant to be a language for front-end developers and designers to have a browser retrieve data, and manipulate its presentation on the screen.
Opinions: discarded.
>>53856946
But that's correct.
Leave presentation to HTML and CSS. Use JS for managing some requests and only for presentation of retrieved data.
>>53831112
People have finally acknowledged that Ember is slow on V8 Android/Chrome
http://discuss.emberjs.com/t/why-is-ember-3x-5x-slower-on-android/6577/11
>>53857216
Someone doesn't understand that the DOM (browser API) and JavaScript (programming language) are different things. There's nothing about JavaScript that makes it inherently suited to DOM manipulation. That's why web assembly is being worked on. You might also be unaware that server-side JavaScript has been around since the early days of the web, though in those days it was more like a simple templating engine like php, nothing like Node with its own event loop.
>>53857470
There is literally zero usefulness of JavaScript aside from interacting with the DOM.
>>53838371
>challenge
I might be too lazy to do it, but after reading through the api, I considered letting a user type in their steam name, getting their friends list, and mapping the interconnected friend relations between members of their friends list.
>>53857499
JS uses prototypal inheritance, a better and more flexible inheritance model than classes which comes from a language called Self, which was a dialect of Smalltalk, developed at Xerox PARC in the 80s. It also takes influences from a functional programming language called Scheme so it was one of the first languages in common use to have lambdas and treat functions as first class objects. Then of course it gets C- like syntax from Java.
JS is a very powerful multi-paradigm language. You literally don't know what you're talking about if you think JS is just a toy for making stuff move in the browser.
>>53844895
It's not *your* markup though, is it? You can't really call it yours when someone is telling you how to use classes.
Come back and post when you get to the first codepen assignment,
(I'm really liking freecodecamp, myself. Keep it up!)
>>53856341
Use codepen if you're just fucking about. Then move to Notepad++ or Sublime Text afterwards. Atom is... ok, but is still missing some nice features, and brackets is just bloated bullshit.
>>53857715
Not the guy you responded to, but I got to the Data Visualization part, and I'm feeling pretty lazy due to the lack of exercises. How'd you get through that part?
>>53857753
Really sorry to say this to you, but it's self discipline all the way.
Just gotta devote some time every day.
>>53857715
>It's not *your* markup though, is it?
It really isn't, I'm just going through the HTML5 basics. I used to make small mobile sites back in the WAP and WML days, but that's the only background I've had.
>https://github.com/omake/omake-api
Anyone want to help me build this? I'm setting up a VPS for the Rails server at the moment, and another one for a Postgresql DB. Maybe a third for a Redis cache.
>>53858125
>Ruby and Ember
Sorry, can't help you there.
>>53858125
>manga
Absolutely disgusting
