/wdg/ Web Development General

File: 1464886780713.jpg (17KB, 450x370px) Image search: [Google]

17KB, 450x370px

>implying anyone here actually makes money with web dev

Fucking hell, I want to learn this in order to drop my shitty job!

>>60885654
Your implications are contradictory.

File: st,small,215x235-pad,210x230,f8f8f8.lite-1.jpg (5KB, 210x230px) Image search: [Google]

5KB, 210x230px

Best resources to learn D3.js? If you have knowledge on D3, how did you started?

Interview for second web dev job coming up.

They seem desperate.

If they don't hire me after driving for 3 hours I'm going to be sad.

Been making money with web dev for ten years and am so sick of it. At this point I just want to go grow vegetables in the countryside

>>60886219
I work at insect mass rearing.

Do you want to switch places?

>>60886078
let us know how it went, anon! What questions did they ask you? What were the job requirements?

>>60885723
there's a tutorial on d3js website.
if it's not enough buy an o'reilly book.

how much should a JS programmer make a year? ballpark figure, redpill me

File: 1496950632392.jpg (85KB, 470x960px) Image search: [Google]

85KB, 470x960px

Hey guys. I have some basic experience with JS and was looking to get into Ruby. Are there any starter books you think would be helpful?

>>60886953
Depends where you live and level of responsibility. Non-code monkeys in the valley make +$100k/yr

>>60886653
Job requirements are exactly what I know. My first time seeing a listing where I had 100% of the list. I didn't even find them, the CEO hunted my ass down himself.

A lot better than my current gig where they said "You only need PHP" then launched me into full-stack dev and project lead of 3 clients for 20 an hour.

For questions they just wanted to see a code sample and wanted to know how long it would take to relocate.

>>60886953
30-40 starting, 50-70 mid level, 80-140 senior level.

possible to get a remote entry level job without CS degree?

How do I create this widgets like virtual keyboards used by banks on my html?

>>60888364
Use html/css to create the buttons, then use JS to add the functionality to them.

>>60888196
>remote
Damn near impossible to get remote jobs, but you might be one of the lucky ones.

But you can get a job in web dev without a degree. All you need is a strong portfolio and work experience and you will have a decent shot at it.

>>60888710

>near impossible

Why?

Not that anon.

>>60888837
With remote jobs you're competing with everyone right across the country, and in some cases the world (although US based companies usually only employ Americans). If you live outside the US and applying for US based remote jobs you're fucked.

Applying to jobs close to you is your best bet. But still go for the remote ones if you wish.

Typescript vs elm?

File: 1480674704996.gif (21KB, 416x272px) Image search: [Google]

21KB, 416x272px

What is the recommended way to learn JavaScript? I'm extremely comfortable in C so don't need to know the bare basics, but I'm not familiar with OOP or how to use languages for web dev purposes.

>>60888902

That doesn't make any sense but thanks for trying.

>>60889010
You don't need to learn OOP. It can help, but no necessity. Just jump right into JS. It might piss you off at first, or it'll feel really nice for a change to not have to define types.

If you just can't deal with not having types, you get Typescript and enjoy much better compile time checking.

>>60889030
> compile time
In web dev?

Any recommended resources or are the "You Don't Know JS" books from the OP good?

>>60889021
Not him but purely remote jobs are rare, expect high qualification and have big competition. Also distance will still matter because timezone and some sort of face-to-face meeting is expected. Best way is to get normal job and then ask for a chance to work remotely.

>>60888993
Completely different, no?

File: [email protected];compress=true.png (8KB, 240x240px) Image search: [Google]

8KB, 240x240px

>>60889010
>>60889119
JS syntax crashcourse
https://learnxinyminutes.com/docs/javascript/
"You Don't Know JS" is good, but probably not very useful, when you want to get to know the language first.

And like >>60889030 said, jump right in.
You can use the chrome dev console to experiment.
Just think of something and check the MDN or google for hints.

>compile time
JavaScript is often "transpiled"
You might use an alternative syntax like TypeScript or include new JS features in your code, that are then transpiled to to make them backwards compatible for older browsers.
Don't worry about that right now though.

>>60889119
Coming from C background also I read "You don't know JS" and "Eloquent Javascript"
Solved a bunch of problems on hackerrank and codewars in js after that

>>60889210
I tried Eloquent JS once and absolutely hated it. It's a horrible introduction unless you're good at shittily explained maths.

File: CjcQBE6.jpg (36KB, 362x346px) Image search: [Google]

36KB, 362x346px

Wait..

With React, do I additionally need to install MobX to get the same automatic state/data reactivity, that I have with Vue by default?

How is that not part of the React core? It's called "React" ffs

Can the same padding be used for multiple elements? I'm trying to make a background that goes over an h1 and img element but i'm having trouble figuring it out

>>60889795
>I'm trying to make a background that goes over an h1 and img element but i'm having trouble figuring it out
sounds like you should wrap those 2 in another div and apply the background to that

>>60889871
haha thanks it worked

>>60889641
Hint:

shouldComponentUpdate: {
    // this.setstate = blabla...
}

Don't wana spoil much because the pajeets lurking in this thread would steal the wisdom and charge clients for .00001 cents/hour

what are you working on guise?
post your projects/ in-progress or whatever.
I wanna get some inspiration

>>60890082
thank for the tip sir ill make good use of it

>>60888993
Elm. Anything complex enough to warrant more than a small .js file is worth bringing the big guns. And that's Elm. TypeScript is chock-full of gotchas and doesn't go far enough in its type system.

>>60890082
>this.setstate()
yeah, I do that in the code, but I am just surprised, that that extra step is necessary.
With Vue I modify the data directly and components update as necessary.
That's what MobX enables you to do with its observables, right?

Why does WordPress echo things right into the HTML when I'm in debug mode? Isn't that what the log file is for?

>tfw recent wagecuck and have to learn spring

on an unrelated note what does /g/ think of clojure?

>>60887073
I don't understand the last slide what is he doing painting over the screen?

alright, let's settle this once and for all

>What's your main webdev language?
>http://www.strawpoll.me/13184390

>>60890408
instead of turning off your computer, just paint the monitor black

>>60886350
Do you have to...


fix a lot of bugs?

>>60890464
should have combined the 3 JS choices into just Node.js
Whats vanilla doing in a list of backend languages?

>>60890402
>what does /g/ think of clojure

Dynamically typed languages are worthless.

>>60885076
is there a name for that 'going fast' look in the OP image? Is there a way to do it in GIMP?

>>60890402
>what does /g/ think

Nobody worth their weight in salt would care what these people think. Formulate your own opinion of it and apply it accordingly.

Are there free domains?

also for students: https://education.github.com/pack

>>60891024
There are plenty 3rd level domains, e.g. yourusername.github.io, or something.herokuapp.com

There are a few top level domains that allow free registration of 2nd level domains, like .tk, .ml, and few others. You can get those at freenom.com

i just want a basic ass static website with a specific domain name. if i get a .com domain through google domains, can i make a google site for free (except for the $12 a year domain fee), is that how it works?

i get that it has these limitations:
>No open use of Cascading Style Sheets (CSS) or JavaScript. JavaScript can be used within the confines of an embedded gadget or the HTML box. Inline CSS can be used within the webpage content area.
>Limited use of HTML coding. HTML is checked and modified when saved, Javascript is made safe with Caja. CSS cannot be incorporated in the theme templates; however, inline CSS can be used within the webpage content area.

but if i just want a super basic static website, can i avoid paying a monthly fee for hosting and just use google sites or something?

>>60891492
also
>Monthly bandwidth
>1 GB/day
https://en.wikipedia.org/wiki/Comparison_of_free_web_hosting_services

what happens if i exceed the bandwidth limit? like what if i get 1000-10000 visitors who use 100-1000 kB of bandwidth each? is there adequate ddos protection?

>Google Sites is an app that's part of Google's Apps for Work.

>Other apps that are included are Gmail, Hangouts, Google+, Docs, Sheets and more. Apps for Work offers a free trial for those who wish to check it out, after which they'll be charged $5 a month or $10 a month for unlimited storage and access to the Vault feature.

wow what a fucking scam. this must be why they avoid giving you any sort of pricing information or even the most basic information on the google sites page. same deal with microsoft azure. they're just trying to rip you off. might as well pay for a real web host at that price.

>>60891585
The best is their speech recognition.

The rate you're charged is more than ads can cover by several times.

You would be able to make a 15 second speech query every 10 viewers.

So long for making a dog that learns their name through repetitive speech.

might be not necessarily web related, but any of you know how to start chrome such that one window opens on one monitor and one opens on another?

>>60890972
It's a motion blur, and it's under Filters in GIMP.

>>60891492
You can just do a GitHub pages site if you want. That allows for full custom HTML, CSS, and JavaScript, and you can associate your own domain with it.

Personally, I have a static site that I host in Amazon S3, and the free tier is pretty good, with not too much more for additional traffic.

>>60891839
yeah i'm probably going to do a github pages site, thanks

fucking quantum mechanics bullshit javascript changes the output of all log statements when I add one additional log statement

>>60892166
wait, I guess it's just because I made edits to the source, and it's the fact that it's reparsing the file rather than pulling from a cache that makes it different.

>>60890972
https://gaming.stackexchange.com/questions/306721/what-is-radial-blur

Anyone know what the last number on the express.js http access log represents?

GET /uploads/test 200 7.346 ms - 818199

What is the 818199 representing?

>>60894058
Response content size.

>>60894086
Thanks, that's what I was thinking since it's consistent but it doesn't display for every request so that confused me. Any idea what the conditions must be for it to display?

>>60894119
Not empty response? It should only count body so things like redirects are not shown.

I just followed instructions from getbootstrap to install it. how can i see if its working properly? I'm not even sure what it installed.

when you download a framework what are you downloading exactly?

>>60894888

Bootstrap are just plain css and js files to be imported on your html.

>>60894905
a framework is just a bunch of auxiliary files that give structure and automatically add the boilerplate to your project, I guess what exactly depends on the framework. For instance, in Python you could use Django, Flask, Pyramid, Bottle, all frameworks which do more or less the same, but all with varying performance and size.

anyone know a good template for hosting anime on my site? nothing like kissanime or whatever, just something small you feel.

>>60888683

Thanks.

I've found this and it's fricking awesome just going to share:

http://hanshillen.github.io/jqtest

>>60894980

alright smart guy, how do I get a good remote front end job while smelling like shit due to horrific ibs

Which is the better option in developing and maintaining a portfolio - through GitHub or through a domain of your own?

>>60895499
>ibs

wtf is that? Also, I'm actually pretty dumb. And a good remote job, lol, just keep your fingers crossed and apply everywhere. Best of luck, buddy

>>60895762
whynotboth.jpg

I met people who are scared about visiting custom domains

>>60895762
use github pages

>>60895786
just random people or someone that specifically wanted to see your portfolio?

Noob question here.
I've worked on several projects but I want to create my own right now and I don't know how to make the first step.
In my case, I want to build an android app that I'll make thanks to Vue.js and Spring.
So how do I fuse them in one project I can work in?
'm following this tutorial: https://coligo.io/building-a-mobile-app-with-cordova-vuejs/
But how do I do to add Spring to that?

Sorry if it's a retarded question.

>look at job postings in your area to see what languages you should study
>in a pretty decent mid sized tech city (portland)
>literally no junior dev postings

pretty epic

>>60896641
You should still apply. It won't hurt to send your resume anyway and show that you're motivated. Companies always want the more experienced candidate but they won't spit on a motivated beginner with skills.

>>60896641
Job postings tend to distort reality a lot, of course every company wants a jack of literally all trades with a million years of experience in every field for a $1/h preferably, that's just how business works I guess.

Don't let that picture scare you though, tech companies need people and a lot of them need them 24/7. Put your fear and uncertainty away and just like send your nice and clean portfolios, resumes, tell them that you can do this $thing1 and that $thing2, you are young, handsome and motivated.

>>60896590
vue.js is used to make client-side (html/css/js) web applications (which can run on web view on a mobile phone and be delivered as mobile apps)
spring is a framework for applications targeting the java platform or the android runtime
there isn't really any way to combine them that would make any sense

>>60896773
Well I'm currently working on a project that does use Spring and Vue.Js. I guess adding vue.js is nothing more than adding the corrects lines in the index.html file.
But it's the Spring and android part that I don't know about.

>>60896835
>Well I'm currently working on a project that does use Spring and Vue.Js.
you mean an android project that runs both spring and vue on the client-side?

>>60896856
Nah it's a website for the company I work in. A test viewer. Vuejs is used for the front-end while the back-end use java (spring)

>>60896877
so that's really 2 separate parts. I though he meant somehow combining them on the client-side in android

Okay so I'm trying to learn how to use Bootstrap. I'm also new to programming in general. I want to know what I should do. I have Bootstrap up and running. If I want to make some edits on the styling, should I make a copy of the bootstrap file and move it to the directory where I have my project files or should I simply create a different style sheet and link booth the Bootstrap files and the new css file to my html file?

Hope I made sense.

>>60896993

to be clear, bootstrap and front end development is not programming. It's front end developing. HTML and CSS are mark up languages. Not technically programming. It's best to have your own .css file where you do custom stuff

bootstrap.js
bootstrap.css
mystyles.css

something like that. Don't edit the bootstrap files

File: where-the-w-cuh.jpg (44KB, 600x508px) Image search: [Google]

44KB, 600x508px

I need to create a simple yet nice looking site appealing to normies - no special features, it would be just a reference site of how to do what, no dynamic content, no user input, just smooth animations.

I should use bootstrap, right? I hate WD, never made a site in my life besides basic shit in html in school. I program in python and C.
Got two books "Learning bootstrap 4" and "Bootstrap site blueprints" both by Matt Lambert. The point is I don't want to touch any other framework, no fucking js, I don't need it, I don't want to vomit.

Or am I mistaken and I would have to use some shit like node or angular anyway? Maybe I should just stick to youtube tutorials tbqh.

>>60897031
yea yea i know. i just said programming because I didn't think it mattered. guess it does.

>>60897056
why not just like shit up a wordpress site fast
check if your idea works (financially or otherwise)
then rewrite from scratch using cool shit to feel better about yourself

>>60897056
you'll probably need a bit of jquery to control animations, but that's all

>>60897056
specify what you mean exactly, when you talk about smooth animations.

Lots of stuff you can do with CSS alone, though if you want elements entering the page from left&right as you scroll for example, then some Bootstrap or jQuery function will really be the "easiest" way, if you don't want to write that yourself.

File: lolkek.jpg (108KB, 1024x1024px) Image search: [Google]

108KB, 1024x1024px

>>60897146
I want Parallax effect but with inconsistent moving speed:
one scrolls down -> text is in the fixed position -> simple clipart objects move on the side -> then paragraph is over and it goes to the next text block and new clipart objects.

>>60897126
Nah I am really commited to what I am going to do, even though I hate the process.

>>60897128
reeee

I'm in the process of learning web dev by practicing. Should I avoid bootstrap or is it standard to use it?

>>60897330
Don't learn with it, it is merely a shortcut.

>>60897291
oh man, that's quite a bit, especially since you said you don't like webdev at all.
Not really "simple" anymore.

For me personally that kind of design is probably more bothersome, than including some features with JS.
Especially since it doesn't add any actual functionality, but just visual "fluff". But that's what people pay attention to....

>>60897330
you can use Bootstrap or Foundation or Bulma or any other CSS framework, but you should also know how to style things yourself and not be depended on them.
See them more like a shortcut, that give you a quick consistent style.
Only exception for me are (flex)grids.
Not interested in reinventing the wheel, so I always either use Bulmas or Foundations grid, even if I don't need anything else from them.

>>60897395
yea just trying to get through the html and css phase quickly to focus on learning the mern stack.

As someone who is into algorithms and mainly uses C++, is it worth getting right into web development?
I mainly just like making neat looking webpages but is it worth diving deeper past things like bootstrap/generic javascript animations?

>>60897395
Well, which books may you suggest then to learn how to achieve such an animation? Does not have to be "appearing outta fog", maybe just from one side, and then sliding behind top side when scrolling bottom and vice versa. I guess, that would be the only animation on the site.

So I'm working on a small project, and I can make the site run and check it out on my browser doing 127.0.0.1/etc. Is there any way I can access that same address from my phone? Any links to get me pointed in the right direction? I have no idea how to even google this.
Thx

>>60897474
You probably can access it from your phone, assuming it is connected to your wifi, using your dev pc local ip address like 192.168.x.x or something

things like gulp automatically set it up and show you ip address

>>60895762
you can link to your github to show projects/code and you could have a personalized site as well which is more about yourself than your projects

>>60897474
Running Ubuntu btw

>>60897409
tfw no popular stack with Vue

>>60897425
>C++/Algos & design
these don't really have any overlap, so not sure what you are getting it, when you ask if it's worth

>>60897446
never used books to learn, sorry.

you said
>never made a site in my life besides basic shit in html in school
Are you familiar with general CSS yet?
There is really no way around getting into the basics of HTML/CSS/JS for what you want to do.
You are making it harder on yourself, by tying to directly jump to fancy animations without having a good foundation.
This is not to discourage you, just something to be aware of.

>>60897425
sry meant no overlap in C++ algos and web-dev-design in general, unless you are talking about backend

>>60897582
Yes, I am familiar, it's not that hard to get to with just by spending one day tinkering with w3schools. I just want a straight roadmap instead of googling each shit or waiting while video makers bothers covering a specific topic, but before he does, I have to watch all of his entry-lvl videos.
And as I have mentioned, I do python, C and stuff.

>>60890220
>With Vue I modify the data directly and components update as necessary.
Two of React's big things are immutable props and unidirectional data flow. What this means in practice is that child components should read data one way (passing props like user) and update data another way (passing props like onDeleteUser).

This is good for three reasons. Firstly, it naturally decouples components in a way that observables don't, so that you'll have an easier time reusing them in different places with different behaviour: imagine an X icon that gets reused for anything you need to delete. Secondly, it makes it harder for side effects to creep into your code: imagine a deeply nested child component changing your data in a way you didn't expect. Thirdly, and most importantly, it makes intercepting changes in one place a whole lot easier and more natural.

https://www.exclamationlabs.com/blog/the-case-for-unidirectional-data-flow/ was the least shitty article I could find on the rationale behind unidirectional over bidirectional.

>>60896590
You use Spring to create REST API and your Vue app will get it's data from there.

>>60897291
>I want Parallax effect but with inconsistent moving speed

I think CSS alone can sort of accomplish something like that:
https://developers.google.com/web/updates/2016/12/performant-parallaxing

I think that demo still requires a bit of javascript though, to simulate the background-attachment: fixed thing. In your case that would be disabling the old clipart objects when you scroll to the next text block.

File: Treehouse.jpg (50KB, 2000x800px) Image search: [Google]

50KB, 2000x800px

made a thread, prolly should have asked here instead pls no bully

Is Treehouse a good starting point for a beginner to programming?

Also would it help to start learning html/css first as a sort of warmup to the editors and what not or is it basically just irrelevant to learning a language (I plan on learning HTML/CSS/PHP/Javascript regardless, but then maybe c# or python or java or something as an actual programming language)

>>60890220
>With Vue I modify the data directly and components update as necessary. That's what MobX enables you to do with its observables, right?
yes

>>60898271
good to learn the basics if you are starting from 0
you shouldn't need more than a month or two, before you can learn by yourself.

>>60898271
figure out a project to do, and only learn things based on how useful they are to your project

language doesn't really matter

treehouse is fine i think, use as broad a selection of learning material as you can

html/css in code pen
then try to use a js framework (vue.js)
try to connect it to an api (backend with python/c#/java)

and if you can do that, look at it realize how shitty it is and try something else and make it less shitty than the last

repeat

Anyone got a good React project I can browse to understand structure and internal logics?

File: 416M8+8aNvL._SX435_BO1,204,203,200_.jpg (29KB, 437x500px) Image search: [Google]

29KB, 437x500px

>>60898376
Yeah, basically I'm a graphic designer/brand creator and I'm more of a creative director in terms of, I'll come up with a brand strategy and idea of how to structure a site around that strategy, but I'd still have to hire someone to create a client's website (or even at least do a prototype/mockup to give them an idea) so that's what I'm after in terms of web design. As far as actual programming, that's just butter on top as far as I'm concerned if I can get more into doing that stuff as well.

Thanks for the info/thoughts.

>>60898431
https://github.com/gothinkster/react-mobx-realworld-example-app
https://github.com/gothinkster/react-redux-realworld-example-app

>>60898336
Woops, was having post connection errors so I refreshed, forgot to copy my reply to you I guess.

>>60898445

Yeah that was my intent basically. Stay on there for a few months to learn some basics before I understand enough to start learning on my own.

Have you (anyone in this thread for that matter) heard of the books in >>60898445? HTML and CSS/PHP and jQuery by Jon Duckett? Bought them in a sale for cheap on amazon last year but haven't touched them yet. I keep reading good things though, just not sure what level person they're meant for and if they'd be of use after going through basics on treehouse.

How should I make the switch from PHP to some other web language?
PHP is ugly and shite but it's all I know. I want to use some other language like Python but everything else requires that I install some kind of framework and learn all the new buzzwords before I can do anything. PHP just werks, I install it and I already have everything I need to just bash out some scripts.
What do?

>>60898528
Node.

>>60898445
Please hire me.

File: 1485959824455.jpg (24KB, 460x467px) Image search: [Google]

24KB, 460x467px

I don't understand static page SEO and it's giving me aneurisms

I guess if you have a blog and make sharable content that's relevant to your keywords, it goes up when people share it yeah? what about a static business site though
doesn't make a lick of god damn sense to me there's no reason to share a vaccuum site that just tells you about their product even if the infos good once you read it you know it and theres no reason to go back

is this even the right board for SEO talk? maybe /biz/ but that's all bitcoin pyramid schemes

>>60898468

I've got the books. They're the right kind of level for a beginner/low-tier designer or developer, which is what I am at the moment. The content itself is laid out really attractively. You will probably need a range of resources, including books, courses, videos, stackoverflow etc.

>>60898594
Times are tough m8. That's why I want to learn how to at least prototype myself. It lends itself to branding so its easier to sell a package when I can whip up what it might look/function as a site, opposed to hiring a 3rd party to make it, edit it, then not get the contract

>>60898445
Have you heard of sketch or figma? interface mockup tools
https://www.sketchapp.com/
https://www.figma.com/

I really like laracasts too:
https://laracasts.com/

>>60898600
Run a SEO test using one of the free websites out there, it only rakes 2 minutes. When you get the result it will explain how to improve your SEO by pointing out the problems and offering possible solutions.
There's so much to SEO that I can't fully explain it to you outright.

>>60898600
email or fb/google/twitter ad campaign, a/b testing the site/emails/ads to see what gives the most clicks/retention/etc

>>60898610
Sweet, thx

>>60898647
>>60898703
Yeah thanks, I think I'm gonna do a course over the summer (or if not then then summer) on SEO and online marketing, because I just feel lost about shit like keyword research and I don't want to get this thread off the topic of web development by laying out a bunch of tangentially related questions. Thanks for the replies though

>>60898730
not necessarily SEO, but i think growth hacking and onboarding users and stuff is cool
https://www.youtube.com/watch?v=m8DQpqJwo3Q
https://mixpanel.com/blog/2016/03/16/andrew-chen-and-the-state-of-growth-hacking/
https://growthhackers.com/posts

What Collation option should I choose when creating a SQL database in PHPmyadmin? I just stuck with the default option and now all the tables have ' latin1_swedish_ci' in their Collation overview columns

>>60898730
I only know rudimentary SEO, but meta keywords and the like have little to no influence anymore.

Google checks for things like speed, responsivess, content.
Basically just overall quality of the website.

some handy tools to see what you can improve:
https://developers.google.com/speed/pagespeed/insights/
https://developers.google.com/web/tools/lighthouse/
https://tools.pingdom.com/

>>60898824
This is helpful. Thanks!

File: Screen Shot 2017-06-14 at 12.52.37 PM.png (13KB, 485x74px) Image search: [Google]

13KB, 485x74px

>>60898646
>https://laracasts.com/
>What will you learn nex

Company I'm at has a WP website, company who did it was lazy and it's terribly unoptimized. He's gone, the digital marketer guy tried but isn't comfortable with coding.

What's the best way to try to fix it considering my experience is literally: I understand how html and CSS works. I can read code just fine if I understand the syntax.
Since it's WP, if I intend to fix it in the backend, what do I need to know? It's a custom theme made for the site if that matters.
Literally nobody here is used to IT so the company got the money and left.
Only reason I'm doing it is because it's a small company and I'd rather continue to learn this instead of playing games at work when there's a lot of downtime

File: marketing_interview.png (34KB, 600x297px) Image search: [Google]

34KB, 600x297px

>>60898730
>>60898824
Moz is a pretty good source as well
https://moz.com/beginners-guide-to-seo

Protip: if you Google "SEO", you're probably best off just picking the first (non-ad) result.

>>60898935
To add to this: the company claimed the slowness of the site is related solely to the hosting. With an adblocker on and most of the stuff blocked, it loads in 2-3 seconds compared to around 8 seconds on mobile.

How valid was what he said true? The hosting company does get very goodreviews and the site has been hosted by them for years. I've never heard anything bad about them beyond some slow response times in terms of customer support.

Web Design here is abhorrent. Fucking wordpress is makign it too easy. a fucking SIGN SHOP is offering web design now, I've seen the bill, too. They charged SIX GRAND for a website. I looked at the website. It's a standard evanto wordpress theme. Not even one of the fancy ones like X. Just a regular theme. They sold it for SIX GRAND + hosting.

>>60898935

WP is literally destroying the web programming industry. Why can't it just die the fuck off already.

>Experience in frontend architecture
Are they referring to frontend development in general, or is this some special concept I'm not aware of?

>>60899079
in general

>>60899064
elaborate please

>>60898935
>>60898977
eh, might be
Take the site and put it on another host, to see if there is a difference in loading speed.

But in any case, WP isn't known for being particularly light weight or optimized in general.

I remember anon posting tips here how to make a wp website more secure and I forgot to save them. Is there a checklist somewhere?

File: vue-newsletter.png (30KB, 912x364px) Image search: [Google]

30KB, 912x364px

Use Vue.js

>>60899321
Sell vue.js to me like you are a shill

>>60899321
but I'm not chinese

>>60899243
>>60899039

Is bootstrap dead?

I saw bootstrap 4 is coming with "premium themes". Are they just going to crank out a new CMS and try to get those wordpressbux?

How do you guys handle clients who want to add to their content? I.e. add promotions if they're a shop, add a register/calendar date or whatever if they're a camp or some kind of team or what not?

Do you build a CMS yourself around that? That sounds time consuming and expensive. I'm a graphic designer who's worked in design houses before, but only on print stuff. They kept the web stuff away from me as an intern. From what I could gather they had a cms where they edited everything content wise, but it looked kind of like it was word press?

Would it be common to make your own CMS dependant on a clients needs? Or would you take on that exists like WP or droopal or something and build around that? Really confused as to the whole content update thing without a CMS to hand off to the client.

Is there a diference between ER and UML? When should I use one or the other?

>>60899628
with UML you can model a lot of stuff that isn't just entities with relationships. so, you should use UML when you want to model something that you can't model with ER

File: Captura de pantalla 2017-06-14 a la(s) 12.58.35 p.m..png (92KB, 329x797px) Image search: [Google]

92KB, 329x797px

>>60899549
You can build a custom CMS for whatever they need but it's just faster to use Shitpress and download/buy the addons needed. Pajeetpress by itself is just a blogging/portfolio CMS, but you can get addons for all kinds of shit including shops. Clients that have never used Wordpress can get a bit overwhelmed though, since everything is a hack on top of another hack, you get an admin user interface with lots of diferent options and what seem to do similar things.

File: 0 xkJgg-6HskYrQ3N7.jpg (69KB, 500x500px) Image search: [Google]

69KB, 500x500px

>>60899420
Single file components
https://vuejs.org/v2/guide/single-file-components.html
import a single .vue component file, that has all its HTML, (scoped) CSS and JS included without being a tangled mess.

Shit is fast & lightweight
http://www.stefankrause.net/js-frameworks-benchmark6/webdriver-ts/table.html

no need for "shouldComponentUpdate". See
https://vuejs.org/v2/guide/comparison.html#Performance

Personal opinion, but I really like the syntax.
Lets say you want to render a list from an array of objects, your code would look like this:

<ul id="example-1">
  <li v-for="item in items">
    {{ item.message }}
  </li>
</ul>

var example1 = new Vue({
  el: '#example-1',
  data: {
    items: [
      { message: 'Foo' },
      { message: 'Bar' }
    ]
  }
})

Has nice routing, state-management

can't list everything. Check out:
https://vuejs.org/v2/guide/

>>60899881
I'm not the anon you replied to, I primarily do design work and not much backend, but I find this fascinating.
This seems like a great way to connect your app to an API endpoint fetch data using just JS. Might look into it.

>>60900095
Oh shit; this comment was meant for >>60899910

>>60898528
Frameworks are optional. Python is similar enough. You can't achieve similar simplicity in running stuff with anything else but simply trying stuff is not that hard. If you want to become better developer learn something statically typed with good OOP like C# or Java.

>>60898768
Utf8_general_ci or language specific utf8_*.

>>60898935
If you are beginner then forget about fixing /optimising. You are better off trying to create something from zero.

why are you babbies so afraid of the dom

>>60900695
The concept of the dom is shit and I'm glad shit like angular or react exist now to get rid of that shit. Now I can actually develop websites using standard development practices.

File: JA1y4DR.png (277KB, 3000x2584px) Image search: [Google]

277KB, 3000x2584px

how should I structure my CSS documents
like if i have a commented out section for
>head
>body
>foot

>general styles
>text
>pseudo classes
>pseudo elements

etc, am I gonna be made fun of like those meme pics with the guy holding a degree? or is it always better just to keep it as separate and easy to read as possible, if even at times mind-numbingly so

I guess what I'm asking is how many comment "headlines"/sections is too many in CSS

File: fox_really_makes_you_think.png (63KB, 588x588px) Image search: [Google]

63KB, 588x588px

>>60900709
>The concept of the dom is shit
a tree?

File: 1 ZJD3llCWveVH9-uUcCjMCw.png (35KB, 800x373px) Image search: [Google]

35KB, 800x373px

>>60899420
>>60899910
forgot earlier
React might earn some default trust since it's backed by Facebook. Similar to Angular and Google.
Vue has no big name directly behind it, but is already used by a variety of companies (primarily eastern) and therefor not going away any time soon. (Baidu, Alibaba, Nintendo, Sainsbury’s, GitLab)

Admittedly React has the upper hand for mobile development currently, which might be a big deal for some.
Vue has Weex, which is up and coming and offers the same possibilities from what I know.

please rate my shilling and deposit shekels asap
thank you for reading

>>60900709
i just dont get it. ive tried using react and vue and mithril on both simple and complex apps and can't see any benefits, only negatives. for simple use cases they're complete overkill. for large projects they just contribute to messy spaghetti code, you have to shoe horn them and they ultimately cause a deficit in productivity. so I just don't see the benifit, they slow me down and they slow my apps down. virtual dom lol. they promote bad practices; devs build SPAs when they should not, running a headless browser to render html on the server... u should all be ashamed very ashamed.

>>60901017
>for large projects they just contribute to messy spaghetti code
You are clearly not using them right. I have a feeling you don't even know programing beyond for loops.

I've learned how to copy and paste bootstrap code from w3schools. Am I ready to get a job as a front end developer? How far am I from being able to apply?

>>60899420
>>60900979
thanks familia

>>60901040
bullshit, every react/vue.js app that's big enough to benefit from a 'framework' could be rewritten to be cleaner and more organized without a 'framework'. that is a fact. frameworks are for faggots who can't design programs or think for themselves. if your goal is to reuse code then write reuseable modules you retard.

>>60901206
Whatever you say. If you keep at it you might get it someday.

>>60901206
Back to assembly I go, then.

>>60901017
>you have to shoe horn them and they ultimately cause a deficit in productivity

Are you designing these apps with the framework from the ground up? Or are you adding them in later, to an app that was already build with its own methodology?

Is there any h5ai alternative? With upload, password and other shit.

>tfw you're new to webdev and follow a tutorial on how to build a forum system from scratch
>tfw the code given is completely bug-ridden and full of errors
Fuck free online tutelage

>>60901242
considering your hammer and rose sickle overlords are pushing for web assembly, yes, that's probably where you are headed.

Why are Pajeets everywhere in the tech industry and specially the web dev industry?

>>60901349
because white people don't want to do those jobs. they'd rather take philosophy or art or open up a brewery.

>>60901329
Stop complaining and learn how it works so you don't have to rely on the provided code.

>>60901343
You know nobody is going to write any actual wasm right? People don't write the lowest possible level of language unless it is absolutely crucial like for drivers or kickstarting your C compiled executable for loading your OS.

>>60887073
Anyone? Looking for quality books on Ruby.

>>60901349
It's a fast-growing industry and is where the money lies. No wonder we get so many people from third-world countries where they likely grew up in one-bedroom houses with several dozen siblings

>>60901349

blame M$

ive never met an indian who wasnt a .shit .net c# developer

>>60901372
I was responding to a facetious comment with a facetious comment. but, to be serious, it doesn't matter how wasm is written, it's still a horrible idea that could only have been dreampt up by malice or stupidity.

>>60901349
man, if I would be from india you could bet, that I would get in on that webdev business

Work remotely for some US or other 1st world client and your purchasing power probably goes through the roof compared to the ₹ you earn with any other menial job.

>>60887073
>>60901415
what made you pick Ruby in particular?

>>60901415
_whys guide is good, sandi metz books are good

dumb question maybe, but is there any way to run python scripts on my android phone?

What are the best question to ask to your customers when they want a web page for their business?

>>60901924

How much they going to pay.

>>60901924
if they're also willing to suck your dick.

>>60901731
Heard it was a good language, and that a lot of smaller groups use it. Thought it'd be worth learning.

>>60902216
It's a good language. Might be worth learning crystal instead though, might end up replacing ruby.

Help anybody? I have my site up an running on my laptop as a local host, but I can't access it from my other laptop, connected on the same wifi connection. I've opened the port on the hosting laptop, and I'm using the correct IP address. Any ideas?

>>60902420
does the connection work? can you ping one laptop from the other?

>>60902479
i'll try that. But should I make a special network, a LAN or anything like that, or is being connected to the same wifi enough?

>>60902420
either you also need to take care of the port on your router or it might be, that the app only takes connection from localhost and doesn't listen to incoming connections from outside the machine.

What do you use as the server?

>>60902479
Both laptops have the same IP, is that the way it should be?

>>60902523
should be enough

>>60902542
I don't think so

What is a good site for hosting websites? godaddy?

>>60902536
>What do you use as the server?

I'm running the site on Django, and I'm using the default Django server, wsgi.

>>60902553
Both laptops plus my phone have the same IP, that's 3 devices with the same IP. Doesn't sound normal, but that's what it is. Is it my router config that's fucked up?

>>60902542
The devices on your local network each have their own local IP.
Your router has a public IP so to speak, assigned by your ISP and then forwards packages to the other devices in your network using their local address.

If 2 devices had the same IP, then the router wouldn't know where to send stuff to.

>>60898287
>not using angular
You deserve this

>>60902587
and if you set an IP somewhere to bind the server to (like 127.0.0.1) then try and change that to 0.0.0.0
That should bind it to any available IP on that machine

>>60902597
Right, I didn't know about the difference between local IP and public IP. I'd heard about it but never paid any attention. So yeah, now I have all my internal IP's, but it's still not working.

Does anybody know if the Django server allows for this type of thing? I think it does, but not completely sure.

So I've set up my hosting laptop to allow inbound traffic on the port in question. Should I set the other laptop to allow outbound traffic on the same port or is that done by default?

>>60902842
outbound is allowed by default in almost all cases, don't worry about that.

So you got the internal IP of the device the server is running on?
>and
the server is either bound to that IP or 0.0.0.0 ?
>and
you access the server with its correct internal address on the correct port as well?

File: Screenshot from 2017-06-14 16-56-00.png (98KB, 915x434px) Image search: [Google]

98KB, 915x434px

Meanwhile, at /dpt/

>>60902842
I think the ports should be set up fine by default, as long as you're accessing them from the same network, using an internal IP. And internal IP should look like 192.168.XXX.XXX. You get the internal IP from your laptop's network settings, not from any webservice that tells you what your IP address is (that's your external IP).

>>60902717
This is probably your issue. 127.0.0.1 is another name for localhost, so it may be referred to as that instead. Either way, replace it with 0.0.0.0

I want to switch from my banking standard software job to WebDev and I'm building a portfolio right now.

What kind exanples would you neee?
I have now:
>Simple Block - Node/REST/SemanticUi
>MusicAlbum Site, where people can input and rate Albums and comment
Node+Angular
>MovieList - Make a list from what you've seen - Node/Bootstrap/Connected to MovieAPI

What obvious examples am I missing?

>>60902710
I deserve what? I did use Angular before.

>>60902955

> todo list :^)
x aggregator
portfolio website

>>60902921
I believe it.
It is possible to write well organized web projects (webpack require/import)
But way too easy to shit out bad ones I guess

>>60902913
>the server is either bound to that IP or 0.0.0.0 ?
I think this is it, the server is running at 127.0.0.1
>>60902717
>>60902925
Yup, I'll try that out now, once I figure out how. Thx guys

Lol it's me >>60903051 again

Reading up on shit, the first thing I tucked away is this little gem:
>By default, the Django server uses the localhost address (127.0.0.1), which does not accept connections from other machines on the network. 127.x.x.x is considered its own network, and a computer doesn't route between it and its other interfaces unless explicitly told to do so. Therefore, connecting to it from another network will not find the open port.

hours wasted on this shit, fucking hell...Thanks again for your help, guys.

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

55KB, 217x190px

>>60903111
>implying I have a job or something else to do
not sure about the other helpful anon though

>>60903162
Fuck yeah, it works now.

And I meant I wasted hours on this shit. I'm neet as fuck, but I'm studying hardcore and I'm about to try and make my first open source contribution on github. I could have spent all day working on that, but I had to fix this shit first. But it's all good, at least I fucking learned something.

File: JUST.png (162KB, 370x366px) Image search: [Google]

162KB, 370x366px

>>60885076
Someone PLEASE tell me if there is a way to use ONE node_modules folder for any project. I use the same setup for every website, and every dependency needs to be updated anyways. I really don't see the point of keeping endless node_modules folders for EACH project.

>>60903221
lel, symlink

>>60903259
You mean installing dependencies globally to /usr/local? spoonfeed me pls

>>60903310
you can have one "real" project that contains the node_modules folder, that actually takes up space and then in the other projects create a symbolic link, that points to that folder.
So whenever "project2" loads data from node_modules, it actually goes to the "base_project" folder.

Alternatively if you use webpack, you can specify how imports should be resolved.
You can set it to first look in the local node_modules folder and then fall back to a shared on.
https://webpack.js.org/configuration/resolve/#resolve-modules

>>60887073
>>60901415

How about using the countless opportunities of the interwebs?

I learned Ruby with "The well grounded Rubyist" by Black, it's really a well written introduction and covers a lot of ground.

_why has also written a funny book, it was to artsy for me, but it's great for some people.

After spending some weeks with Ruby (BTW by far the best language I've ever programmed with, it's like a gangbang with JS, Haskell, Python and Perl at the same time) you want to look into Rails.

I recommend "Rails4 in action". Currently Rails5 is the current version, but the author didn't want to make a book update for the new Rails version and it's Rails 4 and 5 are more or less the same (you get more toys in Rails5 like Redis and Rails API mode, but the fundamentals didn't really change).

Have fun.

>>60902921

>give me C, C++, Python, evenfucking Ruby, I don't care. But I don't do Coffeescript or Javascript anymore.

I think someone should tell him that even with C, C++.. (and so on) you still need JS or a JS-derivate for anything web related..

Poor lad, the world is not so nice outside of the safe space of desktop application development.

>>60903482
Wasm is a thing!

>>60903482
>the world is not so nice outside of the safe space of desktop application development.

The question is, is it really necessary for webdev to be so fucked up?

>>60903482
>The well grounded Rubyist

I don't do Ruby, but I've heard nothing but good things about this book and the whole "The well grounded" series.

File: resolve.jpg (34KB, 531x318px) Image search: [Google]

34KB, 531x318px

>>60903221
Protip: make a single "dev" folder or whatever you wanna call it and put all your ongoing projects there. As you can see there is a single node_modules folder inside where I install all the deps. Then in each project's webpack config just resolve the directory upwards eg: "../node_modules".

ps: Never tell your colleagues about this secret. let them suffer.

Rule of Satan #2: Don't share wisdom if they're not asking.

Like my tip? I accept bitcoins:
t857yV4HaAt75X8y9kjsdhfkzUIOp

>>60903221
>>60903310

Do this: >>60903444

Use the install -g flag for global installs. That will put the dependencies in a global library folder. (e.g. /usr/local/lib/node_modules/ on Mac)

When you make a project, add symlinks pointed to that folder to your node_modules folder.

>>60901081
Hint - getting job has a lot less to do with your skills and a lot more with your interview skills. Also a job is a pretty good way for learning.

>>60902710
Angular is dying and it's good.

>>60903952
niceme.me

>>60903738
>>60903657
>>60903444
Thanks guys. Symlinks didn't work for some reason. I ended up placing one node_modules folder on my Projects folder, the root folder with all the websites. According to the Node docs if the require() parameter does not start with '/' it will start searching in the current directory, then its parent directory until it finds a node_modules folder.

>>60903884
>a job is a pretty good way for learning

Can confirm. Had to master PHP and Codeigniter Framework in the space of a month for my previous job.

>>60900729

It's fucking over

File: react-finals.gif (2MB, 480x336px) Image search: [Google]

2MB, 480x336px

just made my second react "app" - gif related. mouse not captured, but it's just clicking the arrows (obvi).

this was surprisingly easy, even though I barely have any experience with React or working with JSON data. I would encourage anyone learning front-end to make something like this... there's ton of stuff you could compare side by side too... video game character stats, nutrition of different foods, idk lol that's all I can think of right now. but I'm sure there's tons of stuff.

can I get a pat on the back boys?

also what should I make next?

>>60904523
looks nice. i'm thinking of doing a "president comparison" app.

for the previous/next arrows you just get the currentindex of the currentprofile and increment/decrement, right?

>>60904523
This is pretty well done, congrats.

Did you do the CSS as well? Also, did you follow a tutorial?

I do a lot of front-end work, mostly static pages and jQuery for functionality. Would love to add React to my skill-set and to mix things up a bit.

File: 19962031.png (34KB, 200x200px) Image search: [Google]

34KB, 200x200px

Anyone ever make a pomf clone? I want to set one up but I'm not sure where I should host it, since it is a file hosting thing.

>>60904961
What do you want to do that the current clones don't?
https://github.com/tsudoko/long-live-pomf/blob/master/long-live-pomf.md

http://104.200.138.151:8080/

Is using the canvas thing ok or should I use something else to draw stuff?

>>60901924
Why arent you just using social media? What host do you think you want? Who is going to be your admin and content managers because Im just the implementation architect.

>>60905581
I just wanted to set up one for a niche community I'm apart of.

>>60905986
>niche
In that case either a cheap VPS or a home server will probably do. VPSs can have lots of bandwidth, home servers can have lots of storage. If you need more then look into Amazon S3, Google cloud, Backblaze, etc.

File: Screen Shot 2017-06-14 at 11.16.11 PM.png (197KB, 570x934px) Image search: [Google]

197KB, 570x934px

>>60904679

yep that's basically it. part of what made making this simple is that there is only one value held in React 'state' - meaning only one value changes (or two if you count each card having its own state - but both are built from one single 'component').

then there are just onClick functions for left/right arrows that increment or decrement the state index, which automatically triggers a re-render in React.

>>60904933

no tutorial but I came but with the idea from React Training's fundamentals course - https://reacttraining.com/online/react-fundamentals. I started it but didn't finish because it was a little too complex for me when I was just getting started. their tutorial is a "github battle" type of deal where you can pull in two users from github using their API and compare them.

and yeah I did the CSS myself. my tips for CSS are:

- choose a couple nice fonts from Google fonts - one for headings and one for smaller text. I picked the most athletic-ish font I could find and paired it with the more readable Open Sans.

- having a little border-radius curve action is almost always better than just a square div.

- text shadows and box shadows can look really nice if something seems boring. like in pic related it's a pretty subtle inner shadow that I think adds a lot. outer glowy shadows on hover for clickable stuff are nice too.

- for backgrounds go with super light colors.

File: 03AE6552251158344453933981696_pic-r-14191450010629f39c24492.jpg.jpg (7KB, 200x200px) Image search: [Google]

7KB, 200x200px

>>60885076
>Learning jQuery
>Only seems like it saves me a few lines of code
>Not really a fan

Is there any other benefits to using it over vanilla JS?

>>60906739

oh and also FontAwesome is great for icons. I'm sure there are others too, but they seem to have everything I need. that's where the arrows are from.

>>60906742
It lets you do typical stuff with more cross-browser compatibility and longevity over vanilla JS. It basically lets you do more with less code

File: Screen Shot 2017-06-10 at 2.11.03 AM.png (21KB, 989x326px) Image search: [Google]

21KB, 989x326px

>>60906739
>text shadows and box shadows can look really nice if something seems boring

I'd agree with this. Pic related uses an inset box shadow, which gives it a bit of depth.

>>60906771
Hmm, I'll have to check that out. I generally use Google's icons.
design.google.com/icons

>>60906989
>Google's icons

see I didn't even know this existed. im a nub. looks like pretty much the same stuff though. either one would probably be sufficient for most people. not sure FA would add much for you.

What's a good js framework for a diary app like Journey?

I already have my data sources using a json API for basic CRUD endpoints
I just need to make it look pretty and nice to use

>>60905844
>Who is going to be your admin and content managers because Im just the implementation architect.

lots of freelancers charge their normal dev rate for doing content stuff. seems crazy but it's all equally foreign to a lot of people. imagine updating a WP site with a blog post and charging $100. that's a reality for a lot of freelancers. crazy shit.

>>60898431
>React Project to Examine

Bump for this. I want to inspect and learn from a well-made React project. Recommend me one.


>>60898464
Huh? Demo doesn't work!

Been making a gazillion projects on my own now.

How do I get into actually working with others?

>>60906739
>inner shadow
you mean the shadow/fade-out along the yellow edge? That looks nice, yeah

>>60906742

Learning jQuery in 2017 means you're slightly more awake to what it really means than people who learnt it in 2015 or so.

There's a lot of stuff you can do in one line of jQuery that might take one line of vanilla JS, but that vanilla will probably require, at a minimum, IE11.

IE9 and so on might have been "old" for a while but for as long as IE on Windows XP was a highly prevalent platform, you were pretty obligated to suck it up. So that one line of vanilla JS would often end up being some thirty line function to polyfill some modern browser feature. jQuery quickly looks more attractive.

The shit thing is there's a lot of people who learnt about how much effort jQuery saves you back in the day, and they're stuck in their ways and shit up the Internet with sites that only work in current browsers yet still do everything in jQuery.

>>60907828

To be fair, why wouldn't they?

If I can charge $100 per hour to code something difficult, and someone says "no I need you to refuse that job so you can spend time changing text on my Wordpress install" they can pay that rate or they can gtfo.

>>60909324
>Huh? Demo doesn't work!
https://react-redux.realworld.io/

>>60909756
sure, but the customer is being kept in the dark about the nature of the task. in a lot of cases the customer would rather do it themselves if the developer didn't keep such a cloud of mystery around it. once things like wordpress become as easy to use as social media, a lot of web devs are going to lose their source of income.

>>60885076
>Made few sites (really simple SPA stuff) using MEAN
>Made 2 online stores, both of which are simple bootstrap and js for the front page and wordpress shit for the store
>Have experience with Python and scraping data with it
>Have experience with tensorflow and other stuff like scipy etc. using it for simple ANN, regression and predictive stuff, basically entry level data science stuff for small company.
>Have made few 2d games (2 roguelikes, one in Python, and one in C) and several other stuff, mostly discovering the A* algorithm and other pathfinding stuff

>Being jobless for the past 8 months and working on my vanilla js and OOP with js

So I have few questions.
Can I get a full stack or front end job ? Am I qualified ? What else do I need to focus on ?

For now I had the time to work with pure js, I realized how much sugar there is and that you can do 1 thing in 5 different ways. So If I want to work a fullstack or even front end stuff should I focus on the new stuff (ES6+) or should I stick to the .prototype shit.
Also is functional js programming used in production ? I really enjoy it. But I realize that OOP has its advantages over it and vice versa.

Also any new js stuff I should look after ?

How can I learn angular react etc without feeling like hanging myself? I really hate these poo tier frameworks.

>>60910016
react isnt even a framework.

go back to the one thing you were spoonfed and never leave.

>>60910016
Learn javascript first.
After that learn to like it.

>>60909989
Clients are demanding angular and react because they want to feel like they know something, you should pick up those too, at least enough to find what you need to do in the docs

>>60910016
>react
>frameworks

nigga what

>>60910026
so jquery it is
im sorry for triggering your aspergers btw
>>60910031
I love raw JS (and jquery to a degree) and ES6, it's just these meme libraries and frameworks made for brainlets like the one I replied above to piss me off

>>60910046
>autism

>>60909904
Not generally true in my experience. I hate updating bullshit and try to educate people. The "cloud of mystery" is that you have "use a computer" which means it needs to go to an expert.

>>60907828
literally all your websites value and SEO comes from the content

i dont charge my usual rate for content creation I charge a commission on all sales and its a lot and I take the stuff down after one year or they can buy it.

>>60909989

Just apply more and trust in yourself, you are definitely qualified enough..


>>60909904

Honestly, most of I've seen it the other way around:

Customers who made a small wordpress site on their own, download some theme and think "ah well, so that's webdesign". And then they don't get why a bigger quality site takes not only twice the time, but a lot more. And you have to argue and try to somehow make them realize that wordpress does not represent the usual web designing process, i.e. testing your shit and the whole design/layout stuff. Then the customers smiles at you with a condescending "Ah, I understand: you charge some extra money, eh? Nah, no problem bro, just make my website really shiny, then it's all good" smirk, and you feel like a cheater.

I mean it's all good if you can use a mature framework and just add some funky libraries and it all works. But most of the time it's the 80/20 rule: you solve 80% of the problems in 20% of the time. Then some library is broken or does not provide what you need and you get your hands dirty, hand code shit and try a lot of different ways to make it do EXACTLY what you want. You come up with edge cases, you have to call your client again and ask "OK, but what if someone fills in a black here? what if this title already exists?"

The customer is slightly confused and then annoyed and treis to get out of your way. "Ehm.. I'm sure you will do it just fine. Just do what you think is reasonable." And then you end up with thinking about sane default, because you have some kind of work ethic and don't want to sell shit. You know your customer won't neither understand nor value what you have done, but you do it because you don't want to be a shitty scam programmer.

Eventually you ship this whole shit just in time and politely ask to get at least 30% of your overtime payed. And promise yourself to make it better next time, to become a faster programmer, write better tests and refactor your code more often..

>>60910469
Sounds like you're trying too hard to be too good, aim for good enough instead and focus your energy on doing things that make you happy, not everything in life is work you know

File: toggle-expand-collapse.png (53KB, 1259x683px) Image search: [Google]

53KB, 1259x683px

Brainlet here, two questions:

1) Why simply copy-pasting from frame here
https://codepen.io/Finy/pen/LENeNE
into a local file and then opening in browser does not work? Do I have to install something? Or am I missing something from the code? How to make it work?
2) How to make it work the way, when one "view details" expands, another one, if is expanded, collapses? So out of any number only one may be toggled at a time.

>>60910673
you need jquery and bootstrap.js from a CDN (its in the intro of the bootstrap documentation for the boilerplate example)

>>60910720
Don't I just link to them in head? Do I have to have them locally?

File: Untitled.png (23KB, 878x525px) Image search: [Google]

23KB, 878x525px

>>60910769
did you add these two?
post your full code in a pastebin.

>>60910720
And, I believe, there is no js at all in that example.

>>60910769
sometimes i also have to put them at the end of the body tag in order for them to load properly.

>>60910785

Here.

https://pastebin.com/u9c3Q5XW

>>60910859
>src='//cdnjs
doesn't work because // implies "use current protocol", which if you open the file in your browser without a server is file://, and file://cdnjs... doesn't exist.
add https in front of it.

File: aputhink.jpg (301KB, 1000x800px) Image search: [Google]

301KB, 1000x800px

>>60910875

Yeeee, now how to make it toggle only one thing at a time?

>>60910892
https://getbootstrap.com/javascript/#collapse-example-accordion

Is there any kind of web page which normalize.css would actually hinder rather than help? Or should I just use that stylesheet for all my work?

>>60911794
if you want to show differences between browsers default styles then don't use a normalization css.

otherwise look up what it's actually supposed to do, it seems like you don't know.

File: 1485889119752.gif (8KB, 645x773px) Image search: [Google]

8KB, 645x773px

>he's not an asynchronous programmer

I've just started in web development and all this PHP and SQL shit is overwhelming. I find the basic triple of HTML, CSS and Javascript easy but when back-end starts I am completely lost. I'm reading books and taking online courses but none of it seems to be sinking in. Should I go to a school for this shit /wdg/?

>>60912016

I feel sorry for them too.

>>60912248

you shouldnt ever go to school to learn programming. It's 2017. The internet has everything you need. Buy a backend book or download a pdf and start reading. Learn how data is stored on a computer and how to retrieve it, change it, delete it, add more data, etc.

>>60912480
I feel though that working through all the resources online is giving me conflicting ideas on standards and conventions. It seems there are many ways to write up code to serve a single purpose. School could give me a foundation upon which to perceive coding, rather than the random mishmash of advice given by any old person on the internet.

>>60912248
learn programming first.
pick any language, start with the simple functional stuff, then get into object oriented programming and get the basic principles and get a grip on some design patterns.

then start doing web development.

>>60912248
why not forget about PHP and stick with JS as backend language with Node?

>>60912901
Javascript is not really an improvement.

My namecheap hosting plan runs out in about a month?

Should I switch hosting services? My sites do run kind of slow for my liking. I wonder if that's due to me being a shit web developer or namecheap itself though. Anyone have any thoughts on this? is namecheap OK or are there much better options out there?

>>60902363
Maybe about 8 years in the future from now.
They haven't even finalized the language remotely.

File: Screen Shot 2017-06-15 at 11.25.31 AM.png (214KB, 741x347px) Image search: [Google]

214KB, 741x347px

I'm trying to reverse engineer a website's javascript, but the code is obfuscated and I can't identify what obfuscater was used. I understand basically how it works, and I could undo most of it by hand, or write a script to do it. But if someone has already written that code, that would be ideal.

The main things the obfuscater does is:
1. Rename all variables to look like hex numbers, e.g. "_0x41ae49"
2. Encode all strings in hex code ascii, e.g. "\x31\x32\x33"
3. Put all operations like comparisons, math, etc. inside functions and store them in an object that acts basically like a dispatch.
4. Reorder all code physically, and place different blocks in different cases of switch statements that get looped through to hit each case in the proper order.

If anyone has seen these techniques used before, I'd appreciate any input you have.

>>60900979
>React might earn some default trust since it's backed by Facebook.
Actually, that earns some default mistrust. Similar to Angular and Google.

>>60912964
namecheap is one of the worst and hostile domain registers, go somewhere else.
see what they're saying about letsencrypt so they can sell more certificates themselves https://community.letsencrypt.org/t/what-namecheap-is-saying-about-letsencrypt-from-a-support-blog/29415

pretty much avoid those on the "no support planned" list and godaddy
https://community.letsencrypt.org/t/web-hosting-who-support-lets-encrypt/6920

>>60912964
If your sites are purely static frontend code, then you should consider hosting them on some static CDN and point the domain to that. I use Netlify and am quite happy.

>>60913047
lol yeah,
I rather meant it in the sense, that devs could be more certain, that bugs are taken care of and that there is ongoing development.
I know, there is that issue with the "React license"

>>60913083
damn I read that often now.
Got all my domains with them, but wondering if I should switch.
Someone recommended gandi.net once, but their site looks outdated. Not what I would expect from a business like that.
Any registrar you suggest?

>>60913083
Which ones are better?

>>60913122
I used to be with godaddy for 2 years before switching to gandi 5 years ago.
They don't try to shove ads into you like godaddy or keep trying to sell you shit, their DNS management is really good and let you edit the zone file manually too and not just through a wizard.
There's a letsencrypt plugin for them and an API to change DNS entries through it.

haven't tried any of their hosting though, but for domains I can definitely recommend it.

>>60913131
for hosting I'd recommend you get a small VPS instead of just a small webspace kind of thing.
You'll learn how everything works and have much better options to configure it.
I can't recommend hosters because I'm hosting my own, but OP has some listed and a coworker swears on digitalocean.

>>60902583
>godaddy?

Godaddy is the Wordpress of hosting, stay far far away. I hate setting up sites for clients who refuse to switch to decent hosting.

>>60912248
Google FAP.React
Write websites that load fast
lol backend?

Just set the damn get function

>>60912016
>>60912324
so let's see if you can teach us something here. In what area of my backend programming would I use asynchronous techniques? The server would need to be async, maybe, so far I have no experience working directly with the server. How about querying a database? can that be done async?

Let's say I have a basic CRUD site I'm working on, where people create profiles, upload album covers with info and a 0-5 stars review and some comments. I use the MVC approach. Where would I fit any async stuff in there?

>>60913083
>https://community.letsencrypt.org/t/web-hosting-who-support-lets-encrypt/6920
wtf, that site hijacks the ctrl+f shortcut.
Pretty stupid decision.

>>60913866
yes, there was a thread about this. it's because the page is only partially loaded and the rest only loads when scrolling down, so ctrl-f wouldn't search the entire page.
press it again and (at least in firefox) the search bar pops up

>>60886350
Growing vegetables also means rearing insects.

>>60912592
>It seems there are many ways to write up code to serve a single purpose.
Hi, /dpt/ here, welcome to programming.

>>60913046

Did you try this:

http://jsbeautifier.org/

Also search for javascript deobfuscator on google.

>>60912901

He probably wants a job and not internet points for using a memestack

Does anyone have a simple explanation for the code that webpack includes above the bundle?

> /****/ a bunch of strange code
> /****/ a bunch of strange code
> /****/ a bunch of strange code
> my actual code

>>60914835
Yeah, no, I've already used Chrome's built in javascript pretty-printer to get a more readable format.

The issue is I basically need to either write a script that properly reorders the mixed up lines and replaces the dispatched functions with their inline equivalents, or do that by hand.

Or ideally, I could find a script that does that for me, if I knew what this type of obfuscation was called. I've tried a few online deobfuscators, but I've run into some issues with the fact that the code has some jquery functions embedded in it. And I don't know if they even support the type of obfuscation I have here, because I don't know what it's called.

>>60915032
post your webpack config

I learned webpack by building my own config from scratch and adding on parts whenever necessary.
Though I still often don't know whats going on if I see a config from some scaffolded project with dev server, hot reloading and what not.

Should I learn python and Django?

>>60917143
yeah why not

Would you use React to do a web with multiple pages? In what instances is React an advantage?

>>60918368
If one or more of those pages is interactive, than sure.

React is good when you want to update values at different points in time, and you don't want to reload the whole UI. You might refresh your page's data after a certain amount of time. Or you might retrieve data based on new input from the user.

How to git gud at design?

>new thread
>>60918692
>new thread

File: tina1.jpg (36KB, 350x485px) Image search: [Google]

36KB, 350x485px

redpill me on making web dev a career.

i'm on i'm way to get in the industry.