/wdg/ - Web Development General

Anyone got any recommended JS meetups in Denver?

bla bla bla.. bla bla bla.. bla

>the next 300 posts

Anyone know of an free package that incorporates messaging and user profiles?
I hate WordPress, so only recommend plugins if they can be independent of it

Did any of you use flexbox in your recent projects? Should I use it or stick with regular CSS?

File: Screen Shot 2017-07-20 at 18.45.41.png (23KB, 419x90px) Image search: [Google]

23KB, 419x90px

>>61474837
its pretty based. I use semantic-ui which heavily usess flex box, so I started using it too..


also, fuck those 2% who use IE 10 and lower

What do you guys use for your SSL certs?

I'd rather not use LetsEncrypt, since at least a year would be nice.

>>61474837

i used it once i fix some alignment issues with my text fields

>>61474837
yeah it's quite useful.
Still want to learn about the newer grid system as well.

>>61474935
it might only be 90 days, but they describe how to set up automatic renewals in their guide

>>61474910
>>61474941
>>61475000
Great, thanks. I will start using it in my next project.

File: 6509e29ae5b2a54e.png (613KB, 1024x576px) Image search: [Google]

613KB, 1024x576px

>>>61469881
>Weird post.
>The beginnings of web dev are incredibly hard, there's liek a thousand buzzwords raining down on you and you have no idea if they are important or not.
>I remember my first (real) project, every few days a completely new technology or topic. Each topic is not terribly hard in itself, but it's like fighting against the Zerg: the sheer number can bring you down.
>Do you understand at least the basics of Client-Server architecture and the HTTP model? Routing? Authentification? Security? Status Codes? YAML, JSON, XML? Templating systems? MVC? Where to put your code in MVC? JS and the DOM-Modell? SASS and SCSS? Bootstrap? jQuery? Whatever custom library you need to make things work? Did you learn your backend langauge of choice as well as the nuts and bolts of the framework you are using?
>And just when you think you figured it all out, deployment comes and you start with a million differnt topics again..
>How much do I have to pay, how can I calculate how much latency/bandwith/throughput is OK? How do I install that shit and what's this fail2ban thing about? XSS? XSRF? And of course you monitor and log your stuff right so you how what is actually happening on your site?
>A freaking nightmare.
>There just isn't a entry level like in "normal coding" where you make a tiny gear of a big machine, you need to know a little bit of everything.

Is there a single book or website that goes over all of this type of stuff? Like maybe a school textbook? I feel like I'm just going through the motions of learning languages and don't really understand what is actually happening.

File: time.png (9KB, 543x127px) Image search: [Google]

9KB, 543x127px

>crosslink preview in US eastern time
>actual thread in local time

>>61475274
there is no point in trying to learn "everything"
What you actually need is an incredible small subset of what's available.

My suggestion would be to pick one frontend framework, one backend language and start building.

Then whenever you encounter something you don't know about, but would like to use, you can learn it then and there in a practical way.
Plus you are actually motivated, because you want to implement it in your own project instead of just learning it "because that's what a webdev supposedly needs to know before they can do anything real"

the fuck is all this webpack shit? never seen any course or class go over all of this. What the fuck is it? A bunch of JS libraries?

>>61475521
it's a tool to bundle your files and do some processing on them

you specify your entry JS file and everything that gets "required" inside it gets bundled together in the output.
There are "loaders" you can use, so you can "require" almost anything from other JS files, to CSS/SCSS, images and what else you have.
So you could for example have a bunch of small images inlined in your JS output and thereby save a bunch of HTTP requests, when the user loads your site.

Then there are also plugins, that let you minify your code, treeshake JS and CSS, rebundle your site on file changes, hotload in the browser, and so on.

Think something like Gulp or Browserify

File: 1500573627969.jpg (140KB, 500x700px) Image search: [Google]

140KB, 500x700px

>>61474571
I heard, that the best way to learn something is making toy projects.
So, can you help me with some ideas of reactjs beginner projects?

Or maybe, the way how to "imagine" what to make?

File: portrait.jpg (150KB, 1000x1611px) Image search: [Google]

150KB, 1000x1611px

I need help from someone good with photoshop. I need to cut this guy out from the background, but his hair is hard to do. I tried using erase background, but it still looks wrong around his hair because it's not exact. Is there a better way to crop the figure out or change the background to white?

>>61476303

Use gimp and you can just adjust the threshhold of "select by color" by holding down the button when you click the background and dragging the mouse

>>61476024
I like writing services I can use on multiple devices using i.e. crud or websocket. If you have a pi or something you can serve it on there over the local network and gain access to it from your laptop/phone whatever.

>>61476319
Ok I'll try that.

>>61476303

its really easy man, id do it if i had photoshop on this PC

use the magnetic lasso (?) around him until you get to the hair, then go very carefully around it manually. Then select your selection, border the selection (or maybe its called grow? i cant remember) then add a glaussian blur to that bordered selection

>>61476319

yeah this might be easier, didnt notice you have a solid background color

I have another question. I need to set up a voicemail box online to receive calls and play a message, etc. What is the best option? I checked out Google Voice but it requires you to link your cell phone. I'm looking for a standalone voicemail service.

File: 4vge1omz.png (763KB, 1000x1611px) Image search: [Google]

763KB, 1000x1611px

>>61476303
20 seconds with quick select tool in photoshop.

>>61476417
The problem is some parts of his hair are black from shadow, so they erase along with the black background.

I have json output like this

[
    {
        "id": "1928",
        "name": "1474669205977.webm"
    }
]

How can i get it with php and save as 2 separate values. $id and $name
i get it with

$json = file_get_contents('http://localhost/handy/?api&random');
$obj = json_decode($json);

i tried with foreach but it aint working

File: portrait2.png (812KB, 1000x1611px) Image search: [Google]

812KB, 1000x1611px

>>61476452
I've gotten it this far but i still think it looks fucked up.

>>61476569

store the JSON response in a variable called data, then just go like this:

var faggot = data.id;
var tranny = data.name;

etc

>>61476633
no no, with php

>>61476651

even easier

http://php.net/manual/en/function.json-decode.php

File: 4vge1omz+.png (751KB, 1000x1611px) Image search: [Google]

751KB, 1000x1611px

>>61476570
Here's the picture I first posted but with select opaque -> invert selection -> expand selection by 4 pixels -> select by color black -> delete. As in deteting black, but only near edges.

>>61475425
Hmmm that's a good point. The light seems so far away and obviously I want that first job because that's where most of the learning will be done anyway.

Thank you anon for the response anon.

>>61476755
Nice. Thank you for this

>>61475521
>never seen any course or class go over all of this
Relying on courses or classes in web dev is retarded, the technology moves too fast. Webpack is the future.

>>61476570
defringe > black

is learning js today makes any sense? specially if I want do more than just create websites.
>how js can be usefull now if not only in coding websites?

Why does everyone (even Google) shill Node.js? There is absolutely nothing that will persuade me to use JavaScript more than I absolutely need to: for a client-side interface.

>>61477967
Learning JS makes sense if you want to do frontend web development, i.e. clientside scripting and web apps.

You can also use JS on the backend (using Node.js), but that's just one out of many choices for a backend language.

You can use it for writing native apps using something like Cordova for mobile and Electron for desktop. But both of those are basically like writing webapps that have some extra native functionality added in. Also, there are many other programming languages and platforms for developing native apps.

When you say "more than just create websites", did you have something specific in mind?

>>61478110
In 2077, operating systems will simply be a web app.

>>61477967
If you're working in web, you should learn JS.

>>61477967
>how js can be usefull now if not only in coding websites?
It runs on the client-side, server-side, and now thanks to React Native and similar frameworks, you can create desktop apps, too. You'd be stupid not to learn JS these days. Check out the stackoverflow survey which places JS at the very top. Check out which language has the most repos on Github (read: it's JS). There is no better time to learn JS. But if you're just starting you've got a lot of catching up to do: DOM APIs, Node, npm, React, Redux, Express, Koa, ES6, PostCSS, Webpack, Babel, Browserify, Gulp, RxJS, MongoDB, and the list goes on.

>>61478068
>Why does everyone (even Google) shill Node.js?
>There is absolutely nothing that will persuade me to use JavaScript more than I absolutely need to: for a client-side interface.
Why would I bother answering your initial question given your subsequent statement? Your whole post negates any possible discourse.

File: averagegentoomen.jpg (64KB, 640x640px) Image search: [Google]

64KB, 640x640px

What is your advice for programming for graphic design with GUI (Dreamweaver CC)? I'm studying web development for one semester.

File: 1457504102329.jpg (57KB, 598x356px) Image search: [Google]

57KB, 598x356px

>>61478156
>Dreamweaver CC

>>61478068
because it's actually quite good

>>61476303
use color replace to change the background to hot pink/green>Magic wand tool>change 5x5 to 11x11 pixel selction>click background>replace with paintbucket or transparency

>>61478165
I'm taking this class to graduate with a BA in Graphic Design faggot, are you aware Dreamweaver has a code view option where you can program to your autistic content.

what CSS selector JS framework does /g/ use?

>>61474571
Any good RL php courses?

Finished codecademies course and its nice for learning the syntax and what objects, classes and methods are (again) but it fails to show what you can actually do with it.

Like creating a registration and login option for a website. Or storing a shopping cart in a mysql database.

>inb4 wrong thread

>>61478156
>What is your advice for programming for graphic design with GUI (Dreamweaver CC)?

The best advice is not to use Dreamweaver or any WYSIWYG editor.

For design, you just need HTML, which is pretty simple, and CSS, which is simple to start, but getting the hang of the box-model can be tricky. Also there are a ton of random attributes and selectors that you'll almost never need, but in a tiny percent of cases, will make something way easier.

If you just want to make some simple things, you can learn enough CSS in a short period of time though.

>>61478200
I dont even know what you are asking anon

>>61478211
vanilla
>getElementsByID
>getElementsByClassName
>querySelector
>querySelectorAll

>>61478153
I'll try, for a moment, to be rational. What advantages does Node.js provide that are unique?

>>61478253
>>61478250
Alright I bookmarked the link in the sticky. I'm going to lurk here while I take the class so I cn have people review my code.

What are some nice FF extensions for dev tools

>>61475274
If you want out-of-the-box functionality rather than assembling everything together from the bottom up then learn web programming with Java or C#.

The only advice for all the complexity of open source frameworks is to just avoid all the fancy new frontend frameworks and start out with html/css and vanilla js and move up from there. I think you learn more by starting out with vanilla PHP rather than using a framework like Rails, Django, Laravel, etc.

>>61478200
>a BA in Graphic Design faggot
sounds about right

>>61478110
>>61478143
>>61478147
thx guys for answers.

back to your question
>>61478110
I am new in the programming topic and I spend a lot of time doing research of what language should I start to learn. After trying a bit of any modern use languages (like C/C++, Java etc. and yes I know they are much 'harder' than js but only in first look) I came to conclusion that only JS fits my requirements and it seems like a good output for later coming decisions on what I really want to do and learn (frameworks)

I was just a little scared of usability of js (a jack of all trades is master of none) but I hope that frameworks really do their job.

>>61478261
Run JS relatively well in contexts outside of the browser.

>>61478211
$()

File: b71db743778a88a10dea10fa24da4b9c.jpg (15KB, 300x400px) Image search: [Google]

15KB, 300x400px

>>61478261
not the anon you replied to but here is my take on it.

If you don't like JavaScript to begin with, then of course you will not like to use Node either.
I know some python and some C++, but currently pretty much only use JS in my projects.
It's nice to be able to easily switch back and forth from front- to backend and stay in the same language with the same environment of packages.
Node is the only backend I used, so I can't make comparison, but the non blocking nature of everything is nice and easy to use imo.
A regular argument is the lack of types. Some swear on TypeScript, but I haven't used that yet.
ES6/7 also move the language in a good direction.
Anyway, there is a reason why there is more than one option for backend languages, so use the one you think works best for you.

>>61478211
I find that CSS selectors in JS are rarely actually needed, but when I do need them I use querySelectorAll.

>>61478261
Its good for SPA's, I think most frontend frameworks are fed from the backend by node

>>61478599
Most frontend frameworks have no particular tie to backend frameworks.

>>61478661
Generally frontend frameworks need some API to get data from the backend. I think >>61478599 is just saying that the APIs are commonly implemented using Node, not that they have to use it.

>>61478825
Thanks captain obvious.

>>61478825
>some API to get data from the backend.
Either AJAX or the native fetch API is used for that purpose. APIs used in front-end frameworks like React all really boil down to AJAX under the hood. Neither are "implemented" by Node.

File: 2017-07-20_23-37-57.png (577KB, 3840x2095px) Image search: [Google]

577KB, 3840x2095px

>61472949
And while we're at it, let's not forget how the front page of SASS is filled with bullshit buzzwords, and the front page of LESS is filled with the actual code

>>61479146
>>61472949

>>61479146
LESS? SASS?

>not using PostCSS and cssnext in 2017 a.k.a. THE FUTURE

Is hating MongoDB just a meme?

>>61479213
MongoDB is just a meme

>>61479113
I think you're confused because I used the term "API".

What you're talking about is APIs for frontend features provided by libraries or frameworks.

I mean implementing a serverside API for communication between the client and the server. The client provides parameters in a request, and the server sends back a response containing some information.

An example of what I'm talking about is the 4chan API, which allows a client to retrieve metadata about boards and threads from the 4chan server.

>>61479251
base64'd meme god database

>>61479190
If this:

:root {
  --mainColor: red;
}

a {
  color: var(--mainColor);
}

is the future, I'm just going to become a luddite because it's shit compared to:

@mainColor: red;

a {
  color: @mainColor;
}

Is PHP a /wdg/ thing or a /dpt/ thing?

>>61479373
>>61470147

File: b690e198145733982952047650_700wa_0.gif (1023KB, 380x340px) Image search: [Google]

1023KB, 380x340px

>>61478227
shy push

>>61478184
nice solution

>>61479337
t. Javababby

I was going to order some Chinese.


http://asiangourmetok.com/

>>61479500
I've never done java before, so I don't really understand

How does postmates, uber eats etc etc get the prices of food from stores?

Do they manually call like once a week or do companies sign up for the service and email in to change prices?

>>61479736
Postmates is a mix of store participation and user/driver contributions, Ubereats is 100% store participation

>>61480223
Interesting. Uber Eats relies on their established brand, while Postmates offers incentive.

So, incentive it is.

Is the Udacity Full Stack nanodegree good? I can get code reviews for free via a grader friend so it's basically free for me

>>61480967
It wouldn't hurt.

If your goal is to get a job and you already have some fantastic code samples, then adding new shit to your resume is a good idea.

>>61478211
>>61478462

>jQuery

Top shiggy

>>61478211
You don't need one if you are using a modern view library.

>>61478138
>2100 Psychiatry Appointment
>$npm rebuild brain

>>61479146
>not using component-based styling
>not being able to change themes dynamically
>bundling your styles and for every view in one file even though the view isn't loaded
>fucking up your whole site because of one CSS change


Hi 2016

>>61479251
Pretty much every modern framework is just a meme at this point.
Most languages are memes.
Our whole industry is a meme.

...Holy shit guys. We're living memes.

Did it take anyone else a while to fully grasp IoC and dependency injection specifically in .NET Core? I've only been studying it for a couple days, but it's such an abstract concept for me.

>>61482885
Yes, we're a meme that is quickly becoming oversaturated.

If you're not in the career then get in as fast as you can and move jobs to get a higher title.

Once the "everybody needs to code" groups start shitting in sub-par coders and the "girls can kode too!" groups start forcing html4 using girls into Node positions, salary will plummet and no one will know what a serious developer is anymore. Diamond in a pile of trash scenario.

>>61483946
>no one will know what a serious developer is anymore
That's why you need to focus on the things that differentiate you as a serious developer, as opposed to a codemonkey.

Given specific enough instructions on what needs to be written, and Google/StackOverflow, a codemonkey will be able to get a task done. A serious developer needs to be able to take requirements and design something that fulfills them, generally on a larger scale.

Why is React so comfy? Literally just a component library that isn't a bloated framework.

Set up with create-react-app, Don't have to touch webpack build config and it will always stay up to date, does proper code splitting and deferring resources. Does all the progressive web app stuff like register service workers and manifests.

Styled components actually make styling fun. Redux makes sharing state between many components very clean without needing to pass props everywhere or worry about parent components. React motion with their presets allow for awesome DOM transitions.

>>61484520
You think that's comfy?

https://github.com/Day8/re-frame

is there an app that can spellcheck the showing text in html code and ignore the rest?

>>61484830
I feel like sublime does that.

File: nodejs-logo.png (18KB, 424x274px) Image search: [Google]

18KB, 424x274px

When will this meme die

>>61485437
As soon as the world stops using JS.

What ide do you guys use?

I've been using Brackets but I'm missing hints, warnings, and autocomplete features.

I'm using php, html, css, and js with jquery.

For sql I just use Xampp in browser at localhost phpmyadmin

>>61485919
I've installed many extensions but none I've found do those

ITT: Garbage fucking retards using glued-together-lego kits to make lego houses.

Learn how to build with legos, you absolute droolpandas.

>>61485919
Notepad++

>>61485943
PHPStorm/WebStorm with eslint configured is pretty neat

What are the modern and industry friendly front/back/hybrid frameworks to have a job for at least 3 years?

>>61485919
Microsoft Word

>>61486024
Hey man, we use React, it's just like those slightly bigger legos.

Is anyone familiar with Colt Steele's "The web developer bootcamp" on Udemy? I see ledditors recommend it but their accounts are suspicious, they might be shilling hard.

>>61485919
vscode and intellij

>>61485919
Vscode. Standard linting misses loads of stuff though. I'm using eslint at the moment but I find it a bit annoying. I installed it globally through npm but then initialising it in a project directory installed it locally as well. I'd rather a single global config, rather than every project having yet another config file. The eslint extension for vscode didn't recognise a yaml config file and forces you to create it in json. All in all, way more frustrating that simply pointing vscode to your e.g. pep8 or golint executables.

File: grid.png (5KB, 571x306px) Image search: [Google]

5KB, 571x306px

Using newer grid system and I can't figure out how to make two squares stay square inside a rectangle, regardless of screen size.
pls send help

>>61487363
Flexbox? Fixed size?

File: Lighttpd_logo.png (40KB, 800x768px) Image search: [Google]

40KB, 800x768px

is there a more lightweight webserver than this one? Pic related.

I am hosting my blog on my raspberry pi 2 using hugo ( https://gohugo.io/ ) and now just wanting to make everything as light as possible, cause only shitty static content served.
Any suggestions or is lighttp good? Would be nice if I could add a little logging feature later on (how many views per day or shit like that)

Is there any way to protect video files from downloading?

>>61487751
What you're looking for is DRM, but know that it's a fool's errand, at least until hardware DRM in screens is ubiquitous, and really not even then.

>>61487751
By unauthorised users yes.

>>61487452
I use it for my blog/site, it's ok and quite slim, but nginx seems a little nicer, from a feature perspective.

>>61488354
>>61487452
nginx is a joy to use IMO.

>>61487382
Thanks.

>>61486685
Fucking lol, megabloks: the framework

i added rules for div

 #next{
        position:relative;
        z-index: 99; !important
    }

but shit is not going everything still. It needs to be on top of everything, it is one fixed button

>>61488428
this is not valid css. you place !important before the semicolon

>>61488454
ye i see, even with that and position: fixed it is not working

>>61488473
post a link to the whole thing

>>61488428
Post it on JSfiddle, can't really comment without seeing the mark-up.

For starters try setting a width, a height, and a background colour to the div.

>>61488538
>>61488583
https://jsfiddle.net/tp9pjskh/1/
that next img, it needs to be over video

>>61487452
write one in Go, it will be very lightweight

>>61488538
>>61488583
just changed order, i set next 1st and video 2nd, now everything is ok

>>61488647
https://jsfiddle.net/tp9pjskh/2/

>tfw javascript and php developer at $18/hr but job wont give me a pay raise

wat do?

what is the best template engine to work with nodejs? looking for something not complicated.

>>61489380
Find new job?

>>61489481
Handlebars/mustache

>>61489481

express duh

what does /wdg/ think of Polymer?

>>61489481
templating engine or templating language?

templating language, "embedded javascript", that works with express: npm install ejs --save

>>61486685
>Hey man, we use React, it's just like those slightly bigger legos.
Duplo? Lol, so you don't accidentally choke.

>>61489481
ES6 template strings

>>61476024
To make toy projects just pick some software you use on a regular basis and try to clone it, this way you have a good understanding of which features are important and how they should be implemented. Also if you're persistant and your project somehow ends up not being shit there's a chance you'll actually use it.
Some examples : rss aggregator, evernote clone, ebook reader ...

I want to make my own static cms from a "reasonable" scratch to learn stuff. What would be a good starting point? I work as a c++/java dev

>>61487067
>>61486169
>>61487285
Thanks, I'll try these
>>61486024
>t. Person that literally tries to build his house with legos
Just use binary fucking scrub.

>>61485919
>PHP

Why do people use this still? I'm honestly curious when things like Node, Rails, Django, etc exist.

>>61491247

php7+ is good

you know python is older than php right?

>>61482741
>using vue for simple buttons and menus
no thanks buddy

>>61478211
well if you don't like typing querySelector repeatedly:

function select(selector, context) {
  var element;
  context = context || document;
  
  switch (selector.charAt(0)) {
    case "#":
      element = context.getElementById(selector.substr(1));
      break;
      
    case '.':
      returnElement(context.getElementsByClassName(selector.substr(1)));
      break;
      
    default: 
      returnElement(context.querySelectorAll(selector));
      break;
  }
  
  function returnElement(nodeList) {
    element = (nodeList.length > 1) ? Array.prototype.slice.call(nodeList) : nodeList[0];
  }
  
  return element;
}

>>61492062
There's still a chance that something starting with a '.' or a '#' will be more complex than a simple id or class selector. E.g. "#id > .subelement".

You should probably split the string by space, greater than, colon, bracket, and any other characters that might separate two parts of a query.

>>61492062
Why the fuck not just use jquery. You're literally building that shit.

>>61492062
This is stupid.

const qs = document.querySelector;
const qsa = document.querySelectorAll;

>>61492769
Too heavy for the use case.

Need some help here, I need to set up a voicemail for a small business. What is the best online voicemail or answering machine service? If they don't have this I need to build it.

File: etyvid(1).webm (3MB, 640x350px) Image search: [Google]

3MB, 640x350px

Can I get some critique on my app?

>>61493584
Pretty fuckin rad desu.

>>61493561
doesn't google voice do this

What's the best guide which gives a complete understanding of the web? The structures, the protocols, things like how sessions work, tech like SSL... [spoiler]read the sticky etc[/spoiler]

anyone good with nodejs/electron wanna try making (or helping me make) a client for one of my projects?

>>61493584
looks awesome
where did you get etymologic data ? from wordnet ?

>>61493954
MDN is actually very good for this.

https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
is a high level guide on some basics. It's geared toward beginners, but it's worth a skim-through even if you have some experience. Especially the "How the web works" and "How the Internet works" links.

https://developer.mozilla.org/en-US/docs/Web/Security
and
https://developer.mozilla.org/en-US/docs/Web/HTTP
are both worth reading through.

For any other technologies you want to know about, it's worth googling "MDN " + thatTopic to see if they have an article.

>>61493584
really neat
the input field seems really small though, especially when you tell people that they can enter complete sentences.
Maybe one the main page, between the title and input field, have some kind of short default sentence, that demonstrates the capability of the app... where it does the same mouse-hover thing.
Personally don't like the color changing title and think it weirdly contrasts with the solid backgrounds from the results, but I leave that up to personal preference.
Where do you source the word-origins from?

>>61493954
>read the sticky
well, you got it
why do you even need "one best" guide, that does everything?
OP, Google, MDN will give you everything you need if you bother to look.

>>61493820
I'm checking but I don't think so

>>61494056
never done electron but i'm decent at regular webdev stuff and have nothing better to do so i'll help you as a learning exercise

>>61494208
this is my project http://urlgone.com/995288/
join the gitter if you're still interested

>>61474571
Hey weeb deevs, can you guys help me get a string out of my URL?

Basically I have nginx proxying the domain to another server, where the content is served by OBSD httpd

How would I do an nginx rewrite rule to change, e.g.

https://example.com/?/writing/

to

https://example.com/writing/

File: 1477115548854.gif (580KB, 500x281px) Image search: [Google]

580KB, 500x281px

>>61494144
Thank you, anon.

I am a bad, lazy dev who has learned only on the job. I have no appreciation for the bigger picture. I only know the bits that I know. Now I'm having job interviews for a new job, I realise just how little I know and understand. I want to 'get' how it all ties together, so that when I learn something new, I understand where it fits and the underlying shit going on with it.

I want to make some docs for myself, with code blocks involved. What's a good app to achieve this? Slack has decent document tools, but obviously that's not a good solution.

>>61494360
I have a wikimedia instance on my lan for docs and note taking purposes

Love me some web development, mmm yes leak some dat web development juice onto my tongue baby

>>61494324
>I am a bad, lazy dev who has learned only on the job
How the hell did you find that job if you had no prior knowledge?

>>61494523
I spent a few months learning while I was NEET.

What I mean, is that as soon as I got that job, all web dev stuff outside of work stopped. And I had to kind of jump in to working where I work, so I didn't have much of a proper education there. I would have needed to put the time in outside of work to learn it proper, especially with the tech we use at work specifically.

>>61494523
>>61494763
In my phone interview earlier today, the interviewer asked me what something was, as a test question. He went on to compare it something I was sure to know - the global PHP variable.

I had no idea what that was, despite, I guess, the fact that it should be obvious to me, as a Magento developer. idk

File: lol.png (678KB, 944x728px) Image search: [Google]

678KB, 944x728px

HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA

I've never seen so many cringy people gathered in a single discord. Guess that's expected from that board. Although regular posters don't even sound that dumb so I guess most of those are lurkers and hence why barely any programming is discussed in there.

where / how do i get into this shit, so far all ive gotten with some light googling is a bunch of moocs, reddit posts that all cancel each other out, and for profit bootcamp ads.

https://github.com/friendlyanon/gif-engine-js
WIP
How am I doing so far?

>>61495004
i was on discord once to have a look, who is actually on there.
It's basically a mix of super-edge-/pol/, bunch of memelords and only 2-3 people actually talking about webdev. Those seemed really advanced and knowledgeable though, so I have no clue really, why they decide to hang around in that infested place.

>>61495062
Did you read the OP?
anyway, DL an editor with syntax highlighting, create a HTML file with some divs, add CSS.
gz, you are now a web developer.
>posts that all cancel each other out
what do you mean specifically?

>>61495125
thanks anon, i was reading the OP just now. it just seems like a lot of stuff to delve into. not looking for handholding just a vague direction to head towards.

ill do that stuff now, and regarding the reddit thing, one says "you must do X" while the next post says "you must never do X, do Y instead" and while i get different things work for different people its just confusing to look at with no frame of reference.

What cloud service should I use to storage large amount of pictures,pdfs and other types of documents.The users will be able to upload and dowload.Also, there will be aproximately 4000 concurrent at first, then it will rise to 10M.

>>61495169
might want to have a look at
>>61475274
>>61475425

I know what you mean, people are very opinionated about their technologies and will gladly tell you what stack to use.
It sounds super cliche, but "just build things", as soon as you know how to put HTML, CSS and JS together, even if it's absolute shit.
Don't fall into the trap of hours and hours of theoretical learning and trying to find the absolute perfect stack (which will be outdated soon enough again anyway)

>>61495326
>10M concurrent users
at that level I am not sure, whether you should put your trust in /wdg/ anon

>>61495326
>there will be aproximately 4000 concurrent at first, then it will rise to 10M

Heh, good luck with that anon. Probably look at the big hosts, AWS (S3), Google Cloud, Azure. Read some comparisons on speed, availability, and cost.

>>61494141
>>61494152
I scraped etymonline for every entry there (~40,000) then used that list and scraped wordnik api for more data. From there I just used various regex match strategies to get the origin from the gathered data

I do feel the animated gradient is cheesy, it's just the first thing I tried to make an interesting splash page

>>61495398
yeah that makes sense, i didnt look at the last thread this was the first one i dropped in on. thanks.

>>61495661
>the animated gradient is cheesy
idk i guess people interested in etymology would rather give a fuck about function rather than form

are you stemming input words before matching them to whatever data you've gathered ?

>>61495751
>stemming
I am, it's really crude and pretty much just a bunch of if statements right now.

The logic is "test if word is in database. If not, trim x off the end and test if resulting word is in database. If not trim y off end and test if resulting word in database, if not..."

There's about 30 of these strategies in the variantchecker Function

>>61495866
you might want to check some libs in your language for this
i usually do java, lucene and stanford nlp have lots of resources but i'm sure those are available in whatever you use

where my phoenix/elixir homies at,

have some questions regarding contexts in 1.3

>>61493547
Native getElementBy methods are way faster anon. This is basically what others do: prioritize getByID, getByClassName first, and have querySelector as the last option.

>>61496484
kys

>>61496816
But why would you use them? The only reason I'd ever use any of these functions is in some strange corner case that can be quickly and easily trimmed using the complex syntax of a full css selector. If you just need to get something by id or class name, you should be storing references to those nodes on creation. Using things like getElementById is symptomatic of a jQuery mindset as opposed to a functional one.

>we are recruiting for two C#.Net Software Engineers with a solid background in Winforms for a cutting-edge 12 month contract
>winforms
>cutting-edge

the fuck

File: 1493262882104.png (564KB, 560x603px) Image search: [Google]

564KB, 560x603px

>>61496889
The 12 month contract is cutting edge, anon.

>>61496849
poor node babby

File: bort sampson.png (442KB, 1350x620px) Image search: [Google]

442KB, 1350x620px

>>61476452
>>61476570
>>61476755

Please tell me you're just taking the piss. This is a joke right?

Checked.

how many domains are just sitting around because people like squatting shit?

How often to you scroll through your code once you've written it and it's been deployed?
Do you enjoy staring at those lines of logic born in your head?

Me: yes

File: 1497116546474.png (55KB, 217x190px) Image search: [Google]

55KB, 217x190px

>>61497708
I often go through random files, just to see if I can find something that can be optimized.

>>61497708
I think about a good bit of code and think "man, I should make that into a library", and then I look at it and think "well that's not as extensible as i remembered".

File: 1479789040152.jpg (47KB, 700x700px) Image search: [Google]

47KB, 700x700px

>>61497708
>web development
>logic
Kek, saw this whilst browsing the front page and had to leave a kek. You guys are literally monkeys in the eyes of progammers.

You can go back to your code now, I think you forget to close a div tag.

>>61497955
and yet you use web related technology more than all of your other shit combined
also
>backend doesn't exist

>>61487452
httpd by OpenBSD

>C- in web programming course
fuck you all web deving sucks
javascript and php can suck my penis
Ill go do some real programming

>>61498277
Unlikely.

>>61496882
>Using things like getElementById is symptomatic of a jQuery mindset as opposed to a functional one
how else would you select an object by ID when getElementById IS the absolute fastest way? there is of course a balance between being a hipster purist and reinventing the wheel. The jQuery mindset is I think more centered around the idea of "one size fits everything" type of solution, which I can appreciate for being a quality of life improvement to having to write something over and over (or setting up the same type of internal hack/shortcut) for each project. the problem however is that over time it abstracts new adopters from the underlying problems it originally intended to solve.

>>61498704
My question is why would you. The fact that you're doing this in the first place belies an old-fashioned philosophy toward "frontend development," especially if you're doing it enough to need some crazy alias function. Fancy wrappers around query engines are generally the worst offenders in encouraging bad spaghetti code.

>>61497708
yeah I kind of adore it for a few mins. specially if
i managed to make something work. that proud feeling

is AWS the best host in the game?

>>61499406
so youre saying no one should ever query anything at all?

isn't chrome's mobile emulator supposed to be really good? when I open the website on an iPhone some things look different.

>>61500600
I hadn't heard anything especially good about it. I generally don't bother with it; it doesn't seem to even obey the meta viewport tag.

>>61498277
>can't even pass web design
>expects that he can do software dev
lmaoing @ ur life

Should I learn JavaScript first before I jump to jQuery?

>>61501797
yes

learn it and then consider not using jQuery at all.

>>61501994
Why is that so? I'm trying to learn front-end

>>61501994

jQuery was written to make it easier to support stuff like IE7.

There's really no one left who cares about ancient browsers like that, so your value in using jquery is pretty limited.

Most single-line jQuery functions are single line plain JS functions in latest versions of browsers.

File: file.png (735B, 623x290px) Image search: [Google]

735B, 623x290px

is this possible using css?

the <select> and <button> should be automatically sized (like without any css) and the <input type=text> between them should use rest of the horizontal space available

it can use flex/grid/whatever new thing and i'd prefer to avoid using calc() or specifying widths in fixed units

>>61503296
>possible using css?
>(like without any css)
huh? I guess you mean without JS

yes flexbox can do that. Look at flex-grow and flex-shrink
https://developer.mozilla.org/en/docs/Web/CSS/flex

File: d3.png (214KB, 700x280px) Image search: [Google]

214KB, 700x280px

Ember or Angular 2?

I need to build an application that includes real-time graphs, probably using D3.js. I've worked with AngularJS two years ago but I don't know TypeScript.

What JS framework goes best with D3?

Which is more efficient?

let someFunction;
{
  const lexicallyScopedPrivateFunction = () => {};
  someFunction = lexicallyScopedPrivateFunction;
}

or

const someFunction = (function(){
  const functionScopedPrivateFunction = () => {};
  return functionScopedPrivateFunction;
}());

>>61503646
they're the same

>>61503646
i posted before reading

the second one is const so it's probably better

>>61503555
Just pick one and start using it. Everything will be able to do what you want. The only thing that will hold you back will be how well you know the framework. General knowledge will carry over between all those sorts of frameworks.

>>61503651
Of course the outcome is the same, but I'm asking from a performance point of view, since functions come with all the shit like arguments binding, this binding, but closures also have negative performance implications albeit very minor, see https://jsperf.com/new-array-vs-splice-vs-slice/157

>>61503682
Yeah, you're right
I'll toss a coin between Ember & Backbone (which I also used in the past)

Angular 2 is out because I don't like my pages to load megabytes of JS

>>61494903
>its funny because he is black

>thinking programming should be exclusive to people with white skin

>>61504122
digits confirms /pol is full of worthless scum.

>>61499406
this >>61499922
also, the code above would return a regular node element, so vanilla JS is still being applied here.

So I set up a custom domain for a CloudFront distribution, if I access https://cdn.domain it works but if I access https://www.cdn.domain Firefox is saying the SSL certificate can't be trusted. I just removed the www. subdomain, it's trivial to reroute the assets, I'm just wondering why that could have happened.
>https://www.domain
>https://domain
>https://cdn.domain
work
>https://www.cdn.domain
doesn't

>>61505502
You probably took certificate for domain and cdn subdomain and got www as free extra. Www.cdn counts as completely different subdomain.

Trying to choose a new hosting provider. I've been using Namecheap and I'm not renewing my service. Between Digital Ocean and Linode. I can't help but notice that Digital Ocean is 5 dollars more per month. Why is that? Is there anything they provide that Linode doesn't?

>>61506267
>OP
https://www.webstack.de/blog/e/cloud-hosting-provider-comparison-2017/

>>61503555
Why are you choosing from those two? Are you're at super enterprisey place? If not, React.

>>61506676
Ember because I used Handlebars in the past
Angular 2 because I worked at an enterprise-y place in the past, where they used Angular 1
Never had contact with React
Used Backbone in the past and I like the simplicity

I'm a back-end guy mostly, with little experience apart from 3 months of Angular

This new application is for financial data
It needs live charts. Never used D3 before, so no clue how well it integrates in any of the frameworks

The backend is going to be a standard JSON API, polling, no websockets for now

Is React + D3 a good match?

>>61506758
>back-end guy
>Angular
You're exactly, and I mean exactly, the target audience for Vue.js. Try it. You'll thank me later. I don't know using about Vue with D3 (I'm prefer p5.js), but I know https://github.com/apertureless/vue-chartjs is somewhat popular.

>>61506921
s/using about/about using/

>>61506973
s/I'm prefer/I prefer/
fuuuck
Well, I hop you understood me nonetheless

File: 1378356986149.png (268KB, 491x616px) Image search: [Google]

268KB, 491x616px

What's your preferred hosting solution?
Say I wanted to build a small personal website as an experiment to market myself. What would you suggest?

>>61504122
funny because anyone thinks a nobody can faze google this far into the game

>>61507262
Netlify or GitHub/GitLab pages, if it's suitable for static hosting

File: Death Star.png (1MB, 941x1267px) Image search: [Google]

1MB, 941x1267px

So I'm just getting into webdev. I got in on udemy's 95% off sale, and bought three courses

>Webdev boot camp
>Webdesign boot camp
>WordPress for business

I'm about done with my WordPress for business course, and want to start webdev/design stuff

I should do the dev course BEFORE I do the design course, right?

hey fellas
how do you deploy nowadays?
i have a js(react) app with node backend(express) and postres database, which sits on top of nginx in linux(centos)
i need to
1. be able to develop locally on my machine, modifying whole stack, from os to client, ports, folder permissions, packages, routing, etc.
2. track it all via something like git with branching, merge, rebase and stuff
3. easily migrate from provider to provider by copy-pasting database
4. deploy on vps and push updates and bugfixes asap git-style without manually editing anything on server
what do? quick google returns docker, lxc, microservices. am i on the right track?

Anyone teach web dev on the weekends?

Any good place to offer those services and find students?

>>61508318
Do design first, then dev.

A lot of devs are bad at design so get good at it if you can.

>>61474571
>Get a good understanding of HTML, CSS and JavaScript.

Don't forget VB for your code-behind.

File: eyes.jpg (44KB, 956x539px) Image search: [Google]

44KB, 956x539px

>>61508612
>VB

>>61508472
mh, I am not too familiar with them, but have you looked at git hooks?

>>61508573
Your best bet would be to create a good set of videos on youtube.
you are going to have a hard time, if you want to do 1on1 teaching, when things like udemy, pluralsight and teamtreehouse exist.

>>61478166
I used to shrug it off for Server-Side until I saw that it was faster than PHP.

>>61508596
Thanks dude!
I should also note: I have 0 coding experience. That's why I asked if I should learn some webdev fundamentals before working on the design portion.

Regardless, I'll take your advice!

>>61509062
Not him but it's interesting seeing such enthusiasm for web dev from newbies. I'd like to see you 6-months to a year down the line and see if you type in quite the same emotion-filled way towards web dev-related articles

File: Happi helper.jpg (126KB, 604x516px) Image search: [Google]

126KB, 604x516px

>>61509501
Well, if I'm being honest, webdev is only a part of my master plan. It's an important step to be sure, but it's not entirely my main focus.

I'm really passionate about marketing, so I've been pursuing all these self-study courses and opportunities on my own. So far I've tackled Google Analytics and Hubspot Inbound Marketing, and I have plans to do many more courses/certs. Webdev is part of that. I work at a marketing firm as a copywriter, but I keep asking to do more and more work from different fields of marketing. For example, on Monday, I get to help build some landing pages, and this weekend I've met with a buddy and we started to build a website for a local University's school paper.

I really just want to be able to do it all. I think this stuff is fun

>>61509644
Nice blog faggot

>>61509848
Thanks! Please, like, subscribe and rate for more!

>>61509644
What does a copywriter do? I googled it once and got no closer to any sort of answer.

File: donald-trump-thumbs-up.jpg (106KB, 1180x842px) Image search: [Google]

106KB, 1180x842px

>>61509863
Well I like that you have ambition man.

Start learning, keep learning, and never ever stop learning.

File: 1469545303738.jpg (115KB, 921x868px) Image search: [Google]

115KB, 921x868px

>>61509966
I compose marketing copy for just about everything at my firm. I write the copy for landing pages, product pages, our website, email marketing campaigns, advertising campaigns, social media campaigns, video content, newsletters, company blogs and more. I make sure everything I produce is SEO optimized as well.

Basically, if you see any form of writing on a company product or service, a copywriter wrote it. That's my job.

>>61509995
Thanks dude. And thanks for the advice.

>>61494903
>STARFFMON
>MUDclo

memes write themselves

There should be a common /wdg/ consensus as to what beginner Javascript projects should be.

I will add some suggestions and we can build up a list:

>automatically updating clock in text
>to-do list with add and delete functionality for the user
>labyrinth generator

>>61506424
I read it. I'm more looking for people who've used one or both. From what I understand for 5 extra bucks you get a much better control panel and much better support. I'm wondering if it's worth it.

Is SQLite my best option if I just want a local and portable DB, that doesn't need a prior setup with some DB driver?
Not a lot of data atm, but using JSON files doesn't seem right.
My backend is Node if that makes a difference.

>>61511573
I haven't used Linode yet, but DO, Vultr and Scaleway. They all do a good job imo.

I mainly use Scaleway since they offer really nice hardware for the price, but they have only 2 EU locations and no automatic backups, which definitely can be a dealbraker. Otherwise I use Vultr.

Just use 2-3 simultaneous for a week and keep the one you like best.

Hopefully I can explain this decently. Firstly I found a cool js project on github. I've downloaded it and messed around with it. Now, I'm waning to add on my own code to it. To do this I realized I needed to get babel.
Fair enough, I installed the babel plugin. Added my small function to see if it'd compile properly. However I'm getting an error:

Uncaught ReferenceError: exports is not defined

I'm not the best frontend guy I really just want to mess with this library but goddamn I have no clue what I'm doing. I've pointed the <script> to the compiled /dist/lib/mycodeadded.js and that's where I'm getting the error.

It should be that simple ideally right? You get babel make your changes to the file -> it's transpiled -> boom it works?

I'm not sure how to fix this.

>>61506921
Cool, I will check that out.
I like Vue's 76 KB production size.
Web pages shouldn't load Megabytes of JS, speaking as someone who grew up with a Commodore C64

>>61492376
good point. however you can also provide the context element instead of directing all search queries from the document body. so like

Selector('.subelement', '#id');

//internally:

var context  = document.getElementById('#id')
var element = context.getElementsByClassName('.subelement');

>>61511917
if you have a JS file that exports something, then that's a case for Node or a bundler like webpack.
The browser doesn't know how to handle it. (at least not yet)

File: Screen Shot 2017-07-22 at 5.59.39 PM.png (46KB, 964x295px) Image search: [Google]

46KB, 964x295px

I was reading through the Node cluster module docs, and I saw this.

I'd imagine someone had a shitfit about that naming choice.

>>61483946
this wont happen

As an FE Dev with limited JS experience, would it be easier to transition towards BE or an FE JS framework?

>>61512026
Ah okay. I'm going to start looking into that.

Here's the project: github.com/pakastin/deck-of-cards

All I want to do is play with some of the animations. I tried to npm install it but isn't working. Still getting the same error when trying to run it.

>>61512286
>/dist/lib/
in the github repo, /lib is the folder that holds all the unbundled files. /dist contains the output, that the browser is able to use when the page loads.

after npm install, did you also build the files?
according to package.json is looks like you should run "npm start" (or "npm run start" not sure) to build the site.

>>61512397
Yeah the /dist/lib is what my filewatcher keeps compiling my changes too. So I'm pointing the script their to where the js.map is.

So I need node to run this frontend stuff? This is getting incredibly obtuse.

>>61512616
not to run it, just to build it.

This way during development it's possible to specify what functions or objects a JS file should export.
Then you can use and re-use these by importing them in other JS files.
It's a good way to keep your code and dependencies organized.

Then when it's time to build, your bundler-tool of choice starts at the entry JS file and goes down the branching-tree of dependencies so to speak, combining everything in one single JS file, that the client can easily load from the server.
In this case the site loads "deck.min.js"

The bundler can also do other things, like minification and some other processing, but that's not really important in this example.

>>61512805
Okay, now I'm starting to understand better.
Do I even need babel/filewatcher then?

I'm also getting a lot of npm errors when I try npm start.

>>61512805
>>61512981
I was able to disable my babel filewatcher and just do the npm start and leave it running. All of my changes are now in the deck.min.js. Holy shit, thank you so much. I've wasted almost 2 days trying to figure out what was going on. I was thinking some how the babel was transpiling it wrong.

So what's happening is there's a node.js program running that is watching all the changes to the project files and when there's a change it compiles them all into deck.min.js?

If so then learning just occurred.

>>61513076
nice, glad it works.
In projects using Node/NPM, the package.json file usually gives you a good hint what to do, if there is no explicit readme.
It describes all the dependencies that "npm install" has to take care of and normally also contains commands for running or building the project.

Hello there, I was wondering if there are other communities besides /g/ and stackoverflow where I could learn and helpfully also give back through teaching/helping. It seems to me that helping others is very beneficial if you want to study and understand concepts.

>>61513205
well, there is reddit.
I don't know if their learnprogramming and learnjavascript (i think it's called that) are more bearable than the rest of the site.
/webdev/ is the only one I check from time to time as it sometimes has some useful links.

>>61511868
If it's just for personal use, and you have a writable directory somewhere safe, maybe. Otherwise I'd probably consider LevelDB on my way to PostgreSQL.

>>61512019
actually,

context.querySelectorAll('.subelement')

>>61512088
you got it https://github.com/nodejs/node/issues/3721

>>61513727
>LevelDB
Looks neat, thanks.
Am a bit surprised, that I have never heard about it so far.

>>61513923
Whoops, forgot about Redis if I really needed a server-based db. It's a key-value store like LevelDB but with some data types and nice server-side ops to work on them. They're just about ideal session stores.

>>61499922
In an ideal world, yes. Querying like that should be considered a necessary evil.