[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y ] [Search | Home]
4Archive logo
>IRC Channel
If images are not shown try to refresh the page. If you like this website, please disable any AdBlock software!

You are currently reading a thread in /g/ - Technology

Thread replies: 83
Thread images: 6
File: 1451920597752[1].png (868 KB, 822x552) Image search: [iqdb] [SauceNao] [Google]
1451920597752[1].png
868 KB, 822x552
>IRC Channel
#/g/wdg @ irc.rizon.net
Web client: https://www.rizon.net/chat

>Learning material
https://www.codecademy.com/
https://www.bento.io/
https://programming-motherfucker.com/
https://github.com/vhf/free-programming-books/blob/master/free-programming-books.md
https://www.theodinproject.com/

>Frontend development
https://github.com/dypsilon/frontend-dev-bookmarks

>Backend development
https://en.m.wikipedia.org/wiki/Comparison_of_web_application_frameworks

>Useful tools
https://pastebin.com/q5nB1Npt/
https://libraries.io/ - Discover new open source libraries, modules and frameworks and keep track of ones you depend upon.
https://developer.mozilla.org/en-US/docs/Web - Guides for HTML, CSS, JS, Web APIs & more.

>NEET guide to web dev employment
https://pastebin.com/4YeJAUbT/
>>
first for my wife's son
>>
File: 1406598712517.jpg (25 KB, 500x333) Image search: [iqdb] [SauceNao] [Google]
1406598712517.jpg
25 KB, 500x333
I'm currently building up a portfolio of the websites I designed to get hired. Is it a good idea to add a few software projects to my portfolio as well? I have two almost finished, and rather big software projects. One is in C, and the other one is in Python.

Should I abandon these projects and focus solely on website back end and front end programming? Or should I finish them, and add them to my portfolio? Why and why not?
>>
http://phpsadness.com/
So, like, why don't you use C# or Go, anon?

>>52364059
All of the above? Pretty much the more work you have to show the better, although maybe finish the website first since (dunno about you) I hate having a broken website, feels like I'm releasing dodgy software.
>>
Is Django suitable for a simple website with a database serving static HTML pages and JSON?
>>
>>52364080
But anon I do
>>
>>52364081
Niga just use WordPress. Gets all these things you listed, and has extra functionality if you need it. Also has a huge community and support system.
>>
>>52364081
Niga just use Mezzanine. Gets all these things you listed, and has extra functionality if you need it. Also has a huge community and support system.
>>
>>52364136
I'm new to webdev so I have to admit I'm not sure what WordPress is. What advantages does it have over just using Apache + PHP?
>>
Can I have multiple conditions in a PHP if like so?
if (!isset( _POST["validate"]) || (isset(_POST["validate]) && validForm($_SESSION["errors"],$conslt)==false)) {
code ...}

something like a If this or if this and that.
>>
Anyone have experience with JS promises? This snippet (using node-fetch) returns me a 'Promise { Pending}', I thought .then() should resolve the pending?

function get(path) {
let url = 'https://api.github.com/users/github'
let result = fetch(url).then(function(res) {
// console.log(res.text());
return res.json();
});
return result;
}
>>
>>52364191
The advantage is that it's very, very easy to customize your site if you know some basic HTML/CSS/PHP.
WordPress is basically web software (much like Drupal or Joomla), which allows for things to be done quicker, and simplifies things.
>>
>>52365150
You need to wait for the promise to actually resolve.
>>
>>52365150

Try making the first return statement set a variable instead of returning a value, see if something like this works.

function get(path) {
let var = {},
let url = 'foo.com' ,
result = fetch(url).then(function(response) {
var = res.json();
});
return var;
}
>>
>>52365150
Use your function like this
let fetch = get('my url here');
fetch.then((res) => {
console.log(res);
});
>>
>>52365535
>>52365467
>>52365397
Cheers.
>>
>>52365584

Sure thing, buddy.
>>
>>52365467
Of course it wouldn't work, Promises aren't some sort of magical feature that transform your async into synchronous calls. Your 'var' will still be an plain old javascript object when the function returns

>>52365535 is right
Alternatively,
async function() {
const url = 'https://api.github.com/users/github',
res = await fetch(url);
return res.json();
}
>>
Hey /g/, can you share your interview questions for js related jobs?
>>
>>52365642

Yeah, saw that afterwards. My b!
>>
File: 1410140632653.jpg (25 KB, 382x333) Image search: [iqdb] [SauceNao] [Google]
1410140632653.jpg
25 KB, 382x333
Elixir & React/redux are the futur.
Embrace functional programming.

>>52365712
https://www.quora.com/What-are-some-good-JavaScript-interview-questions
>>
>>52365739
thanks
>>
Does anyone know why forEach doesn't iterate through an array of DOM elements?

For example, let's say I have a bunch of divs of class "post" and I get a reference to them by:
var getPosts = document.getElementsByClassName('post');


If I try to run a function on getPosts using forEach I get a TypeError, although getPosts is of type object and it's actually an array.

But if I run forEach on a simple array like [2,5123,1,32] it works, even though this array is also of the same type as getPosts. Why isn't forEach a method on an array of DOM elements? What am I missing?
>>
Can we make a list with essential features for a imageboard. I want to write on in go.

* Caching
* Dynamic board creation
* Mod interface
>>
>>52366248
So apparently getElementsByClassName returns a HTMLCollection, which is an array-like object, but not an actual array.

So it seems I have to use
Array.prototype.forEach.call(argument, function(){ //.....});


It seems so weird though that the same method can be used on other array-like objects, but not on array-like objects which include DOM elements.
>>
>>52366360
>wrong post quoted
>Error in code
Let's try again.
Shorter version.
[].forEach.call(nodeList, elem => { })
>>
Just how well does google index JS accessible content now in 2015?
>>
>>52366417
So what do you do with that ES6 thing, transpile it to use it production code?
>>
>>52366489
Well of course, what else would you do with it, contemplate it?
A module bundler and a transpiler is pretty much mandatory nowaday
>>
>>52366546
>contemplate
kek
>>
I just started my working on a nes emulator after reading some cool articles and discovering nesdev. Shit looks so interesting.
>>
In jQuery why does animating to the right move elements to the left and vice versa?
>>
>>52366265
>go
Why would you do this

>>52366456
Oh, I know that look. You're trying to find a reason to use your js framework to make a single page website. Don't.
>>
>>52364170
Mezzanine? What about Wagtail?
>>
>>52366456
It is getting better. I would still not recommend it if your focus is SEO.
>>
>>52364059
Any other opinions?
>>
First time /wdg/ poster.

What do you guys think about Semantic HTML5? Do you use the semantic tags?

Do people still run their sites throuh w3c validator?


Also why is the channel dead?

Do some of you collaborate?
>>
>>52364059
Do them, put them.
Your value is to be able to deliver projects. Showing that you can do other things than web is also a great thing/
>>
Learn php 7 or older versions of I want a job?
>>
>>52367685
I like to go sites through w3c validator but never seen that happen at work.
I don't collaborate.
Semantic HTML is fun but not useful.

Again, if anyone wants SEO advice I'm here.
>>
>>52368688
Is SEO basically just configuring your site so that the crawlers can document it better?
Is that all there is to it?
>>
>>52368714
No. It’s mostly writing relevant content.
>>
>>52366417
>>52366360

Array.from(nodeList).forEach(…)
>>
>>52368714
If you can get that part that is already a big win, you won't believe website that can't do that right.
Write good <title></title> that has the best impact.
that >>52368727 and get relevant links from trusted source in your domain.
>>
>>52366360
DOM5 will return an `Elements` collection that extends Array.
>>
>>52368688
>Semantic HTML is fun but not useful.

It is for screen readers and stuff. Also making sure that HTML outlining is correct and as intended. Some people might not give a shit about our disabled fellow humans but honestly, it takes zero effort and means a lot to them.
>>
>>52368066
5.6
>>
>>52367685
I've yet to see a definition of Semantic Web that actually makes sense.
>>
>>52369978
Semantic Web: It's when the webpage actually is smart enough to know what to present to the end user in every situation he encounters said web page, which adapts to the action at hand.
>>
React or Angular?
>>
>>52370513
>>52369978
Uhm, I thought the gist of the semantic web was building a web which is readable by machines/robots. And so, writing the structure of the page in such a way that it conveys meaning even to bots.
>>
SASS or LESS?
>>
>>52371076
SASS.

>>52370733
React.
>>
>>52370513
>>52370778
See what I mean? No clear definition.
>>
could you share advice/own story on how to start making web pages?
I'm learning html, css and javascript right now and I want to work as freelancer. I don't know how to start and what prices should I charge for making a simple web pages as a beginner?
>>
>>52371274
But that >>52370778 was the definition given by the guy who came up with the concept, the creator of the WWW (Bernard-Lee).
>>
How much is WordPress used in the industry?

I just downloaded it and installed using XAMPP. I have it working and I'm currently trying to do stuff in it.

At what point should I put it on my Resume claiming I know it?
>>
>>52372081
Sauce me up papi.

>>52372438
I've never worked with WP before, but I'd assume if you can take something and build it from the ground up to make it functional and efficient, then that would imply you're at least proficient at it.
>>
I need to build a simple website with a MySQL database, an authentication page, and an admin-only menu which can insert, delete and edit database entries, maybe put in a search bar as well. What's the fastest way to do this? Preferably with a noob-friendly tutorial. Thought about using CodeIgniter, but I can't find any decent tutorials.
>>
>>52372438
It's not.

It's for private bloggers. If you're looking for a job you're better off implementing your own post/authentication system.

My sister uses WordPress. She blogs about cats.
>>
>>52373194
I'd recommend Laravel but there are no 'easy to follow' tutorials for that either.
This has some pretty good information though: https://github.com/chiraggude/awesome-laravel

If you're good at PHP, I'd say write it with raw code and make a custom admin panel since it's a simple website.
>>
>check out bento
>looks neat
>try to start some courses
>"Sign in with Google or Facebook"

why
>>
>>52373495

Right, it's just that I've seen some web development jobs that require/recommend WordPress so I assumed it might be good to know.
>>
Might be better for sqt but whatever. So I have a second interview for a front-end position and from the wording from the interviewee this is more of a "are you comfortable with this job" interview so I'm guessing it's a certain.

So I put in for $65k for a job in Denver. What kind of quality of life could you expect in Denver with that salary?
>>
>>52374016
Tiny 3 person companies that need a sit down talk about "scalability". WordPress is great for what it is, a blogging (or rather "CM") system that can be tweaked with PHP by people who actually aren't programmers, but it's not going to be used by banks or customers who drop more than 1000$ on products. Honestly, those sorts are using Java and C#.

Even PHP is a bit questionable, it's not a pretty language (Python is though) and it's not a fast language (Java and C# are though). Again, even using PHP probably requires a sit down talk about scalability, security and maintainability.

So yes, I don't doubt there are jobs, but they're looking for any PHP devs.
>>
>>52373819
>why
Marketing.
Plus it's easier than having to manage user account content directly.
>>
>HTML, CSS(SASS), JavaScript(jQuery, React), GULP

What else do I need to learn before calling myself Front End Developer and start looking for a job?
>>
>>52374016

There are tons of companies abusing Wordpress for all kinds of things.

Lots of independent web-dev shops use it for basically ever client they ever have.

The problem is Wordpress is a gigantic mess. To "know Wordpress" you're looking at years of fucking around with it.

Is it worth learning that? Or is it more lucrative and less depressing to learn .NET?

Regarding PHP, I haven't used it for a decade, but I still get calls and emails from recruiters for PHP positions.
>>
i made a script that makes a chiptune out of your git contributions graph. just pop it into a dev console on while on your git profile. please like and upvote thanks

//#EEEEEE - 0 (min)
//#D6E685 - 1
//#8CC665 - 2
//#44A340 - 3
//#1E6823 - 4 (max)

((audioContext, freq, delay, waveform) => {
'use strict';
const levels = { '#eeeeee': freq, '#d6e685': freq * (3 / 2), '#8cc665': freq * (3 / 2) * 2, '#44a340': freq * (3 / 2) * 3, '#1e6823': freq * (3 / 2) * 4 };

const createOscillator = (fillNodeValue) => {
const oscillator = audioContext.createOscillator();
const gainNode = audioContext.createGain();
gainNode.gain.value = 0.1;
oscillator.type = waveform;
oscillator.frequency.value = levels[fillNodeValue];
oscillator.connect(gainNode);
gainNode.connect(audioContext.destination);

return {
start: () => oscillator.start(0),
stop: () => oscillator.stop()
};
};

const createNotes = (week) => {
return week.map((day) => {
const fillNodeValue = day.attributes.fill.nodeValue;
const oscillator = createOscillator(fillNodeValue);

return {
play: () => {
day.attributes.fill.nodeValue = 'red';
oscillator.start();
},
stop: () => {
day.attributes.fill.nodeValue = fillNodeValue;
oscillator.stop();
}
};
});
};

const delayPlay = (noteBar) => {
return (iter) => {
setTimeout(() => {
for (let note of noteBar) {
note.play();
setTimeout(() => {
note.stop();
}, delay / 2);
}
}, delay * iter);
};
};

const noteBars = ([].slice.call(document.getElementsByTagName('g'))).slice(1).map((week) => {
return createNotes([].slice.call(week.getElementsByClassName('day')));
}).map((day) => {
return delayPlay(day);
});

let i = 0;
for (let noteBar of noteBars) {
noteBar(i += 1);
}
})(new AudioContext, 440, 110, 'sawtooth');
>>
>>52374789
>please like and upvote thanks
Get out.
>>
File: 1412468527251.jpg (42 KB, 528x424) Image search: [iqdb] [SauceNao] [Google]
1412468527251.jpg
42 KB, 528x424
>>52374807
first day here huh?
>>
Anyone done any coding regarding Rasberry Pi, working on a project atm, concept is opening a door internal clock based, was thinking Python ( my best language) or should I expand my knowledge base and use this chance to learn something else? Thoughts?
>>
>>52375350
Wrong neighborhood senpai, check the /dpt/ thread
>>
Can someone confirm that this doesn't work? https://github.com/leemark/better-simple-slideshow
I've been trying but nothing seems to be working properly eventhough I followed the instructions to the T.
>>
>>52376155
Nevermind, I figured it out. He didn't mention anywhere in the instructions that I should change .slideshow-class-goes-here to .bss-slides.
>>
Who else make games in js?
>>
Can some of you experienced web devs give me some tips?

https://jsfiddle.net/2e7fb04n/

I'm curious about learning more about the css maths that are sometimes required. I have the jist, but would like a deeper understanding. Everything I know now is just from reading and tutorials and trial and error. Please any advice would be helpful, I'm serious about developing skill. The image is a paypal button, it doesn't rest at the bottom of the page near the footer as I would like it to. This is a site I'm working on to keep track of my programming learning and a reference. Any and all criticism is welcomed
>>
>>52376437
I don't, but interested in learning. What do you make, brower side-scrollers? where did you learn and do you have a link to some of your games?
>>
>>52365739
>react/redux
>not Elm.

shake my head
>>
>>52371076
libsass + bourbon
>>
what would I need to make a very simple video game using web development related technologies? I've seen someone make a FPS and a RPG type demo for their site.
What languages? would I need a graphic artist to draw up sprites? Anyone have ideas, examples?
>>
>>52374739
Wordpress is the buzzword right now, I know enough to make my own basic theme but I feel the trend is killing web development jobs and web design for that matter
>>
>>52377303
javascript
Thread replies: 83
Thread images: 6
Thread DB ID: 399781



[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | Home]

[Boards: 3 / a / aco / adv / an / asp / b / biz / c / cgl / ck / cm / co / d / diy / e / fa / fit / g / gd / gif / h / hc / his / hm / hr / i / ic / int / jp / k / lgbt / lit / m / mlp / mu / n / news / o / out / p / po / pol / qa / qst / r / r9k / s / s4s / sci / soc / sp / t / tg / toy / trash / trv / tv / u / v / vg / vip /vp / vr / w / wg / wsg / wsr / x / y] [Search | Home]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.
This is a 4chan archive - all of the shown content originated from that site. This means that 4Archive shows their content, archived. If you need information for a Poster - contact them.
If a post contains personal/copyrighted/illegal content, then use the post's [Report] link! If a post is not removed within 24h contact me at [email protected] with the post's information.