[ 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

>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)

>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

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]


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

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


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

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

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]

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

What's the fastest non-micro php framework?

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

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?


I need some recomendations pls.

>> No.62732305


>> No.62732325

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

>> No.62732382

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

What is the best editor fir programming

>> No.62733491

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

>> No.62733741


>> No.62734598


>> No.62734634

I tried CreateJs and it looks easy enough

>> No.62734670

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


>> No.62734840

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

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

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

>> No.62735704

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

any vps hosting

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

What font is this?

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

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

Please respond I beg you

>> No.62738251

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]

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

>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

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]

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


But if you really want you can look into MVC.

>> No.62740823


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]

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

>> No.62740837


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

>> No.62741003

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

>> No.62741009

Learn Vue, fuck the masses.

>> No.62741019

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

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?

>> No.62741090

Anything is better than PHP, idiot

>> No.62741094

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

>> No.62741121


Come on dude, first Jewgle result

>> No.62741149

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

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

>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]

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

> 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

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

>> No.62741317

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

>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

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

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

Which extensions? Prove your statement

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


>> No.62741428

You haven't provided any benchmarks either...

>> No.62741458

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]

This is not hard to find...

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

>> No.62741487

>2 weeks in
>expecting results


>> No.62741508

Geocities is a good node, chad

>> No.62741513


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

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

>> No.62741797

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


Only if you're a woman

>> No.62741856

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

>> No.62741937

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

>> No.62741951


>> No.62741955

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

Break a leg

>> No.62742327

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

>> No.62742706


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) {
n = n >> 1;
return longest;

>> No.62742712

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

>requests per second

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

>> No.62742920


>> No.62743057

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

>> No.62743116

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]

>web dev

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.

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


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
return render(request, 'archive/good.html')
return render(request, 'archive/bad.html')
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]

>web dev

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.

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


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
return render(request, 'archive/good.html')
return render(request, 'archive/bad.html')
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

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

>> No.62743673

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

>> No.62743677


Seconding Squarespace for your situation anon.

>> No.62743736

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

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

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

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

>> No.62744359

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]

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


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]

>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

>Requires that you run a web server for the game

>> No.62745174

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

People writing shit code is the fault of the language.

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


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

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


>> No.62745689

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

>> No.62745694

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

>> No.62746375

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

>> No.62746441

Because this is a gorillion times better.
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

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

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

>> No.62746872

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

>> No.62746955

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]

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]

what is /wdg/ reading these days?

>> No.62748107

I got this class AddTodo extends Component {


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


const {text} = this.state

let input
return (<div>
<form onSubmit={e => {
<br />
<br />
<RaisedButton type='submit'> Submit </RaisedButton>

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

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

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

class AddTodo extends Component {


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


const {text} = this.state

let input
return (<div>
<form onSubmit={e => {
<br />
<br />
<RaisedButton type='submit'> Submit </RaisedButton>

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

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

>> No.62748555

>I can see it continuing to dwindle.

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

>> No.62748581

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

>> No.62748640

3 of a kind trumps a pair

>> No.62748653

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

>> No.62748870

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

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

>> No.62749196

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

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

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]

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

t: professional front-end dev

>> No.62750341

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.


>> No.62750599

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

>> No.62750687

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:

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

>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]

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

>> No.62750922

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]

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

>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

Convertion from PSD to HTML requires basic Photoshop knowledge

>> No.62751151

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

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.

For sure, different strokes for different folks.

>> No.62751570

tfw putting bitcoin miners on all my sites now

>> No.62751624

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

>> No.62751640

Stop trying to marginalize his struggles.

>> No.62751644

Rofl that site looks like shit compared to the Stripe site. Its like babby's first wordpress theme

>> No.62751661

Codepen, dribbble

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

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

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

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

>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

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]

basically this

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

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

>> No.62752623

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

>> No.62752666

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]

>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

railed in the ass

>> No.62752890

express maybe

>> No.62753033

Modern tech

>> No.62753136

Template engines are fucking shit.

>> No.62753361

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

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

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]

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]

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]


>> No.62754030


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

>> No.62754440

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


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

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]


>> No.62754607


I have to agree with the other anon.

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

>> No.62754643

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

>> No.62754644

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

>> No.62754673


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

>> No.62755843

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

>> No.62755860

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

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);


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

Yet JavaScript is a bigger piece of shit language

>> No.62756789

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

Thank you, I appreciate it.

>> No.62756937


>> No.62757077

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

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

vanilla js

>> No.62757651

dont be sad anon you can do it

just use bootstrap templates if you are not good with web design

if you want to setup an online for him use stripe 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]

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

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

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

>> No.62758075

>HTML game framework
>pissed about the need for HTTP

the fuck

>> No.62758083

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

>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]


Post some good youtube channels for webdev plox

>> No.62758415


Try NeDB?

>> No.62758433





>> No.62758715

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

>> No.62758741

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

>> No.62758903

>pirate windows

is this rape?

>> No.62759087

tools for front-end?

>> No.62759116

13" macbook pro

>> No.62759138

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

i mean software

>> No.62759223

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

library like this?

>> No.62759447

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

>> No.62760297

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

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

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

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

>> No.62760442

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

>> No.62760451

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

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

Why don't you reimplement the standard library?

>> No.62760579

>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]

How is Docker learned?

>> No.62760618



Learn to search

>> No.62760740


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

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
<span class="foo">bar</span>

is better than
const div = document.createElement("div")
const span = document.createElement("span")
span.textContent = "bar"

which I think is self-evident

>> No.62761007

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

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

>> No.62761087

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

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

>> No.62761131

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

why do we need an extra library for that?*

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

>> No.62761223

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

mutation? REEEEE

>> No.62761304

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

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

>> No.62761499

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

>> No.62761529

just one more reason to disable javascript for good

fuck that cancer

>> No.62761587

enjoy using 4chan without javascript

>> No.62761601

just block it you overreacting dunce

>> No.62761617

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

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

>> No.62761970

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

>> No.62762051

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

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

>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

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?

>> 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

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

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

>"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

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]

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

Stfu retard

>> No.62762930

>developing on localhost because it's slow.

is this a joke

>> No.62762965

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

>> No.62762970

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


>> No.62762971

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

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

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


>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]

I've got a question folks, I have got this function
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

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

if(i==1 || i==2){

>> No.62763837

what's supposed to happen?

>> No.62763864

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

>> No.62763872

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

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

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

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

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

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

>> No.62764818

what a great argument.

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

>> No.62764902

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

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]

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

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

>> No.62765246

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

never post that gif again
fucking whore-glorifying society

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

are you an web artisan ?

>> No.62765979

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

By smashing your face into the keyboard until it works

>> No.62766763

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
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

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

>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

as a customer i'd probably prefer stripe

>> No.62767195

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

>> No.62767230

>using anything by MS
>especially webdev

it is nice you want to branch out from gaymes though

>> No.62767237

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

>Angular 1.x
Why though?

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

>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]


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


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


>> No.62769447 [DELETED] 

thinking emoji = reddit

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


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


>> 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]

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

take a compass with ya

>> No.62770367

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

>> No.62770692

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] 


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

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")

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

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

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

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


At my work, we rebase, so do that.

>> No.62771676

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

>> No.62771732

>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]

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

>> No.62771762

install gentoo

>> No.62771781

>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


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

>> No.62771818

pic of result

>> No.62772317

look into docker compose

>> No.62772350

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

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

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]


>> No.62773403

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) {
return minesCloseBy;

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

Sounds like you know nothing, here:

>> No.62773460


>> No.62773468

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

>> No.62773552


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

>> No.62773600

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

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

>> No.62773608


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]

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

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

It was a suggestion, hah

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

This is how my thread looks

Name (leave empty)
Comment (leave empty)
Password [?]Password used for file deletion.