Quantcast
[ 3 / biz / cgl / ck / diy / fa / g / ic / jp / lit / sci / tg / vr / vt ] [ index / top / reports / report a bug ] [ 4plebs / archived.moe / rbt ]

Due to resource constraints, /g/ and /tg/ will no longer be archived or available. Other archivers continue to archive these boards.Become a Patron!

/g/ - Technology


View post   

[ Toggle deleted replies ]
File: 400 KB, 822x553, wdg.png [View same] [iqdb] [saucenao] [google] [report]
62729880 No.62729880 [Reply] [Original] [archived.moe] [rbt]

>Previous thread
>>62691715

>Free resources to get started
Get a good understanding of HTML, CSS and JavaScript.
MDN web docs offer a good introduction (independent of your browser choice)
https://developer.mozilla.org/en-US/docs/Learn
https://www.freecodecamp.com/
https://www.codecademy.com/

>Further resources
https://developer.mozilla.org/en-US/docs/Web - General documentation for HTML, CSS & JavaScript
https://github.com/kamranahmedse/developer-roadmap - Roadmap
https://stackoverflow.com/ - Developers asking questions and helping each other

>Tools
https://jsfiddle.net/ - Use this and post a link, if you need help with your code
https://caniuse.com/ - Check browser support for front-end web technologies

>> No.62729893 [DELETED] 
File: 963 KB, 329x359, faggot.gif [View same] [iqdb] [saucenao] [google] [report]
62729893

>>62729880

>> No.62729896
File: 79 KB, 462x217, ddd.png [View same] [iqdb] [saucenao] [google] [report]
62729896

if anyone here is into web art, cyberpunk stuff, web 1.0 and occult / esoteric stuff and looking for a subdomain to host their site on, feel free to join the E-Grotto Collective.

just email GOD and he'll work something out for you

http://e-grotto.faith

>> No.62730084
File: 113 KB, 637x901, 1505293800887.jpg [View same] [iqdb] [saucenao] [google] [report]
62730084

What's a good way to make a browser game?

There are a few Javascript frameworks I'm currently experimenting with

>> No.62730158

Anyone knows if rerouting all non static traffic to the index.php file in an nginx website affects performance worse than not using redirection? in the sites-available config:

# reroute all non static req, to index.php
location / {
try_files $uri $uri/ /index.php?$args;
}


does slows the server down more than just letting it try and open the requested file?

>> No.62731317

Trying to learn react + redux.

Having some trouble making my components respond to state change.


What are the best tutorials + must read code for react and redux?

>> No.62731441

>>62730084
I'm interested in this too. Which frameworks are you experimenting with?

>> No.62731586
File: 25 KB, 240x221, 1277015099477.jpg [View same] [iqdb] [saucenao] [google] [report]
62731586

What are some good programming habits to pick up?

I've been creating my own projects/websites and trying to learn stuff by myself+etc. While I'm learning syntax, I want to know how most professional programmers structure their code. Do I always want to make a separate file for style?

>> No.62731839

>>62729880
What's the fastest non-micro php framework?

>> No.62731871
File: 68 KB, 657x534, 1505788263009.png [View same] [iqdb] [saucenao] [google] [report]
62731871

I want to make a webpage to show the works of my uncle who is cabinetmaker.

Are there any easy web platform to make a personal website with photo gallery and shit?

Maybe an e-shop for him?

Wordpress?
Shopify?

I need some recomendations pls.

>> No.62732305

>>62730084
>>62731441
http://phaser.io

>> No.62732325

>>62731871
Shopify if you want something fast. For wordpress you will need to buy premium shit to get things done

>> No.62732382

>>62731586
Stop thinking about it and just make new folders and files whenever it makes sense. When you're learning the syntax you just want to make things work first.

>> No.62732847

Any good guides to learn debugging.

I just read the console and use intuition. Can take time!
I never actually learned to do this in any organized manner.

>> No.62733192

>>62729880
What is the best editor fir programming

>> No.62733491

Would you guys happen to have an answer to this >>62732517?

>> No.62733741

>>62731839
Laravel

>> No.62734598

>>62731871
Squarespace

>> No.62734634

>>62731441
I tried CreateJs and it looks easy enough

>> No.62734670

>>62733741
Is anyone here good with laravel? How would I make a shopping cart with laravel? With vanilla php i can do it using session variables but im not sure if you can use them with laravel. Are you suppossed to use session variables with laravel?

>> No.62734761

>>62734670
Laracasts
Google
Docs

>> No.62734840

>>62733741
Laravel is almost the absolute worst for execution speed. Phalcon is probably the fastest, but it doesn’t hold your hand, and while he documentation is expansive, there aren’t a lot of tuts. Codeigniter used to be good, but I think they are turning it into laravel lite.

>> No.62734883

>>62734670
You would probably composer install one of the five hundred bloated shopping cart libraries already written. Barring that, you can access the session from the dependency injector.

>> No.62735249

I always feel anxious writing funky modern js, scared of O(n^n) hiding around every corner in hip fp constructs

>> No.62735554

>>62734670
>Are you suppossed to use session variables with laravel?
You can if you want to.

>> No.62735704

>>62735249
Don't use fp for performance intensive tasks (in javascript), otherwise it's ok

>> No.62736431

I've got 3.5 days between lectures and im not working on anything, got no job so far. Only made basic sites with HTML,CSS and JQuery.

Dabbled with node.js making the basic to-do and weather apps. Trying to find a web dev job but what the fuck do I look for? Which stack is good to learn today??

LAMP, MEAN or some other new shit? I just need to do something during the week and no job, project or side learning is killing me

>> No.62736453

Where do I host these meme javascript frameworks for Node.js and React apps/sites?
My basic hosting only has PHP/wordpress shit

>> No.62737051

>>62736453
any vps hosting

>> No.62737293
File: 10 KB, 257x58, dsdsd.jpg [View same] [iqdb] [saucenao] [google] [report]
62737293

What font is this?

>> No.62737314
File: 25 KB, 480x480, 1488110707110.jpg [View same] [iqdb] [saucenao] [google] [report]
62737314

>>62736431
LAMP is dead unless you wanna work in a shit hole.
MEAN should be renamed meme

Enterprise (Hospitals, Banks, Ect) Spring or ASP.NET.
Start looking at companies in your area for what they want.

Pic related. It's the life of a web developer.

>> No.62737982

>>62737293
Please respond I beg you

>> No.62738251

>>62737982
https://fonts.google.com/
find it nibba

>> No.62738387

Anyone here uses angular and its cli? the root styles.css is the global stylesheet, but where do I put stylesheets like normalize.css or a custom grid system? In the assets folder? Is it better to import them from the CSS or use a link in index.html?

>> No.62738396

Does anybody want some help with their current project? I'm a bored learner with no interests in my own projects, so instead I'd rather just help someone else.

>> No.62739101
File: 26 KB, 437x140, books.png [View same] [iqdb] [saucenao] [google] [report]
62739101

I'm having trouble learning margins and the shit about the box method in css. is this normal to have roadblocks when learning webdev or am I stupid

also I bought these books since I heard they were good

>> No.62740181

>>62737314
>Start looking at companies in your area for what they want.

For all of you learning on your own chasing a job, do this. Different cities have a different market. Some are super startup-ey (Berlin right now, Sillicon Valley?, etc) and demand tons of python/ruby/go and always javascript. Other cities are more big corpo and they want C#, Java, etc.

>> No.62740489

>>62731317
no idea about redux, but I thought codecademy's react course was good enough, albeit very simple and retard centered at first

>> No.62740650
File: 96 KB, 633x758, 1481513876418.jpg [View same] [iqdb] [saucenao] [google] [report]
62740650

>>62737314
>>62740181
I'm in london?

Would deciding on Webpack, React work? And what do people use for databases these days mySQL or Mongo?

Been seeing a lot of jobs asking for AWS I dont know what they mean by that exactly i know its their web services but what about it is so special that actual hosting is in the job desc.

>> No.62740745

>>62732382
This.

But if you really want you can look into MVC.

>> No.62740823

>>62738387

You can put them in the same folder and then add them to the styles array in the angular cli json

>> No.62740834
File: 26 KB, 670x360, nice.jpg [View same] [iqdb] [saucenao] [google] [report]
62740834

>>62731871
>works of my uncle who is cabinetmaker.
Totally read that in the borat voice.

>> No.62740837

>>62736431

.Net or Java but really C# is hot and will teach you best practices pretty easily

>> No.62741003

>>62731317
read 'thinking in react' first. then read the redux docs

>> No.62741009

>>62731317
Learn Vue, fuck the masses.

>> No.62741019

>>62740650
man there are some really high paid contracts in London for React. Focus on that

>> No.62741025

Just changed collation on 1GB table...

What do I do until it finish itself?

>> No.62741048

>>62741019
Yh I've noticed react is very popular not just with start ups but big established companies in the canary wharf(financial) area. Paying BIG bucks

>> No.62741058

Which is better /wdg/, Javascript or PHP?
http://www.strawpoll.me/14070765

>> No.62741090

>>62741058
Anything is better than PHP, idiot

>> No.62741094

What are some good resources to learn design patterns, particularly in JavaScript syntax?

>> No.62741121

>>62741094
https://addyosmani.com/resources/essentialjsdesignpatterns/book/

Come on dude, first Jewgle result

>> No.62741149

>>62741090
What's wrong with PHP?

Latest performance is not that bad, when you actually do something in it it's done fast opossed to assembler.

>> No.62741171

>>62735249
What do you mean? O(n^n) in particular is a pretty big fuckup, I don't think you could really accidentally manage to write code that bad..

>> No.62741178

>>62741149
>Performance argument
PHP performance is a complete meme, considering they do the shittiest thing they can do: COMPILE the fucking webapp PER REQUEST. What the fuck is that even?
>Only alternative is lower-level.
yeah, right, because nodejs / go / python doesn't really work for webdev? Is that the argument?

>> No.62741250
File: 146 KB, 640x640, photo-2314.jpg [View same] [iqdb] [saucenao] [google] [report]
62741250

i got a perhaps stupid question, but i couldn't find an answer anywhere:
what's the point of loading style sheets with webpack and being able to import them in javascript? shouldn't css/sass etc. apply to html and not javascript?

>> No.62741258

>>62741178
> Compiling per Request
If your aproach to setting up enviroment looks like 'sudo atp get php' than maybe it does compile per request.

It's called lazy programing for a reason...

I was interested in phyton, but I can get PHP hosted cheaper per view of website than phyton...

Also some benchmarks on nodejs could be effective argument...

People are somehow affraid of performing same operations on node...

Promises and Async are good...

But, why the heck? I'm living in stone age country and there is php...

I actually love nodejs more than php, but can't see the downsides of php so hudge as people describe them...

>> No.62741268

>>62741250
javascript is the stuff that moves on html basicaly... webpack is compiling stylesheets into just stylesheets that are somehow optimized

>> No.62741317

>>62741048
yeah bro I saw one for 800 GBP a day! holy shit, wish I had rights to work in the UK because I've been using React since it came out

>> No.62741321

>>62741258
>If your aproach to setting up enviroment looks like 'sudo atp get php' than maybe it does compile per request.

*ahem* what?
Here's the lifecycle of a request in a typical LAMP-stack:
1. Client opens TCP to Apache
2. Apache starts PHP runtime
3. PHP runtime reads source files, COMPILES, runs code
4. Apache returns output from PHP to client.
5. Connection closes.

Other stacks DON'T do the interpret / compile / run step PER REQUEST. This has nothing to do with env setup.

>I actually love nodejs more than php, but can't see the downsides of php so hudge as people describe them...

The downsides are ridiculously huge... This compilation-per-request thing also of course means that any database connection must also be created and destroyed PER REQUEST. Which makes things even slower if they weren't slow enough...

>> No.62741345

>>62741321
Enviroment setup is that you are not so dumb and know there are php extensions to solve that issue... So php WON'T compile PER REQUEST.

>> No.62741359

>>62741321
Actually database interaction is not so huge, we've got like cached stuff. Sometimes it doesn't even have to RENDER anything, it just load cache.

>> No.62741364

>>62741345
Which extensions? Prove your statement

>> No.62741381
File: 115 KB, 1280x720, Rasmus.jpg [View same] [iqdb] [saucenao] [google] [report]
62741381

:^)

>> No.62741428

>>62741364
You haven't provided any benchmarks either...

>> No.62741458

>>62741381
What are some good node js nodes for web developement?

>> No.62741474

I'm 2 weeks in to my first programming job. I had no idea just how terrible I was going to be at it. I'm spending 18-20 hours a day working, I'm not getting any sleep, and I'm not getting anywhere. I really don't think I'm going to make it where I am. Jesus fuck. Holy fuck, I had no idea it was gonna be like this.

>> No.62741479
File: 13 KB, 512x320, PHP-vs-others.png [View same] [iqdb] [saucenao] [google] [report]
62741479

>>62741428
This is not hard to find...

Image source: http://www.hostingadvice.com/blog/comparing-node-js-vs-php-performance/

>> No.62741487

>>62741474
>2 weeks in
>expecting results
wat

https://youtu.be/hER0Qp6QJNU

>> No.62741508

>>62741458
Geocities is a good node, chad

>> No.62741513

>>62741474

I work for <multi billion dollar company> and stare enterprise java code designed by some space cadet architect and written by pajeet, secretly hoping that I have an aneurysm. Lucky if I write one line of dogshit java per day.

>> No.62741534

>>62741513
I thought <multi billion dollar company> had some good motivational shit built into the job for their tech dudes

>> No.62741797

>>62741479
I think it's PHP 5.3

PHP 7 had 56% increase in performance, and also I bet they haven't used proper code...

>> No.62741808

>>62741534

Only if you're a woman

>> No.62741856

>>62741479
Lulz, in comments everybody do some own benchmarks resulting in PHP being faster.

>> No.62741937

>>62741797
"This HTTP-controlled “hello world” benchmark used Zend PHP 5.6.6 with OPcache enabled."

>> No.62741951

>>62741808
kek

>> No.62741955

>>62741381
Saw him this past weekend at PHPNW

He's a nice guy, very funny

>> No.62742257

About to sit down and start my 2-hour long Codility test, which is my first interview for a really nice webdev position. Wish me luck, guys, I'll be back in a while and tell you how it went.

>> No.62742285

>>62742257
Break a leg

>> No.62742327

>>62742257
Kek, first time I've heard about this Codility thing, and I've been hired already :P

>> No.62742706

>>62742257
https://codility.com/programmers/lessons/1-iterations/binary_gap/

These are fun!

function solution (n) {
let leadingBit = false;
let longest = 0;
let current = 0;
while(n !== 0) {
const bit = n & 1;
if (bit === 1) {
if (longest < current) {
longest = current;
}
leadingBit = true;
current = 0;
} else if (leadingBit) {
current++;
}
n = n >> 1;
}
return longest;
}

>> No.62742712

>>62737314
You seem to have that backward. If you want to work in an SJW shithole, use some meme tech stack. If you want to have a job in a company who values getting shit done rather than showing off, use PHP.

>> No.62742908

>>62741479
>requests per second

Be more vague, please. This benchmark graphic is totally garbage.

>> No.62742920

>>62742908
How?

>> No.62743057

>>62742920
There is no context. What constitutes a request? There is no indication that the requests are even the same.

>> No.62743116

>>62743057
You know what a HTTP request is, right?
There is definitely a CRYSTAL clear indication that they are equal...

>> No.62743386 [DELETED] 
File: 55 KB, 1280x720, django.jpg [View same] [iqdb] [saucenao] [google] [report]
62743386

>>62729880
>web dev
>ever

So how the fucking hell do I solve this? Im using Django and I want the user to only be able to select a date in the future.


models:
class Post(models.Model):
author = models.ForeignKey('auth.User')
title = models.CharField(max_length=200)
description = models.TextField()
date = models.DateTimeField()


def clean_deadline(self):
data = self.cleaned_data['date']
if data < (datetime.today() + timedelta(days=2)):
raise forms.ValidationError("2 days from now")
return data



views:

def add_post(request):
if request.method == "POST":
form = PostForm(request.POST)
if form.is_valid():
post = form.save(commit=False)
post.author = request.user
post.save()
return render(request, 'archive/good.html')
else:
return render(request, 'archive/bad.html')
else:
form = PostForm()
return render(request, 'auction/add_auction.html', {'form':form})



I can't get the fucking function to ever throw a validation error

>> No.62743400
File: 55 KB, 1280x720, django.jpg [View same] [iqdb] [saucenao] [google] [report]
62743400

>web dev
>ever

So how the fucking hell do I solve this? Im using Django and I want the user to only be able to select a date in the future.


models:
class Post(models.Model):
author = models.ForeignKey('auth.User')
title = models.CharField(max_length=200)
description = models.TextField()
date = models.DateTimeField()


def clean_deadline(self):
data = self.cleaned_data['date']
if data < (datetime.today() + timedelta(days=2)):
raise forms.ValidationError("2 days from now")
return data


views:

def add_post(request):
if request.method == "POST":
form = PostForm(request.POST)
if form.is_valid():
post = form.save(commit=False)
post.author = request.user
post.save()
return render(request, 'archive/good.html')
else:
return render(request, 'archive/bad.html')
else:
form = PostForm()
return render(request, 'archive/add_auction.html', {'form':form})


I can't get the fucking function to ever throw a validation error

>> No.62743626

>>62743400
Didn't you make your own thread for this ? Zozzle

>> No.62743673

>>62743626
Yeah but no one on 4chan seems to have knowledge about Django

>> No.62743677

>>62731871

Seconding Squarespace for your situation anon.

>> No.62743736

>>62742706
they are, and they have pdf's that teach you cool techniques for each section.

>>62742257
4 tasks, got 50% overall, starting at 100% and down to 9% as they got harder. Fml. Maybe that's enough to make it to the next interview...

>> No.62744278

>>62741090
you are stupid and have no idea what you're talking about
you are just repeating what other morons say

>>62741149
don't listen to him, he has no idea about PHP obviously

>> No.62744359

>>62743116
You know a request has to return something, right? Is it returning an empty response, plain text, is it making a single database query and returning data? All requests are not created equal, newfriend.

>> No.62744370
File: 19 KB, 227x352, formm.png [View same] [iqdb] [saucenao] [google] [report]
62744370

I need help with a simple contact form. Its just a basic php form from a template but when i test it, the messages arent sending. it gives a message in the site saying 'message has been sent' but i dont get it in my email.

html and php here

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

i replaced the [email protected] with my site's name. Is there other changes i have to make in the php to receive messages? or change anything in PHPMailerAutoload ?

>> No.62744621

how do I add paypal to my site?
>[email protected]
>generate code
>paste code into site

and paypal takes care of everything?

how will I know my customer paid me? how do I keep track of the finances?
e.g. service is $10 per month, do I increase some credit field in my db and decrease when paypal pings back?

>> No.62744695

red pill me on vue vs react

>> No.62744739
File: 106 KB, 554x439, 5e2.jpg [View same] [iqdb] [saucenao] [google] [report]
62744739

>>62737314
>mfw i build enterprise like software for medium sized businesses using MEAN stack
>mfw when they prefer using my software instead of SAP because its "Facebook" like
>mfw when spoonfeeding normies is where the money is at

>> No.62744792

>>62732305
>Requires that you run a web server for the game

>> No.62745174

>>62741149
Just look at this >>62744370. How can anyone in their right mind defend this ugly piece of shit over javascript (not even saying that javascript looks nice either)? The reason PHP is still around is because of legacy codebase and "muh facebook" meme.

>> No.62745305

>>62745174
People writing shit code is the fault of the language.

>> No.62745384
File: 48 KB, 480x710, 1506770082092.jpg [View same] [iqdb] [saucenao] [google] [report]
62745384

https://www.w3schools.com

Why isn't this on OP?

As I'm going through front-end html/css I'm finding it soooo extremely resourceful. It's just organized and taught me a lot of commands I didn't know before. I just think it could help someone else who's looking for a website to learn syntax.

>> No.62745576

>>62745305
No amount of well written code can save it because it somehow manages to be more flawed than javascript.

https://www.youtube.com/watch?v=RWDEwKWVwaY

>> No.62745689

>>62742257
codility tests are pointless, we had both false positives and false negatives in a hiring round where we used codility

>> No.62745694

>>62744695
Big financial companies in london use React because it updates data with the virtual DOM desu desu

>> No.62746375

>>62739101
>trouble learning margins
what about them? you are having with the box model in general?

>> No.62746441

>>62745384
Because this is a gorillion times better.
>https://developer.mozilla.org/en-US/docs/Web
Better examples, more in-depth descriptions.

>> No.62746578

Is Flatiron School any good? Thinking about giving their bootcamp prep a go and try for a scholarship because I'm bored at uni but I dunno

>> No.62746706

>>62746441
Both are nice, but honestly I feel w3s is less strenuous on the eyes since it's shorter and to the point.

That's fine then.

>> No.62746800

>>62746706
uh oh now he's going to sperg about immoral business ethics again

>> No.62746872

>>62746800
I just prefer MDN desu, I don't care about business ethics nor do I know what you're on about.

>> No.62746955

>>62745576
Not that anon, but the way the guy at 6:04 describes PHP perfectly sums up the language.

However, as a PHP dev myself who learned it in its pure form then moved on to using frameworks (Laravel/Codeigniter) since then I can say it definitely does some things well. Frameworks tend to steer you away from the fucky parts of the language, but even then
some of the newer technologies will give you more than even the best PHP has to offer.
If they completely overhaul the language for version 8 then things could turn around, otherwise I can see it continuing to dwindle.

>> No.62747022
File: 93 KB, 1280x720, 1336010387226.jpg [View same] [iqdb] [saucenao] [google] [report]
62747022

>>62746800
>>62746872
I mean, I can see that the Mozilla website seems to go a lot more in-depth about it. And I appreciate that.

Just.. not what I'm looking for right now, I prefer to dig my hands in and trial/error for a while until I'm comfortable. Then I can more easily apply those in-depth perceptions.

>> No.62747940
File: 99 KB, 600x787, masteringbitcoin_cover[1].jpg [View same] [iqdb] [saucenao] [google] [report]
62747940

what is /wdg/ reading these days?

>> No.62748107

I got this class AddTodo extends Component {

constructor(){
super()

this.state = {text:''}
this.handleChange = this.handleChange.bind(this)
this.submitTodo= this.submitTodo.bind(this)
}


handleChange(e){
this.setState({text:e.target.value})
}

submitTodo(){
const {text} = this.state
this.props.addTodo(text)

}
render(){
let input
return (<div>
<form onSubmit={e => {
e.preventDefault();
this.submitTodo()
}}>
<TextField
name='text'
value={this.state.text}
hintText='Todo'
onChange={this.handleChange}
/>
<br />
<br />
<RaisedButton type='submit'> Submit </RaisedButton>
</form>
</div>)
}
}



Key part is this.props.addTodo(text)

How do I dispatch my action from here? How do I get addTodo as props?

>> No.62748277

Is knowledge of Photoshop a necessity for front end jobs? I've seen a few jobs list it as a requirement.

>> No.62748318

I'm applying to a job that is javascript related and they want an "expert" in new javascript stuff like react and angular. One of the questions they are asking me to answer is:

How do you define a variable in Javascript? (Bar A, Left A, Cona Costa A)

I have no idea what the (Bar A, Left A, Cona Costa A) stuff is referencing. It seems like a weird trick question. What am I missing?

>> No.62748374

>>62748277
Generally you have a designer that comes up with a design in photoshop, and then hands it off to the developer to turn it into a page/site. Also you sometimes use photoshop to optimize images so that the file sizes aren't too big. Having a general knowledge of photoshop is great, but they shouldn't really be requiring you to be an expert unless they actually expect you to come up with a mockup design of the page on your own.

>> No.62748382

>>62748107
Ideally, you'd have your addTodo dispatch the action. To get access addTodo you would do this

class AddTodo extends Component {

constructor(){
super()

this.state = {text:''}
this.handleChange = this.handleChange.bind(this)
this.submitTodo= this.submitTodo.bind(this)
}


handleChange(e){
this.setState({text:e.target.value})
}

submitTodo(){
const {text} = this.state
this.props.addTodo(text)

}
render(){
let input
return (<div>
<form onSubmit={e => {
e.preventDefault();
this.submitTodo()
}}>
<TextField
name='text'
value={this.state.text}
hintText='Todo'
onChange={this.handleChange}
/>
<br />
<br />
<RaisedButton type='submit'> Submit </RaisedButton>
</form>
</div>)
}
}

export default connect(null, { addTodo })(AddTodo)


If you look at props now, you'll see it has addTodo on it.

>> No.62748555

>>62746955
>I can see it continuing to dwindle.

Are Drupal and WordPress dwindling? Are they going to move away from php?

>> No.62748581

>>62748318
I honestly have no clue, I would wager that left A because of left hand assignment?

>> No.62748640

>>62748555
>>62746955
3 of a kind trumps a pair

>> No.62748653

>>62731586
Download asp.net boilerplate and use their structure as best practice

>> No.62748870

>>62731586
Lots of books are out there devoted to whatever the languages you are using to do what you are doing. These are easy to torrent, and contain a lot of useful coding practices, even if they are years old.

>> No.62749067

>>62739101
>also I bought these books since I heard they were good
yes, you are stupid

>> No.62749196

>>62748555
Those frameworks, especially WP, will still continue to be a thing well into the future. But the average programmer/developer will be more willing to use other languages than PHP, that's just my prediction.

>> No.62749391

whats best practice when deploying web apps to docker?
do you just create an image with apache/nginx + app server + app and call it a day, or do you try run multiple apps in a single app server + web server instance?

>> No.62749595

>>62741250
You can write styles for React and Vue components in the component definition itself which is all in js.
That is why probably

>> No.62749730

>>62744695
Vue is comfier React with cool stuff but React is where the money is currently at. Also React Native.

>> No.62749799
File: 45 KB, 570x720, 1486716477966.jpg [View same] [iqdb] [saucenao] [google] [report]
62749799

If anyone needs pure HTML+CSS(+JS) help, post a jsfiddle, and I'll solve your problems.

t: professional front-end dev

>> No.62750341

>>62749799
Don't need help, just wanted to know what you think of Stripe's front-end. I think it looks fucking great desu. Wish I had half the design skills they've got.

https://stripe.com/elements

>> No.62750599

>>62750341
Is that a video or gif playing at the top? Trying to inspect it but it's fucking me off

>> No.62750687

>>62750341
They obviously know what they're doing when it comes to visual aspects of design. But when it comes to technical aspects of it, especially regarding UX, they definitely cut corners and/or lack know-how.

For example, loading just the front page takes about 3.9s, which is quite horrendous. Now sure, big companies want to have their analytics and design-enhancing scripts, but they could at least serve them more asynchronously. They'd drop their waterfall to about half of what it is now.

Also, their try at responsivity is quite bad. Two breakpoints that are set so that some elements are off-screen, unreadable and/or too thin at certain screen sizes is just unacceptable at this day and age.

And if you want my opinion on just the look and feel of the design, I'd critique their abundant use of huge 3-sided box-shadows and overly rounded corners. Those are pretty 200X choices.

All in all, it's clean, simple, but a fundamentally unpolished and forgettable design.

If you'd like an example of what I consider good, clean design, see this Finnish news-site article page:
https://yle.fi/uutiset/3-9834265

>>62750599
Neither, it's just HTML elements CSS transitioned. It's a neat effect, but they DEFINITELY should make it clear that it's a visual representation, and not for user interaction.

>> No.62750782

>>62748318
>let's torture a potential expert with esoteric bullshit tests!
I hate this field sometimes.

>> No.62750914
File: 66 KB, 348x327, 1487190611544.jpg [View same] [iqdb] [saucenao] [google] [report]
62750914

>>62746375
its just that this whole method of finding out the correct padding and placement shit is really bogglin' the noggin'

>> No.62750922

>>62750687
Which sites do you frequent for inspiration related to web dev?

>> No.62751016
File: 170 KB, 800x800, 1504445986164.png [View same] [iqdb] [saucenao] [google] [report]
62751016

>>62750922
Don't mean to sound pretentious, but I don't really work off of inspiration. If I'm stuck with a design, I'll be sketching new shit on pen & paper until I make something that I like. If that for some reason doesn't work, I'll ask a colleague (new set of eyes can really help if you're stuck), or as a last resort, I'll google keywords related to my design.
Pro-tip: Sleeping on a problem can really help, too.

>> No.62751102

>>62750687
>it's just HTML elements CSS transitioned

That's impressive. Got links to any tutorials for this?
Also, found this some time ago. Check out the tiles sliding in the background; https://codetasty.com/pricing

>> No.62751111

>>62748277
Convertion from PSD to HTML requires basic Photoshop knowledge

>> No.62751151

>>62751016
Hmm... I see. You don't sound pretentious at all, everyone has their own way of doing and seeing things. In my case, I have a whole set of organized bookmarks with sites for inspiration and I do follow some other sites to see what's trending and what others use. I think, sometimes seeing how others solve a particular issue or just simply their approach can be extremely helpful.
But I'm also a peeping tom when it comes to sites. I like to see their source files and it brings me joy when I find some of their funny comments, or even ASCII art.

>> No.62751268

>>62751102
I doubt there'd be tutorials for specifically that kind of an effect. But the general idea would be to create two different designs for a single HTML form, and then use classes to toggle between the two.
Add transition: 2s all;, and you're done.

I like the codetasty page's background animation. It could be slower, so it would be even more subtle. That way the visitor could better focus on the content, but if their eyes started to wander, they'd see the effect. But still, it's quite clean and nice.

>>62751151
For sure, different strokes for different folks.

>> No.62751570

>>62747940
tfw putting bitcoin miners on all my sites now

>> No.62751624

>>62745384
>Why isn't this shitty, outdated site that coerces you into getting a useless 'certificate' on the OP?

>> No.62751640

>>62746375
Stop trying to marginalize his struggles.

>> No.62751644

>>62750687
>https://yle.fi/uutiset/3-9834265
Rofl that site looks like shit compared to the Stripe site. Its like babby's first wordpress theme

>> No.62751661

>>62750922
Codepen, dribbble

>> No.62751681
File: 44 KB, 499x533, 1490210591897.jpg [View same] [iqdb] [saucenao] [google] [report]
62751681

>>62751644
Oh, you don't like that design? Riveting.

>> No.62751769
File: 372 KB, 1803x1351, YrXbtSE.jpg [View same] [iqdb] [saucenao] [google] [report]
62751769

I fucking love Vue and its single-file-components.
I use it for everything.
Even for templating non-JS static sites, even though that's not it's purpose. It still beats the hell out of "actual" templating-engines like pug.
Bundle with webpack and prerender site, remove JS from output. Done.

Install Vue.js

>> No.62751853

>>62746706
>less strenuous on the eyes.
Perhaps this isn't the industry for you if you can't rtfm. I'm not trying to be mean, but not every tutorial is gonna be bright colors and pretty animations, and using that as a defining characteristic is... a little shakey.

w3s is fine as a general, vanilla es4+ reference. It's great for looking up the difference between .slice() and .splice().
It's not fine for learning:

- The order of lessons (especially once you get into JS) is completely jumbled, not teaching you Variables until lesson 8 or so
- They leave out certain, essential pieces (like function expressions vs function declarations). Not only is this dangerous, but in the case of certain object-based libraries/frameworks, functions are often represented as function expressions.
- They try to convince you that a certificate from them - which is $95 - will get you anything but laughed at.
- They fail to mention basically ANYthing about ES5+ (modern JavaScript).

The issue with >>62747022 is that they teach some stuff that's flat-out wrong, and that it'll just lead you into the wrong practices.
overall, I'd avoid them UNTIL you've learned the basics.

>> No.62751895

>>62748318
Be as thorough as possible then.
Describe the difference between 'let', 'const', and 'var', and why you'd use them. Say "If the variable's being used for X, I'd use 'let'. If it's being used for Y, I'd use 'const'". That shows that not only do you know the difference, but also WHEN to use them.

>> No.62751896
File: 16 KB, 500x373, 1429391254421.jpg [View same] [iqdb] [saucenao] [google] [report]
62751896

>>62751853
basically this

>> No.62752410
File: 115 KB, 435x435, jim-face.jpg [View same] [iqdb] [saucenao] [google] [report]
62752410

I barely know the basics of html/css. what's some simple sites I should make?

>> No.62752623

>>62752410
go on codewars, codefights, hackerrank or leetcode and learn javascript

>> No.62752666

>>62752410
Notepad,
Todo-list,
Blog,
Gallery,
doesn't really matter what you make.
Just polish, polish, polish. That's how you get better.

>> No.62752691

Whats the smallest/easiest to learn javascript framework that can work with a database?

>> No.62752872
File: 2 KB, 211x73, download.png [View same] [iqdb] [saucenao] [google] [report]
62752872

>Boss wants team to learn rails because some clients have been asking for it.
>Team mostly does do PHP (CodeIgniter)
What am I in for, /g/ ?

>> No.62752876

>>62752872
railed in the ass

>> No.62752890

>>62752691
express maybe

>> No.62753033

>>62752872
Modern tech

>> No.62753136

Template engines are fucking shit.

>> No.62753361

>>62753136
I'm liking react, everything is a component and you can basically make everything you would normally put in a nav and make a sort of "custom tag" for it and call it wherever you want

Whats your issue?

>> No.62753365

>>62745174
God you are stupid beyond belief
Just stop posting
Like forever

>> No.62753556

a friend of mine wants to build a website to sell his art, how much should I charge him and what recomendations about hosting (or anyting) can you give me? this is my first comission, and I have worked pretty well around jqerymobile and all the frontedn shit

>> No.62753557

>>62750914
just make a shitty drawing on a napkin or some shit of what you want it to look like and then spacing should be obvious. If you struggle with something this simple i'm sorry friendo but this field isn't for you.

>> No.62753642
File: 30 KB, 640x360, 1281515287427.jpg [View same] [iqdb] [saucenao] [google] [report]
62753642

Does the web community have something against PHP?

I keep hearing mixed opinions about it... PHP7 being amazing and super fast, but others saying PHP overall "promotes" bad code. And that Python overall has better support of libraries and more often used in workspace.

I'm just trying to decide which language I should focus on for backend? (being familiar with html/css/javascript)

>> No.62753683
File: 122 KB, 960x615, 1425437544645.jpg [View same] [iqdb] [saucenao] [google] [report]
62753683

>>62753642
php is shit because it's made for templating everything. others let you separate your concerns and keep your html from being cluttered with server code.
being familiar with html/css/js doesn't really mean anything because back end is completely different than front end. The only exception here is node.js because some front-end brainlets wanted to use javascript as a backend language.

>> No.62753872
File: 70 KB, 1080x610, Capture2.png [View same] [iqdb] [saucenao] [google] [report]
62753872

hello

>> No.62754030

>>62753683

it's 2017, latex is shit. let's no longer propagate that edgy lie.

>> No.62754440

>>62751268
Hey its me (>>62751102) again, been fucking around with the transitions and animations.

https://jsfiddle.net/dynmwx4w/

I need help with the JS, I'm not good with JS and right now it's complete spaghetti lol. I don't know how to make it more dynamic. Lets say I want to add 2 more boxes, how do I make the code efficient without writing an if statement for each box?

>> No.62754468

>>62753642
it boils down to preferences really, unless you're specifically looking for a local job, then your choices are limited. i prefer javascript both on the frontend and backend. search for the popular tools out there and see what you like, then you can settle on a framework.

and yes, i don't think many people will disagree that php sucks.

>> No.62754578
File: 61 KB, 540x304, bu0f0kC.jpg [View same] [iqdb] [saucenao] [google] [report]
62754578

>>62754440
https://jsfiddle.net/dynmwx4w/1/

>> No.62754607

>>62751644
>>62751681

I have to agree with the other anon.

your taste is shit. I didn't notice any difference in load times either.

>> No.62754643

>>62754578
Lol damn, you make it look so easy. Thanks bro.

>> No.62754644

>>62754607
As I said before, your opinions regarding that design - and my taste - are truly riveting.

>> No.62754673

>>62754644

i just wanted to test whether you actually have autism. you do.

>> No.62755843

>>62744792
how else would you do it? Or are you saying its a rip that u have to buy server space?

>> No.62755860

>>62745384
because once you need to know what the actual fuck the functions do properly its a piece of shit.

>> No.62755897

I'm a CS student. I'm pretty good at C, Java, Python, currently learning JS. I want to do freelance webdev to make money while I study.

How do I go about making a portfolio, how do you start out?

>> No.62755979

>>62748382
only if your using redux thou

>> No.62756151 [DELETED] 

using System;

namespace ConsoleApplication1
{
class Program
{
static void Main(string[] args)
{
string firstName = "John";
string lastName = "Doe";

Console.WriteLine("Name: " + firstName + " " + lastName);

Console.WriteLine("Please enter a new first name:");
firstName = Console.ReadLine();

Console.WriteLine("New name: " + firstName + " " + lastName);

Console.ReadLine();
}
}
}


Can someone tell me the purpose of the quotes, especially their placement in the Console.WriteLine("Name: " + firstName + " " + lastName); line? Obviously I'm just starting out with coding

>> No.62756225

Anyone knows a good resource for using Django to develop an e-commerce website? I've tried googling but there's just tons of answers that I don't know which is good or bad.

>> No.62756673

>>62745576
Yet JavaScript is a bigger piece of shit language

>> No.62756789

>>62755897
think as if you are a client with no technical knowledge looking for someone to make a website. what would they want to see in a portfolio? Probably proof that you can actually make a website that is visitable and usable right? What if the client wants a more dynamic type of web application? These are the kinds of things you'll need in your portfolio. You need to show that you can take what someone asks for, and deliver something that fits their requirements.
start off with a simple app that copies the functionality of a website you already know, but write all the code yourself. you'll hone your fundamentals and also learn how to google and read documentation for everything you want to implement. Always finish a project, and then you will have something to show people.

>> No.62756861

>>62756789
Thank you, I appreciate it.

>> No.62756937

>>62741003
Yup

>> No.62757077

>>62748107
MapDispatchToProps
Basically you are given the dispatch function as an arg, and then you return an object in which you bind your action creating function to the dispatcher (so now when you call addTodo it automatically dispatches the action), and the properties on that object are added to that components props. The way it gets added to the components props is by using the connect function, and passing in your custom defined MapDispatchToProps as one of the args. The other argument should be mapStateToProps or null if you're not. However, architecturally it doesn't make sense to have a component to use one and not the other. A dumb component shouldn't use connect at all. So if you're using MapDispatchToProps you should create a container component in which you create these bound action creating functions, and then pass the bound versions to your dumb components as props.

>> No.62757376

>>62756861
honestly, if you don't want to go down the 9t5 wagecuck route, why not try a micro saas? It is hip right now, come and join the circlejerk. Main benefit is inverting the structure, customers will come to you if you can add value and you will charge obscene money.
Penny fuckers trying to jew you into something you don't even enjoy is no fun at all

>> No.62757571

>>62730084
vanilla js

>> No.62757651

>>62731871
dont be sad anon you can do it

just use bootstrap templates if you are not good with web design
https://startbootstrap.com/template-categories/all/

if you want to setup an online for him use stripe elements
https://stripe.com/docs/elements

just like all the comments here squarespace is good if you want a hassle free ready to use e-commerce website

goodluck anon

>> No.62757941
File: 1.59 MB, 1480x680, 18f055380885005d21c84847028be982.png [View same] [iqdb] [saucenao] [google] [report]
62757941

Using TypeScript, how do you decide what goes to the global name space and what doesn't?

Like I have this object called settings, which contains the size of objects etc., and I thought that instead of passing it to every constructor, I would just make it global. Or are global variables really that of a practice?

>> No.62758011

>>62753361
Naw I'm just frustrated. I'm forced to work with Smarty and Prestashop, which are both equally shit for beginners despite contrary beliefs.

I just need to git gud.

>> No.62758062

>>62744359
It's returning some Hello World string... obviously

>> No.62758075

>>62744792
>HTML game framework
>pissed about the need for HTTP

the fuck

>> No.62758083

>>62731871
Use Prestashop for small inventory. It uses bootstrap so it's not so bad (Despite PHP and Smarty)
Otherwise Wordpress has a Woocommerce plugin

>> No.62758096

>>62746955
>PHP dev
>doesn't know even version numbers are development versions

>> No.62758107
File: 217 KB, 1000x1084, 1506816867754.jpg [View same] [iqdb] [saucenao] [google] [report]
62758107

>>62729880

Post some good youtube channels for webdev plox

>> No.62758415

>>62752890
>database
>EXPRESS
kek

>>62752691
Try NeDB?

>> No.62758433

MONGO EXPRESS ANGULAR NODE JS

EMBRACE THE FUTURE AND START CRAMMING 12 HOURS A DAY

THE WORLD IS GOING FORWARD AND YOULL HAVE NOTHING TO EAT AS A FRONT END DEV

ITS OVER FOR FRONT ENDERS

>> No.62758715

>>62757376
>Try a micro saas
What is this? Would i be offering saas or using it

>> No.62758741

>>62758433
>Its over for front enders
I thought MEAN stack was already dead

>> No.62758903

>>62758107
>pirate windows

is this rape?

>> No.62759087

>>62729880
tools for front-end?

>> No.62759116

>>62759087
13" macbook pro
dildo

>> No.62759138

>>62758715
offering. Some niche missed or not filled by enterprise. Micro because it won't necessarily blow into a startup or have some hard limits you can't outgrow, but make enough to earn comparable to a good dev

>> No.62759182

>>62759116
i mean software

>> No.62759223

>>62744792
it doesn't really

>> No.62759322

let's say i want to create a database of first and last names
which websites would be best to scrape that data?

i feel like facebook would be cheating, but i also don't want to get a bunch of shitty fake names in my database

>> No.62759427

>>62759322
library like this?
https://github.com/fzaninotto/Faker#fakerprovideren_usperson

>> No.62759447

>>62759322
Just do it the way Facebook does it, ask for it during registration :^)

>> No.62760297

>>62759322
if you need names from all around the world sorted by country then what I came up with is to scrape chessdb ranking page for each country https://chess-db.com/public/execute.jsp?age=99&sex=a&countries=CRO and then take random name and surname when generating a fake identity

>> No.62760347

>>62759138
Not him but I wouldn't mind doing this. I have no ideas though. I don't know what people want and don't really want anything myself. I also don't really know much about hosting.

>> No.62760361

What are the actual advantages in using a JS framework like React, Vue etc over actual Javascript?

>> No.62760368

>>62760361
It IS JavaScript, it's basically the same advantage as using jQuery over the DOM API: It does a few things for you already that you'd otherwise have to do yourself.

The disadvantage is of course: It's heavier.

>> No.62760407

>>62760368
So why not just do everything yourself? I wouldn't like to not do everything myself on something.

>> No.62760442

>>62760407
Did you build your own car?
Solder your own CPU?

>> No.62760451

>>62760407
It decreases the development time. In the same way you use a standard library libraries like these attempt to standardise boilerplate code that developers would be rewriting every new project. It also allows for fast prototyping and deployment instead of the months it would take you to write the same thing. It also lowers the bar somewhat so dummies can copy and paste a couple functions and get their website functional.

>> No.62760453

>>62760442
If I wanted to I would learn how to do it. Like how I want to be a web developer so I learn how to write Javascript.

>> No.62760472

>>62760453
Why don't you reimplement the standard library?

>> No.62760579

>>62760407
>So why not just do everything yourself?
You are doing everything yourself.
But like many other things it's a useful tool.
You structure your app into components and have a useful way to utilize a reactive state to automatically re-render parts of your view.
You still need to know the exact same JavaScript you would as if you weren't using React or Vue.

"Doing everything yourself" doesn't mean to reimplement everything.

>> No.62760594
File: 49 KB, 665x574, 1501101094459.jpg [View same] [iqdb] [saucenao] [google] [report]
62760594

How is Docker learned?

>> No.62760618

>>62760594

https://docs.docker.com/get-started/

Learn to search

>> No.62760740

>>62752410
IsItFeminine.com

A website where the user is presented with a series of penis pictures and they have to answer whether it is a feminine or masculine penis. At the end of the test they are graded on a scale from sexist to ally. Don't be a bigot, learn webdev the right way.

>> No.62760979

>>62760361
they allow you to do declarative ui, which is cleaner and easier to work with than imperative approach.
it's better for the same reason that
<div>
<span class="foo">bar</span>
</div>

is better than
const div = document.createElement("div")
const span = document.createElement("span")
span.classList.add("foo")
span.textContent = "bar"
div.append(span)

which I think is self-evident

>> No.62761007

>>62760979
Well, this could be fixed by a cleaner DOM API though:

div(span('bar', { class: 'foo' }))

>> No.62761087

>>62752872
you will enjoy Ruby/RoR compared to PHP. I really did and have not looked back and now charge extra if someone has a PHP project to work on for the pain in the ass they are but I rarely accept those jobs any longer.

>> No.62761104

>>62758741
Is Angular worth learning at least? It looks more intimidating than React.

>> No.62761131

>>62761007
sure. and then what do you do when you need to update span's text content? you either fall back to some messy imperative stuff, which we wanted to avoid in the first place
$("div > span").text("baz")

or you recreate the whole tree
div(span("baz", { class: "foo" }))

which would be inefficient, so you would have to implement virtual dom which is exactly what react does, except the syntax is bit different
why do you we an extra library for that? because it's too early for this to be included in the standard, but it might very well get included sometime in the future. for now the best solution we have is React

>> No.62761155

>>62761131
why do we need an extra library for that?*

>>62761104
it looks more intimiating because it handles more stuff. react is just the view layer

>> No.62761223

>>62761131
>and then what do you do when you need to update span's text content?

mutation? REEEEE

>> No.62761304

>>62760347
I usually outsource the hosting to capable sysadmins, but basically you buy VM/VPS @amazon, digital ocean, put your stuff there, buy a domain and point it to the machine. Do backups and test them.

I'm not sure either, some problems I came across or was recommended at my previous places:

1. password management is a nightmare, they usually email your login info in hope you would change it after first login ...

2. First day checklist for new employees. Literally a todo app. Last time I was employed they handed me a sheet of paper with lots of outdated info and pointers to non existing internal sites. Definition of done for onboarding would be nice.

3. 2. in reverse. When someone quit all their accounts should be frozen, all passwords changed and all rights revoked. All company stuff returned. DoD for termination.

4. Doodle app for lunch. People literally can't schedule a lunch, when and where to go, who should be invited who brought lunch from home.

>> No.62761332

>>62761131
I literally do a location.reload on ajax success and be done with it

>> No.62761499

>>62761332
but that doesn't work at all. the ajax result would be lost

>> No.62761529

>>62751570
just one more reason to disable javascript for good

fuck that cancer

>> No.62761587

>>62761529
enjoy using 4chan without javascript

>> No.62761601

>>62761529
just block it you overreacting dunce

>> No.62761617

>>62761499
ajax request -> do some db stuff -> regenerate page on reload

you don't even need the ajax, but it is convenient

>> No.62761970

>>62761332
>>62761617
Why reload? The main advantage of Ajax is doing shit without having to reload. Why not update the elements accordingly?

>> No.62762051

>>62761970
mostly because I don't see any problem with reloading. It is simple and presents the right state to the user. Why complicate things?

>> No.62762179

>>62762051
It's not practical in some scenarios to reload each time.
For example, the last time I used Ajax was to manage a list of messages on a page. When the user clicks delete you ajax the information to the DB to delete the message, then on the frontend you remove the message from the DOM. Same principle applied to other actions. Makes it easier than having the user reload 10 times to complete 10 actions.

>> No.62762269

>>62762179
>Makes it easier than having the user reload 10 times to complete 10 actions.

i don't see how this is the case. Not that they have to manually click to reload.

>> No.62762322

>>62762269
It's less efficient to reload, especially if the user has a slower device or if the page has a lot of elements that need to be reloaded. You might lose 2-3 seconds each time while the page reloads as opposed to having the action carried out instantaneously without reload. You see no benefits in that?

>> No.62762406

Am I the only one that can't get these to work?
http://tobiasahlin.com/moving-letters/#

>> No.62762418

how can i add some text with pure css on the center of an image with just class_name:hover and css 'content' without editing html?

>> No.62762583

>>62762322
nah, most of the stuff is already loaded and not modified, all you send is the new html (generated server side real quick), a few kbs and it renders instantaneously. I'm not even sure dom manipulation is more performant than page render or have any effects on the user experience

>> No.62762706

>>62762406
wrap each letter around a span and test some tricks with opacity and scale. also play with perspective if it doesn't work.

>> No.62762747

>>62762583
>>62762051
>"I don't see any problem with reloading"
>"most of the stuff is already loaded and not modified, all you send is the new html"

Either you're two different anons or you are contradicting yourself. Which one is it, reload the page or just the new html?

>> No.62762797

What advice would you give to somebody with zero contacts in the industry and looking to get their foot in the door?

>> No.62762839

>>62762797
Adding on to this, when job postings mention 'Angular' by itself, what would be the safe assumption to make of that? Is there a common convention of what is meant by just 'Angular' or would I be better off asking them myself?

>> No.62762873
File: 27 KB, 658x468, take.jpg [View same] [iqdb] [saucenao] [google] [report]
62762873

I hate developing on localhost because it's slow. expensive droplet -> develop -> make image -> destroy when I don't need to use it so i wont get billed -> win?

>> No.62762911

>>62745174
Stfu retard

>> No.62762930

>>62762873
>developing on localhost because it's slow.
?

is this a joke

>> No.62762965

>>62762873
Localhost isn't supposed to be slow. Upgrade your computer.

>> No.62762970

>>62762930
I don't work with API Node JS garbage, you seem to not know shit outside of that bubble.

kys

>> No.62762971

>>62762797
Ummm.... go meet people, Anon.

You can search for online meetups, or meetups in person. Join chatrooms where other devs lurk, reach out to them and ask a question. Contribute and speak with devs on GitHub.

Also, if you don't want to meet people, then it's going to be a long, tough road for you. Getting the foot in the door is near impossible.

>> No.62763015

>>62762706
His source code for each is supposed to work but it doesn't apparently. Tested it locally, codepen and jsfiddle

>> No.62763388

Recommend some youtube channels for webdev learning

>>62741474
>I'm spending 18-20 hours a day working

WUT

>>62741808
>tfw seems like a joke but I know it isnt'

>> No.62763489
File: 3.37 MB, 650x575, 110.gif [View same] [iqdb] [saucenao] [google] [report]
62763489

I've got a question folks, I have got this function
https://jsfiddle.net/zu4qt2a4/
and it currently works as it is, but to add some new functionality I need to change this so that the variable minesCloseBy wouldn't be initialized outside the function and would clear itself as soon as the for loop is done and the correct value is returned. Only I can't figure out any way to do it, can anyone help?

>> No.62763575

I was gonna try vue for a ff web ext thingy but it turns out vue is a piece of shit for this job

what should I learn, I alrdy know enough react so not that

>> No.62763773

>>62763489
for (let x=0, i=0; i<5 ; i++) {

if(i==1 || i==2){
x++;
}
console.log(x);
}

>> No.62763837

>>62762406
what's supposed to happen?

>> No.62763864

>>62763773
doesn't work because it doesn't return one final value but instead just gives many values.

>> No.62763872

>>62763489
I'm going to assume that you accidentally failed to copy the first line;
function myFunction() {

A variable defined inside a function doesn't exist outside the function and is destroyed when the function returns. If the variable is defined outside the function then just rename the damn variable in the function. Do you know about scoping?

>> No.62763945

>>62763864
edit it yourself my man, it was only an example

if i==length-1 return
?
or you could just make a new function for the loop and create do whatever the fuck u want there

>> No.62764039

>>62762970
not him, but that's a retarded assumption. almost all webdev can be done entirely on localhost unless you're dealing with some massive data warehouse or a 128GB in-memory database

>> No.62764255

>>62764039
Where do you get your assumptions from seriously?
Zend framework 3 + MySQL web app. 30,000 core files and relational db. Has to run uncompiled for dev work.

>> No.62764360

>>62764255
so you're doing php and you called node garbage? oh the ironing
what makes you think there aren't 30,000-file node projects that use relational db?

>> No.62764513

>>62762747
I mean scripts, css files, fonts will get a 304 not modified and there will be no transfer for those

>> No.62764818

>>62764360
what a great argument.

>>62762873
why are you working localhost to begin with? That's the problem.

>> No.62764902

>>62762873
if you plan on using something frequently, you usually better off buying than renting.
8-16GB RAM, a sizeable ssd and a good enough CPU comes at what, $200-300 used?

>> No.62764990

>>62764513
It's still a reload, and you might even be pulling data from the DB to fill other areas of the page.
Why not eliminate the page load all together with 2 or 3 lines of code?

>> No.62765001
File: 690 KB, 1280x947, chibi_reiko_in_different_anime_styles_by_mmidori31-d97cge9.png [View same] [iqdb] [saucenao] [google] [report]
62765001

Should I merge or rebase ?

Merge seems like the "logical" thing to do, but I would like to know from others anyway.
It doesn't seem like pretending a branch never existed would make for a "cleaner" history. Only a more uncertain one.
Branches aren't hard to follow?

>> No.62765058

>>62765001
Only merge when merging branches. Rebase whenever updating your branch with master

>> No.62765246

>>62764990
indeed, that is the whole point to everything be in sync

mainly because it is not 2-3 lines of code and much more complex. The argument is frameworks which want to workaround a perfectly capable solution to eliminate 'reloading' are inherently flawed and stupid

>> No.62765328

Which sites do you recommend for shared web hosting? I don't need a vps for this particular site.

>> No.62765491

>>62763489
never post that gif again
fucking whore-glorifying society

>> No.62765653
File: 15 KB, 791x373, aa.png [View same] [iqdb] [saucenao] [google] [report]
62765653

are you an web artisan ?

>> No.62765979

>>62765246
If you're Ajax-ing data to the backend then you already have half the code. The 2-3 lines you'd need are to either eliminate an element from the page or update it.

>inherently flawed and stupid
Not necessarily. You don't even need a framework, just do it on your own. Best part is when you're familiar with the process it becomes incredibly easy. But in the end if you don't think it's worth it then so be it senpai.

>> No.62766346

>>62760594
By smashing your face into the keyboard until it works

>> No.62766763

>>62765979
in real life if you have anything more than the simplest of app

you receive the raw data
parse it
depending on what you get you do your logic with creating/deleting dom elements. It is more like 10+ lines of code every time. Consider the following
location.reload();
it works 100% every time without convoluted logic.
You can probably shift part of the workload to a wiring lib to reduce net loc, but it is inherently more complex to dynamically build the document. It can be done, but misguided. To each to their own.

>> No.62766843

Hey lads, where do I ask for help on a web pro bono projects for those interested?
It's a dream website for a niche hobby and we could use more some help on the frontend from people ready to do it for free.
Is it okay to make a thread here on /g/, or make a pitch in this thread, or should I just off myself?

>> No.62766943

Should I use stripe or code my own payment processing?

>> No.62767107

Name 1 instance where ANY text editor is better than visual studio 2017?

>inb4 start up time

>> No.62767153

>>62767107
Sublime Text
>built in C++ and python for plugins
>blazing fast
>tons of plugins

VSCode
>built using web technologies on top of Github's Electron.

don't know a web dev who uses vs code, only atom and sublime text

>> No.62767165

>>62766943
as a customer i'd probably prefer stripe

>> No.62767195

>>62767153
he said visual studio 2017
not visual studio code you dumb fuck
you can stop roleplaying as employed any day now

>> No.62767230

>>62767107
>using anything by MS
>especially webdev

it is nice you want to branch out from gaymes though

>> No.62767237

>>62767230
But C# is the best for games

>> No.62767343

What are the best courses online to learn Javascript, jQuery, React, Angular 1.x, Node.js, PHP and Laravel?

>> No.62767426

>>62767343
>Angular 1.x
Why though?

>> No.62767619
File: 33 KB, 1081x796, vue.png [View same] [iqdb] [saucenao] [google] [report]
62767619

>type definitions are in module form so you can't use them from non-module code
>the module version of the framework itself somehow depends on node
what a fuck*ng joke

i even waited months for chrome to support modules

>> No.62767998

Tried bootstrap and bulma, much preferred using bulma. Stick or twist? What next?

>> No.62768908 [DELETED] 
File: 173 KB, 2688x2688, thonking.png [View same] [iqdb] [saucenao] [google] [report]
62768908

>>62766843
Anyone?

>> No.62769374 [DELETED] 
File: 100 KB, 320x320, 1506539730307.png [View same] [iqdb] [saucenao] [google] [report]
62769374

>>62768908

>> No.62769413 [DELETED] 
File: 175 KB, 600x600, thunking.png [View same] [iqdb] [saucenao] [google] [report]
62769413

>>62769374

>> No.62769447 [DELETED] 

thinking emoji = reddit

>> No.62769452 [DELETED] 
File: 3 KB, 246x238, topkak.png [View same] [iqdb] [saucenao] [google] [report]
62769452

>>62769413

>> No.62769465 [DELETED] 
File: 16 KB, 112x112, thenk.png [View same] [iqdb] [saucenao] [google] [report]
62769465

>>62769452

>> No.62769566

How do I follow the road map, I don't know where to go ???

>> No.62769603
File: 10 KB, 433x303, 1266722794032.jpg [View same] [iqdb] [saucenao] [google] [report]
62769603

Where exactly do people/professionals tend to write their code on? Do they just use a browser's Web Developer tools and code from there?

Is just typing code on a text editor + refreshing the page something normal? Or do people actually use software for this?

What about for JavaScript?
The browser console seems to be a bit annoying to type code in. I mean, it seems like it's a one line space to write it and then I can't edit it or anything?

>Really, a good example of what I'm trying to get at would be something like 'codepen'. It seems so convenient.


Sorry, this might seem like a silly question but in order to approach a professional environment I'd like to at least use/know any professional tools as much as possible. I've actually been a bit confused on getting started on this.

For programming I'd usually code and run through terminal and that's good, but WD I'm not so sure what are some good tools.

>> No.62769612

>>62769566
take a compass with ya

>> No.62770367

>>62769603
Code in a text editor then refresh.
There are tools like LiveReload and Browsersync that can watch files and refresh on save.

>> No.62770692

>>62766843
all these faggots crying about not being able to get their foot in, yet some guy offers pro bono work and everyone ignored him kek

>> No.62770705 [DELETED] 

test.

>> No.62771001
File: 310 KB, 1920x948, Untitled-2.jpg [View same] [iqdb] [saucenao] [google] [report]
62771001

So I'm trying to cut out a lot of the whitespace displayed in 16:9 on 4chan, unfortunately my methods have caused equal to worse in some instances rendering of it. I'm curious if someone here can generate a quick fix for the issue I'm having with scaling posts to reach size parity so the left and right posts are the same size despite any disparity in content. I think it'd be called justifying.

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("boards.4chan.org")
}

.opContainer
{
float: inherit
border-top-style: solid !important;
border-width: 2px !important;
border-color: #c0c0c0 !important;
}

.thread .postContainer
{
float: left !important;
width: 50% !important;
min-inline-size: auto
word-wrap: normal !important;
}

>> No.62771117

>>62771001
Thusly the best result I've gotten was defining height in the post container, but it was a static 100 pixel height and while it matched posts in-thread it detroyed the front page. In certain lengthier replies with quote chains it caused an overlapping of posts.

>> No.62771313

>>62771001
I'm not sure what you're actually trying to do but it will probably look terrible.
body, .board, .thread {
width: 100%;
}

.thread {
display: flex;
flex-wrap: wrap;
}

.thread .postContainer, .thread .opContainer {
width: 49%;
margin: 0.5%;
}

.post.reply {
height: 100%;
width: 100%;
}

>> No.62771624

Do front-end developers often just copy & paste 70% of everything into their project?

>> No.62771641

>>62763388
>WUT
I'm in the office for 11 hours. I rush home and work the rest there. Why? Because I can't do the fucking work. If I didn't put in the extra hours, I'd have already lost the job. It took me 1.5 years to find this fucking job, so that's really not an option for me.

I like the Academind guy on YouTube.

>> No.62771652

>>62765001

At my work, we rebase, so do that.

>> No.62771676

>>62729880
Wasn't there a discord for /wdg/ before?

>> No.62771732

>darcyripper
>download several websites
>take code from them all and make a new website out of it
>congratulations you now have a professional website

>> No.62771736
File: 45 KB, 302x448, 1507141396699.jpg [View same] [iqdb] [saucenao] [google] [report]
62771736

>>62771313
You hit it right on the head, actually. Thanks you Anon.

>> No.62771762

>>62762873
install gentoo

>> No.62771781

>>62769603
>Where exactly do people/professionals tend to write their code on?

At my work (javaScript), we use 3x monitors per person. We write code in a text editor. A background process watches our file changes and updates. If necessary, we refresh our test window, which is in the 2nd monitor. Then we check the browser's developer console, which is in a 3rd monitor. We communicate with each other through Slack and calling each other over. To debug, we don't do anything much fancier than Chrome dev tools (for React and Redux) and the good old console.log().

We definitely do not use the browser's command line or any fancy IDE.

>> No.62771792

>>62769603

Try the Brackets text editor, integrates with your browser for a code pen like experience and has excellent support for webdev

>> No.62771818

>>62771736
>>62771736
pic of result

>> No.62772317

>>62749391
look into docker compose

>> No.62772350

>>62753136
yeah, the best you can do is an embedded one, i.e. one that doesn't have it's own special syntax, but just uses the language e.g: https://github.com/mauricemach/coffeekup

>> No.62772397

>>62757941
you shouldn't really need to use globals. use modules and a build tool like webpack with awesome-typescript-loader. your settings object would exported from its own file and imported wherever needed.

>> No.62772777

Best book for learning how to build web apis from scratch? I guess that's the thing now.

>> No.62773253

>>62772777
what the fuck is there to learn about it

it's just a website for machines.

>> No.62773324
File: 579 KB, 743x767, 7afyqLxpiwLWQ3IXc6N4cw1h5o1_xzYVBtbC_nVDTD0.png [View same] [iqdb] [saucenao] [google] [report]
62773324

>>62767619

>> No.62773403

>>62763489
Your entire function could be replaced by this, the loop does nothing:

function myFunction(somelist, board) {
var minesCloseBy = 0;
if (board[somelist[0]][somelist[1]] === 1) {
minesCloseBy++;
}
return minesCloseBy;
}

>> No.62773440
File: 136 KB, 1019x740, Snow.jpg [View same] [iqdb] [saucenao] [google] [report]
62773440

>>62767343
Sounds like you know nothing, here:
https://www.freecodecamp.org/

>> No.62773460

>>62771001
OneeChan?

>> No.62773468

>>62773403
Or even this:
function myFunction(list, board) {
if (board[list[0]][list[1]] === 1) {
return 1;
}
return 0;
}

>> No.62773552

>>62773468

myFunction = ( l , b ) => ( b[l[0]][l[1]] === 1 ) ? 1 : 0;

>> No.62773600

>>62773552
myFunction = (l, b) => b[l[0]][l[1]] === 1;

Using a bool as an integer will implicitly convert to 1 or 0

>> No.62773608

>>62763489
>https://jsfiddle.net/zu4qt2a4/

return list.reduce(a,e = > a + gamingBoard[e[0]][e[1]]) ? 1 : 0, 0)


y welcome

>> No.62773661

what's the max thead length on 4chan?

>> No.62774037
File: 173 KB, 1920x881, Untitled-1.jpg [View same] [iqdb] [saucenao] [google] [report]
62774037

>>62771818
Minor overlap on the front page and hoverquotes are supermassive, aside from those issues and no apparent division this is pretty much what I wanted.

>> No.62774060

>>62773460
No, just a userstyle with Stylish/Stylus, Onee/4chanX would be cool though, I haven't used 4chanX for like 5 years though.

>> No.62774219

How do I make the big bux writing PHP applications for businesses?

>> No.62774268

>>62774060
It was a suggestion, hah

>> No.62774279
File: 99 KB, 1920x1080, Snipo.png [View same] [iqdb] [saucenao] [google] [report]
62774279

>>62774060
This is how my thread looks

>>
Name (leave empty)
Comment (leave empty)
Name
E-mail
Subject
Comment
Password [?]Password used for file deletion.
Captcha
Action