/wdg/ - Web Development General

Front end is not programming

how could i snip an image off a video file uploaded to the server?

trying to save this image along with the video file. using php.

>>55991049
ffmpeg

is there any technology that will let me intercept HTTP/S traffic between the browser and the internet like a MITM local proxy but something more reliable

So I have 13 fucking checkboxes inside a page that registers an object (pushes it into an array).

That object has other atributes, but the checkboxes are the problem.

Right now I create the object and start loading it.

var c = {
    "name": $("#name").val(), "id": $("#id").val(), 
    "country": $("#country").val(), etc, etc
};

I could go full nigger and them one by one

"atl1": $("#atlq").is(':checked'), "atl2": $("#atl2").is(':checked'), "nat": $("#nat").is(':checked'), etc, etc

But there has to be a better way

>>55992264
Find all check boxes in your container element and loop over them like so

const inputs = {}
for (let el of container.querySelectorAll("input[type=checkbox]")) {
    inputs[el.getAttribute("name")] = el.checked
}

>>55992264
Gather all checkboxes, loop through and add them by name.

>>55990676
You're the reason /g/ is cancer.

>>55990676
Consider suicide, and I mean it this time.

Dropping by to mention that this playlist of NodeJS tutorials from the last thread:

https://www.youtube.com/playlist?list=PLO-hrPk0zuI18xlF_480s6UiaGD7hBqJa

Is actually this course:

https://www.udemy.com/learn-nodejs-by-building-10-projects/

He just added 2 more projects. So somebody just uploaded that to YT.

Definitely check it out. It's pretty good.

File: 1347731973655.jpg (33KB, 368x348px) Image search: [Google]

33KB, 368x348px

>>55992735
So /wdg/, my github has on it only a few shitty Wordpress themes, a blogging app that has an Angular front-end, and a few tutorial projects (mainly Rails and React.js). I also have a few freecodecamp projects on my codepen, all front-end.

What are my chances of finding a job in web dev assuming I live in a major tech hub in the US?

>>55993046
Also, the blogging app has an Express back-end. I plan on doing a couple more node.js projects before I start applying for jobs.

>vscode

yes or no?

primary use NativeScript (js) but always on the look out for decent php IDEs

>>55992235
fiddler?

>>55993271
I use it, it's perfect for me.

router.get('/new', function(req, res, next) {
    res.render('new');
});

router.post('/new', function(req, res, next) {
    // Get form values
    var title = req.body.title;
    var description = req.body.description;
    var service =  req.body.service;
    var client = req.body.client;
    var projectdate = req.body.projectdate;
    
    // Check image
    if (req.files.projectimage) {
        // File info
        var projectImageName = req.files.projectimage.name; 
    } else {
        var projectImageName = 'noimage.jpg';
    }
    
    // Form field validation
    req.checkBody('title', 'Title field is required.').notEmpty();
    req.checkBody('service', 'Service field is required.').notEmpty();
    
    var errors = req.validationErrors();
    
    if (errors) {
        res.render('new', {
            errors: errors,
            title: title,
            description: description,
            service: service,
            client: client
        });
    } else {
        var project = {
            title: title,
            description: description,
            service: service,
            client: client,
            date: projectDate,
            image: projectImageName
        }
    }
    
    var query = connection.query('INSERT INTO projects SET ?', project, function(err, result) {
        // Project inserted
    });
    
    req.flash('success', 'Project added.');
    
    res.location('/admin');
    res.redirect('/admin');
});

module.exports = router;

>Cannot read property 'projectimage' of undefined"

Anybody knows what is the problem?
I'm using multer.

>>55993990
if ('files' in req && 'projectimage' in req.files) {

}

>>55993990
Also, html (jade)

h2 New Project
    form(method='post', action='/admin/new' enctype='multipart/form-data')
        .form-group
            label Title
                input.form-control(type='text', name='title')
        .form-group
            label Description
                textarea.form-control(name='description')
        .form-group
            label Service
                input.form-control(type='text', name='service')
        .form-group
            label Client
                input.form-control(type='text', name='client')
        .form-group
            label Project Image
                input.form-control(type='file', name='projectimage')
        .form-group
            label Date
                input.form-control(type='date', name='projectdate')
        button.btn.btn-default(type='submit') Submit

And part of app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var expressValidator = require('express-validator');
var flash = require('connect-flash');
var multer = require('multer');
var session = require('express-session');

var routes = require('./routes/index');
var admin = require('./routes/admin');

var app = express();

var upload = multer({ dest: './public/img/portfolio/'});

>>55994018
Weird, tried it and when I click post, it just refreshes and clears the form, but it is not saved in db.

>>55994051

have your connection.query() callback return or console.log your err and result and see if anythings up.

File: 999129391923.png (15KB, 229x64px) Image search: [Google]

15KB, 229x64px

>>55990541
I want to learn React but I don't know what I would even use/need it for.

>>55994572
Same. I went through some React tutorial and Thinkster and don't need it for anything.

How should I go with finding remote work/clients outside of my country? Let's say the US for example, I live in France but the situation here is shitty, webdev isn't valued (especially front-end), people want good job done for minimum wage. I believe my work to be quite decent (and I was never told otherwise).

>>55995265
show your portfolio

File: 1460381989419.png (101KB, 550x400px) Image search: [Google]

101KB, 550x400px

>>55994610
>>55994572

At least you have more available tools at your disposal for when you run into new problems.

>>55994139
>>55994051
>>55994023
>>55994018
>>55993990
Fuuuuuck, I always end up with some problem there is nothing about on the internet except for decades old stackoverflow answers with deprecated code. I'm stuck googling through dozens of pages and my head started to hurt... again.

Btw it just says 500 internal server error.

Jesus, why does this happen every time I get a will to do some webdev...

>>55993046
>>55993062

There's no reason to wait, start applying now.

>>55993021
I've never tried anything from udemy before, are the paid courses generally worth it at all?

File: 1449944633449.jpg (7KB, 259x194px) Image search: [Google]

7KB, 259x194px

>>55990541
>[Embed] [Embed]

>>55993062
This is a manifestation of your fear of success

in Sinatra, is there a way to ALWAYS pass some general parameters (say config vals) to the erb command?

hey /g/uys

If I make a iOS app and have a Node.js server with an API and host it on some VPS does that server have any reason to use a domain name? Or can I make all of the HTTP calls with just an ip address. Any pros or cons to either?

>>55997296
when your host ditches you for some reason you have to redeploy the app and hope everyone updates instead of just changing the domain records.

just get a domain, they cost like 50 cents per month.

in the following url:

http://en.site.com/

what do you call the "en." part?

>>55997440
https://en.wikipedia.org/wiki/Wildcard_DNS_record

>>55996155
... I'm not made for this. Still nothing.

>>55997603
Fug. It works now, finally. Nvm.

>>55997771
All you had to do is believe in yourself, anon.

And by believe in yourself, I of course mean give up all hope.

>>55997440
Subdomain.

>>55997839
cecc

That aside, node is actually bretty comfy. I like having more control than I would have if I used something like Rails or Django.

Don't know if all these packages are worth importing, but I'm just following a tutorial atm.

>>55997883
sorry I don't follow Pokemon.

>>55997150
Actually I'm away from home at the moment, otherwise I'd already be applying to jobs while doing node projects.

Is it possible to develop the Next Big Thing as a white Pajeet with knowledge of Node, React and all the other webdev crap, but with lack of CS degree? And why is the answer no?

>>55998717
The answer is depends on if you are a lazy piece of shit with bad ideas or not.

>>55998717
how is that even a question
of course it is
if you have enough discipline and know how to google for stuff you'll get very VERY far.

I suggest you watch TheVerge's Small Empires on Youtube series (especially the first episodes) to inspire yourself a bit and see for yourself how others managed to do it.

What language should i learn for cross platform desktop programs?
C# with gtk#? Java with Javafx? C++ with qt? I want a desktop progam, that also runs without an internet connection

File: 3A5zT91.jpg (298KB, 1404x1024px) Image search: [Google]

298KB, 1404x1024px

So /wdg/ I was reading about some productivity related stuff online to stop being such a lazy shit when it comes to web dev stuff and came across the old classic trick of getting gud, which is to study the works of a master in the field and it dawned on me. Is there a master in this field? And if there was how would one go about studying them?

Are there resources to see masters in this field or is it just the awwwards?

I'd also really like to see some great stuff at my level (which is garbage). Something obtainable for me.

How do you find awesome developers/designers to inspire you?

picture is not related.

>>55999440
>are the 'whatever gets the job done' kind of person?
Electron.js
>are you any other kind of programmer
anything else

Do any of you guys work with WordPress in the day to day or is it pleb shit garbage clients want that eventually fades away?

>>55999496
I'm learning some languages just for fun, but i'd like to make something useful. If i want to use electron, do i have to learn css, html and javascript? Do i need something else?

To be honest, i just need something that can connect to a local sql server. I heard you can make qt look nice with css, but html is ok too.

Is there an IDE\ editor you would recommend for html, css and javascript? Is atom a good choice?

The only reason i played with c# was because visual studio was nice

>>55999492
The masters are nothing special.

They just got off their ass and made a website.

The guy who made some viral website and the guy who made plenty of fish

>>55999440
Electron is pretty good. Another option is to make a chrome app.

>>55999784
> If i want to use electron, do i have to learn css, html and javascript?

Yes, that's the main reason to use it.

>Is there an IDE\ editor you would recommend for html, css and javascript?

Atom is pretty good. So is Sublime, Brackets, vim, emacs.

>>55999779
It's a cheap solution, so clients prefer it. Haven't come up with any problems with it, though it's easy to fucking ruin it by installing a shitload of plugins.

File: IMG20160806_233926_1355052958.jpg (167KB, 600x800px) Image search: [Google]

167KB, 600x800px

>>55999959
Hmm thanks I was just curious because it looks like almost all the entry level jobs are WordPress jobs, I was just wondering if senior folks deal with it too or if it's just something you hand junior devs.

Also get.

>>55999440

>>55999440

>C++ with qt?

You have no idea what you are talking about. You need a lot of time to tackle C++ and then also a lot of time to manage Qt.


>Java with Javafx?

Java is always the best for cross-plattform development.
But JavaFx is a little bit of a toy langauge. You can accomplish things, but it's missing some things.

Best go with plain old SWING, works everywhere.


>C# with gtk#?

Can't comment on that one.

 echo exec("ffmpeg -i " . $target_file . " -vf fps=1/600 " . $thumbnail_dir . ""); 

I need help extracting an image file from an mp4 file.

$target_file holds the path to the video file.

$thumbnail_dir holds the path to an additional folder which would contain all extracted images.

I can already tell output is way wrong. What do?

>>56000315
https://trac.ffmpeg.org/wiki/Create%20a%20thumbnail%20image%20every%20X%20seconds%20of%20the%20video

>>56000560
can you help me with the php syntax?

>>56000704
I have no idea about php, but try this.

put the string into a variable and set a breakpoint before calling exec, check if the string is correct.
maybe you also need to use the full path of ffmpeg, not sure if exec has $PATH set, so try calling /bin/whereverffmpegis/ffmpeg instead

>work using spring (I know..)
>mess around in nodejs at home
>its actually fun

I thought node was a meme?

>>56000931
Considering it is a meme, and memes are only enjoyed by normies, maybe you're just a normieXDDD

>>56000971
you're a faggot.

File: j.jpg (42KB, 242x210px) Image search: [Google]

42KB, 242x210px

>>56000931
>>56000971
>have job maintaining a node.js codebase that is in production
>one day learn that your livelihood depends on a meme

File: Screen Shot 2016-08-09 at 6.19.18 PM.png (994KB, 810x1194px) Image search: [Google]

994KB, 810x1194px

Why is the spacing off when I use Chrome's preview tool? It looks fine when I resize the window.

>>55997440
english, and a http||fr.***.com one is french

I want to make an online forum. Anyone know of a good resource for learning how to do it? I know I'll need MySQL for registering users, what else will I need to know?

>>56001436
PHP

>>56001469
ew, aren't there any modern forums out there?

>>56001539
bitch you don't know how to code and you're complaining? Fuck outta here.

>>56001539
>forums
>modern

Which database and why? Which noSQL?

Can someone kindly tell me why this won't work?

<?php
    $ffmpeg = "/home/faggot/ffmpeg-3.1.2";
    $video = "/home/faggot/htdocs/sample4k.mp4";
    $image = "/home/faggot/htdocs/videos/thumbnails";
    echo exec("$ffmpeg -i $video 1/1 $image");
?>

>>56001845

Use anything you like, but I hear Mongo is shite.

>>56001904
What is displayed when you load the file?

>>56001675
Different anon. That vBulletin which is supposed to be packed with modern technologies sucks hard.

On OSX, when i press tab after html on sublime text, it doesnt automatically add the snippet,

neither do snippets work generally, yes i installed emmet and other packages

whats the correct shortcut?

I'm in the process of building a website that I expect will average about 10-20k users per day, but it might skyrocket above those numbers by a lot. The users will interact with each other in various ways.

Which SQL should I go with? I've heard about PostgreSQL's capability to manage many users but I'm just wondering if there's another alternative.

>>56001845
Among NoSQL RethinkDB, CouchDB and Riak are solid choices. Pick one suited to your task.

>>56002350
>that I expect will average about 10-20k users per day, but it might skyrocket above
How cute.

>>56002986
Mock my estimations all you want. I just need to know which db I should use.

>>56003017
Postgres is fine.

Is web development better for the person trying to start a business one day? More opportunities, right?

>>56003186
Are you asking if web development is a good freelance gig? Or if having a good web presence is important for your business?

Either way, the answer is yes.

>>56003226
I mean if its right to believe that with web dev there are more options to start a business whether that is launching a blog site or developing a web app or simply making a business out of creating sites for others.

I don't know much about strict programming. Not familiar with a lot of programs out there xept for the big ones.

>>56003251
There are plenty of web dev-centric business options, yes.

What does /wdg/ think about ASP.NET Core?

>>56001311
post css

Why is everyone shilling meme technologies?

What's wrong with simple HTML, CSS, Javascript, PHP, MySQL?

>>56003694
Cut out the PHP part and nothing.

>>56003741
Why? PHP is solid and everybody knows it. There is literally no reason to use another backend language.

File: php-what-the-fuck-i-dont-even.png (23KB, 715x408px) Image search: [Google]

23KB, 715x408px

>>56003762
Define solid.

>>56003802
Give me a better backend scripting language with proper C-like syntax and not hipster whitespace syntax and maybe I'll change my mind.

>>56003894
Why are you limiting yourself to scripting languages? But when compared to PHP even Javascript is a godsend.

>>56003941
>Why are you limiting yourself to scripting languages?
Is there another option?
>But when compared to PHP even Javascript is a godsend.
What makes JS better for backend?

>>56003990
>What makes JS better for backend?
Not that anon, but PHP just feels awkward to write. I can't pinpoint any one thing about it I particularly dislike, but the whole thing just has a bad smell. Node is pretty comfy, especially using ES6+.

>>56003990
Go is one, if you are so adamant about C-like syntax.
Less pitfalls in the standard library, better performance, less stupid syntax like $variables and dot concatenation.

File: ss+(2016-08-10+at+12.02.00).jpg (134KB, 699x371px) Image search: [Google]

134KB, 699x371px

Can I get some critique on my first portfolio?

I know it's basically a simple slideshow, the images need to be replaced and I have no real work to show but how's the basic template?

http://www.darcyglennen.com/

P.S. Haven't gotten to test it on Safari/iOS, it might look fucked.

Any coding challenges involving React and Redux?

>>56004071
>>56004068
Can I echo in HTML like PHP in JS or Go?

>every PHP job wants OO PHO

Boo.

>>56004104
not bad, but get rid of the transform:translate and display:table hacks and flex shit

7/10 layout

>>56004157
No, Pajeet.

>>56003894

>a better backend scripting language with proper C-like syntax and not hipster whitespace syntax

So you WANT verbose syntax? I don't get it..

But if you hate whitespace indention, you might look at Ruby, you can programm "C-like" if you want..

for i in (1..4) do
    puts("Hello nr. %d, you are in %s!"  %  i, __FILE__) 
end

>>56004104

pretty good for front end positions. What framework/library did you use? also howd you make the text un-selectable?

>>56004281
Thanks. Vertical alignment is a bitch though, I don't know a non-hacky way to do it! And what's wrong with flex?

>>56004321
No framework or library, just hand-written CSS with a hacky mixin from Stack Overflow for vertical alignment. Probably a bad idea considering how long it took me.
Preventing text selection is just "user-select: none", it's super handy.
http://caniuse.com/#feat=user-select-none

I'm making a webapp in php, is it better practice to open a PDO connection, execute a query and then the close the connection everytime I run a query. Or should I just have one PDO connection that I run every query under?

>>56004596
Try to avoid stuff that's not fully supported across all web browsers for at least a few versions back.

I usually just use display:inline-block + text-align:center for vertical centering

>>56004810
According to CanIUse there's 97% global support for flex though.

>>56004321
>What framework/library did you use?
probably should just stick to vanilla HTML / CSS if you're trying to show off your frontend skills to employers

>>56004828
Oh really? My bad then! I should take a look at flex again in that case

>>56004828
IE 9 doesn't support it iirc
>inb4 internet explorer sucks blah blah blah
Yes it does, but cross-platform compatibility is important

>>56004706
its better IMHO to have one PDO Connection in a header.php file which you call with a require once function everytime you wanna use it.

>>56004892
Oh man, Internet Explorer 9 and below still take up over 10% of the market share? So stupid.
Even IE11 doesn't *fully* support flex and it's almost at 20%.

What are some good example API projects? Something more interesting than twitter. I want to code some great API in Node.js and have it hook up to a native swift app I also build. Thoughts or ideas?

>>56001311
Try refreshing the page? If you go straight to it mobile view the viewport wont' re-initialize half the time. Try refreshing it before posting your css. I also find that 90% of css problems can be solved by inspecting element and observing where it draws the borders.

I have some buttons in a nav bar and other things that display dropdown menus.

Everything in the nav bar I have to click on the text to access the link, not the surrounding area.

But everything in the dropdown I can click either the text or the surrounding area.

I can't figure out what determines this.

Is it the CSS or what?

I'm a graphic designer looking to build a website to upload my portfolio. What are the tools that i need to build something like that? Should i learn html css javascript or should i just go with something like adobe muse/dreamweaver?

Is it possible to host a website from two different computers in the same network?

Trying to setup a thing where I can simply load new files to a flash drive, unload them to a laptop, and continue working where I left off.

>>56007753
Depends on what you want your website to be able to do.

If you just want pretty tabs a navigation use bootstrap (You'll need to at least understand HTML and maybe some CSS).

If you want to do stuff server side, manage credentials or more complicated stuff you're going to need to know JavaScript.

>>56007785
So my steps would be
Learn HTML/CSS> Use bootstrap to create the website. How long/difficult is it to learn html/css?

>>56007823
>>56007823
You don't really need to learn.

Bootstrap (at your level at least) works by copy pasting pieces of code.

Check it out, if you don't understand something you Google it and move on.

Don't waste your time learning 'real' HTML and CSS if you just want to do this.

>>56007890
started learning html, baby steps but i'm really enjoying programming! Anyways i will try to finish the w2school course on html while i also learn bootstrap. Thanks.

Also i was trying a program called Macaw and it was limiting. I wanted to make a menu that followed you as you scrolled down. How is something like that made?

>>56003554
.NET with c# has always been solid. Core is great upgrade with being opensource and multiplatform. Also nice performance. Maybe not quite enough mature yet.

>>56007914
The magic of bootstrap:
https://getbootstrap.com/examples/navbar-fixed-top/

>>56004260
Every good job. You can always go back to pajeet wordpress.

>>56005760
try any airline company API

>>56004157

Pretty much every backend language has support for templating.

Been working on a facial recognition app here:
https://www.raskie.com#mememe

Bug reports and suggestions welcome here:
https://www.raskie.com#on-notice

>>56004104
Remove the earphones. Are you a front-end developer or an air traffic controller?

Just finished the "create a website" on Code Academy lesson.

Is there an IDE or whatever for making HTML and CSS?

File: Selection_001.png (122KB, 1175x666px) Image search: [Google]

122KB, 1175x666px

created login/reg with make:auth on laravel
but keep getting this error
>pic

>>55990676

Backend work is somewhat easier.
There are fewer changes (if you know what your are doing), and the work is easier to test.

FFS famalams will you ever get past the login/registration forms? No matter the time of a day, somebody is always talking about it.

Frameworks do that shit for you, it's trivial. Everything uses some kind of login system yet you still feel the need to do it manually.

Never anything interesting to read from /wdg/.

BRB gotta sanitize muh inputs in PHP.

>>56010620
you are talking about this >>56010438
that is problem, framework built login/register. but it is not working.
Database informations are set, but still

I'm using webpack to compile my react files into one bundle, transpiling the jsx within, etc. I'm using the HTML plugin to create a copy of index.html in dist/ with my js bundle injected into the body.

Later, I'm going to learn how to make webpack compile my scss partials into a single css file, but for now I'm just using the command line to watch a single scss file and compile that into a single css file.

The problem is that I can't get my index.html to link correctly to the compiled css (also located within the dist directory). I'm running on webpack's dev server at the moment, and the console logs a 404 request for the compiled css file when I check out my app at localhost:8080.

What's the dealio? Is the dev server not equipped to handle serving static files?

I'm working on my own webpage portfolio type thing right now, using Openshift as a source. I'm absolutely shit at design though, can anyone give me some advice/tips?

Should I link the page I have?

>>56010438
Probably need to install some sort of mysql extension for php.

>>56010644
Not just that, there are posts like that ALL the time here.

>>56010710
Sure. Try asking for help on /gd/ too, although they rarely answer the web design questions.

>>56010336

>>55999930

>>56010336
>IDE
Fuck that. Download Sublime text.

Install this package manager:
https://packagecontrol.io/

And you are hooked.

>>56010438
Install mysql_pdo.so senpai or something similar.

Fucking hell, I put my links in a loop in Jade (Express) like this:

each row, i in rows
        a(href='#{i}') #{row.title}
        br
        p #{row.description}
        p Date: #{moment(row.date).format('DD-MM-YYYY')}

and now the problem is that the first link has a href of "0", while I want it to start from 1.

So the first link has an ID of "1" in a database, but here it would go to "#/0" and query the database with "WHERE id = 0" so everything will mess up. I can't just add "+1" or something. How do you do this?

>>56005572
Where you getting those stats? They can't include mobile.

>http://caniuse.com/usage-table
>ie9 0.38%
>ie11 4.18%

You can now quite safely fuck ie9 off if you want.

>>56011884
>Constructing SQLbfrom URL parameters
Oh god...

>>56011960
I'm just following a tutorial, but now that you've mentioned it... Holy shit wtf am I doing, and wtf is the "teacher" doing...

Ok, how would I go about doing this with Express, then?

>>56011811
>https://packagecontrol.io/
What is a package manager?

I'm very new to this.

>>56012022
Allows you install plugins and shit. Say you like the Tomorrow color scheme. What you do is press Ctrl+Shit+P > Install Package > Tomorrow. And then activate it from settings.

You can do install all sorts of cool shit. Tell me what you are doing and I'll suggest you some good packages.

>>56012047
i'm just starting with html and notpad hurts my eyes. Will do css next.

>>56012098
I don't know anything specific for HTML/CSS but check this out:
https://packagecontrol.io/browse/popular

Help a paranoid friend out. Should I name this datetime field pickup_date or pickup_datetime or pickup_time?

It's the pickup time for taxi booking.

>>56012379
What difference does it make?

>>56011976
>>56011960
>>56011884
Can I use express-validator for sanitizing somehow?

Wtf, how am I supposed to learn this shit and even know when my code has holes? I'm googling and can't find any good resource.

Wtf I hate backend again! Just as I started getting comfy with Node I realize this shit.

>>56012466
It doesn't. I just want to name it correctly.

>>56012468
Relax, node is comfy, your tutorial is just shit. Most of the time with express you're just serving up json data on api endpoints anyway, I pretty much never use jade or server-side templating.

>>56012521

Does this mean that this code is also fucked?

router.post('/new', upload.single('projectimage'), function(req, res, next) {
    
    // Get form values
    
    var title = req.body.title;
    var description = req.body.description;
    var service =  req.body.service;
    var client = req.body.client;
    var projectdate = req.body.projectdate;
    
    console.log(req.file);
    console.log(req.body);
    
    // Check image
    if (req.file) {
        // File info
        var projectImageName = req.file; 
    } else {
        var projectImageName = 'noimage.jpg';
    }
    
    // Form field validation
    req.checkBody('title', 'Title field is required.').notEmpty();
    req.checkBody('service', 'Service field is required.').notEmpty();
    
    var errors = req.validationErrors();
    
    if (errors) {
        res.render('new', {
            errors: errors,
            title: title,
            description: description,
            service: service,
            client: client
        });
    } else {
        var project = {
            title: title,
            description: description,
            service: service,
            client: client,
            date: projectdate,
            image: projectImageName
        }
    }
    
    var query = connection.query('INSERT INTO projects SET ?', project, function(err, result) {
        // Project inserted
        console.log(err);
    });
    
    req.flash('success', 'Project added.');
    
    res.location('/admin');
    res.redirect('/admin');
    
});

I'm not a fan of Jade either, first time using it because of the tutorial but it's fine.

You can check the code of this thing here:

https://github.com/marley-nodejs/Learn-Nodejs-by-building-10-projects/tree/master/10_Portfolio_App

Not mine btw. It's a Udemy course.

Is that even good or am I learning bad habits again? I mean, I hate shit like this where I constantly have to unlearn everything.

Can you open up more than one Apache server?

>>56012730
sure, but for what reason?

>>56012597
>using Jade
>not using Hogan.js

>>56012738
Comparing frameworks

>>56012763
Let both run on the same server?

>>56012781
How would that be possible, good sir?

>>56012808
What kind of framework are you talking about? I feel like we're not talking about the same thing

I'm newish to web design and I've been going through the challenges on FCC. Can anyone provide some feedback on this page? I'm looking to eventually make it responsive and clean up the code since it's currently all over the place.

http://chriscodes.me/wiki2.html

Is sublime text "free" like winrar is "free"? i got a message telling me that i need to purchase a license.

>>56012980
30 days and then officially you'll have to buy a license. Just crack it.

>>56013008
fuck, it's soo good though. i'll just crack it like a true neet.

>>56013008
>>56013076
What are you talking about? You can download a free version which just asks you to buy it after every X saves. Just ignore it.

Also, you can try Brackets, pretty nice and has the live refresh function out of the box.

>>56012980
>>56013008
from the official site
> Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use.
> There is currently no enforced time limit for the evaluation.
so it's basically nag-ware

anyone have experience with udacity full stack nano degree? how is it? I'm already comfy with C and am a few classes into my university degree but i want to learn some webdev. Is their frontend one better>

>>56004104
>http://www.darcyglennen.com/
Fantastic! Looks great in Safari Version 9.1.2 (11601.7.7) for OSX, m8

maybe add a 'return to top' button at the bottom. yes I know theres already 2 different ways to get back up there but if you put a button for it then it will look like you planned the user controls more thoughtfully

>>56012597
Just browsed some vidya development thread on /v/ and I realized that I probably have no idea what an optimized code looks like. My teachers were worthless and nobody ever commented on the code quality. I probably forgot that little amount of good practice theory I learned and doing frontend for too long with spaghetti JS (because it doesn't matter that much for small tweaks) I probably got worse than Pajeet.

There is soo much shit going on and I don't even think about those things when I write code, holy shit is there some good resource to learn from to fix myself? I probably don't even know how much I know/don't know. My code is maybe insanely bad and nobody ever told me that.

>>56012808
Lrn2ports. You can have a django server run on... wait. Why do you even need to use apache for testing frameworks to begin with? Just us an nginx proxy.

>>56004104
The first block of text is somewhat hard to read (being black text on a darkblue background).

Remove the hand cursor when you hover over stuff if that stuff is not actually clickable. Just confuses the user.

All in all, it's decent, I would give the blocks some more breathing space. Probably would lighten up shadows and borders, things like those make the design look a bit oldschool.

>>56012949
Definitely learn responsive design, it's REALLY important. A lil bit too much colors, don't have similar tones of the same color, like those green/brownish/yellowish links.

Other than that, it's fine, just fix those paddings so all the sides are the same.

>>56011884
Use row.id instead of i?
>>56011960
Is perfectly ok and normal. Problem comes when you insert it directly without sanitizing.

>>56004596
use a more modern framework that does vertical align wrappers

bootstrap is cute but kind of limiting these days

>>56013598
>using CSS framework in a portfolio for a frontend position
>line-height = (same as parent height)

File: volley.webm (3MB, 1280x720px) Image search: [Google]

3MB, 1280x720px

>>56010252
THIS
or embed this video
https://www.youtube.com/watch?v=NHhCZWF9uMw

>yfw sweden was white

>>56012949
Thanks for the tips, I hope to have it responsive by tomorrow, but looking back now it looks like I should have coded the whole page responsively first. Will definitely fix that coloring / padding. Thanks again!

Is cPanel good for hosting?

>>56014215
Lol

>>56013503
Whoops replied to the wrong person


>>56014156

Guys, do we have some UI/UX people here?

Can you give me some ideas on what to focus my final year paper/work? I'm writing about a UI design (with some UX, kinda related in some aspects) but I still haven't figured out how to organize the content. I've built a news portal for the obligatory practical part, but now I don't know what to write about it. All UI/UX books are a bunch of tips and tricks. It looks like a 100% pseudo science and I feel what I'm doing is worthless. How do these job positions even exist? Honestly I thought there would be something deeper about this area, but I don't know anymore...

>>56014406
Probably check out >>>/gd/

>>56002341
Try html:5 then tab

>>56014528
Eh, I already asked there a couple of times but nobody is familiar with it.

Really, there is no thread on 4chan for web design and UI/UX.

>>56003990
>Is there another option?
Java, ASP.NET, Go, etc. Unless you consider those "meme technologies".

Hey guys I want to construct a website that keybinds World of Warcraft spells for the user.

It would test the user's ease of access to keyboard keys with the resting position at WASD.

It then would organize spells into categories(ie: defensives, cooldowns, crowd control) and keybind them near each other(ie: Main attack spells on 1-5; Defensives on Shift 1-5; Crowd Control on 'Q'-'T', etc.)

I'm doing this with PHP & SQL.

Any idea on how to get started with this? Seems like the most difficult part would be creating the test part.

>>56012597
>>56013304

Other than the raw sql query, there doesn't seem to be any glaring issues in that code. I'd say it's probably fine for now. Keep working on it and maybe come back to it in a couple months after you've improved some.

Don't be so hard on yourself, you'll get there. You actually seem to give a shit about writing clean code so you're already better than a lot of shitty programmers working in the industry. Keep practicing.

>>56013304
>Just browsed some vidya development thread on /v/
I'm always in those threads.

I'm the guy saying "need to release more websites before I begin"

Wish I had free money to go full hikikomori and work on my game.

>>56014406
>>56014593

Beyond just general A E S T H E T I Cs, really the biggest thing you need to consider with UI design is to get the user to go where they're tying to go with as few clicks/taps/swipes as possible. In other words, things they will want to get to a lot need to be front and center (not literally), and uncommonly used things need to be out of the way (but not so far out of the way that they can't get to it).

UX is a pseudoscience meme with the occasional nugget of truth though. It's a thing because programmers are expensive and you want your programmers to do programming stuff and not design stuff. Then, you end up with a bunch of 'creative types' in a room together who need to justify their life choices, so they convince themselves and everyone else that """""UX""""" is this high art form that is just as important as any other career choice, which of course attracts more 'creative types' to the field, further reinforcing the meme.

>>56015585
you are underrating the importance of UI/UX though. Look at where we were 10 years ago. Maybe you are too young to remember but most websites were unbrowsable. Everyone should expect from a dev to implement at least some media queries.

I love react. Any reason to learn angular 1/2?

>>55996588
i learned iOS development from courses there, would recommend

>>56015215
I dunno I don't play shit games like WoW so I don't understand the problem.

sup /wdg/

I have no idea how to allow my simple python scripts to be accessed via a web interface.

I'm hosting my own webserver, FEMP stack with wordpress.

do I use flask? Django? and what the fuck do these things even do?

how do I create a web accessible GUI for these little tools?

so confused with the web development jargon I keep reading.

>>56016079
You can have media queries overflowing from your gaping faggot asshole if you want. But if youre expecting the user to download 4mb of imagea, JavaScript and CSS on their mobile data connection, then your UX is going to be shitass on mobile, because page load time is a big factor in UX, not just where you put the buttons.

Also moble is the biggest web browsing platform now so if you're not designing for mobile first you're a Pajeet.

>>56016079
>Look at where we were 10 years ago. Maybe you are too young to remember but most websites were unbrowsable.

...what? 10 years ago was 2006. Most websites were perfectly 'browsable'. Maybe *you're* too young to remember. Hell, plenty of sites were fine 20 years ago. Obviously there were and are plenty of shit websites, but that's not because """""""""""""""UI/UX""""""""""""""" has evolved so much, they're just shitty websites.

And you obviously didn't read the post you quoted and/or don't know shit about UX. Obviously good UI design is important. What isn't important is all the other UX bullshit that usually goes with it.

Example: http://www.ux-lady.com/introduction-to-user-personas/

Read that and just try to tell me how it isn't a load of horse shit, I dare you. Modern UX is nothing but a cargo cult science that's trying to imitate the successes the software industry has had using agile methodologies. The problem is that you can have all the rapid iteration and aggressive A/B testing you want, but if you iterate on bullshit, you're still just going to have bullshit.

>>56017597
Sweet jesus... Don't mention users personas. I literally had a class in college which was some kind of UX/internet marketing mix. I have never heard so much pseudoscience in my life before.

Anyway, since some people obviously know something about UI/UX design, can you tell me about what should I specifically write in my paper? As I've said, I was working on a news portal and spent a lot of time on a (UI) design of it (still have to work more). I was thinking if I should make some kind of online polls (but don't know what kind of questions should I ask) or user testings. I just don't know. I have this thing made, but now what?

And yet again, I spent a ton of time tweaking it, and in the end, now it looks like any other news portal more or less. It just slowly changed itself more and more until it became "generic", or as somebody woud say, it just followed a well established patterns that it seems I just can't reinvent. Now I don't see the point of anything anymore.

Fuck this thesis/final project. Now I have to write something on this subject, but I'd say that everything I've written is a bullshit as a summary, if only I could.

>>56017515
use django. the web GUI you're talking about is written in HTML and javascript, which are loaded on the client side. The HTML gives you a button, javascript notices that specific "click", and as a result the javascript from your webbrowser sends the resulting data to your webserver (running django) via AJAX. The django webserver listens for that data, and does stuff to it once it receives it. Once it's done doing what it's doing, it may or may not send new data back to the client web browser via ajax

>>56017597
>perfectly browsable
lmao
barely half of all websites were even responsive, had shitty color shemes and NO respect at all for SEO or accessibility, not even talking about mobile browsing

>>56017553
Ehm? You are confused. Mobile first implements media queries.

Also, Mediaqueries make no major difference in pageloads. Where do you even get that idea.

Pageload optimization is the first thing you learn when coding btw.

>>56017452
thanks for the input, edgelord.

>>56017761
What exactly is the paper supposed to be about? Is there a rubric or something? You can always fallback to the tried and true tactic of feeding your audience whatever they want to hear instead of trying to create something objective and factual.

If I were doing something like that and didn't care about the grade, I'd probably go for a lengthened version of >>56017597 , in other words a big rant about how UX is just bullshitters feeding each other bullshit and 90% of it really doesn't matter. For maximum edgemiester, throw in some Nietzsche or Hunter Thompson quotes or something. (I didn't have a lot of friends in college.)

>>56018128
Nah, it's not like a thesis where I act smart, but the main point is a practical project and then you write about your process. Basically, topic would be web user interface design, I though about adding some UX but I don't know. The problem is that I don't know about what to write. Yes, my project was designing and coding a frontend of a news portal, but I still don't see what could be said about it on 30+ pages.

>>56018200
And no rubric, it's a final bachelor's year project. We don't have a thesis but a final project.

>>56017773
Understood.

Thank you.

fuck.

Right, so basically, by the time I get my python scripts running in a web browser, I may as well have just written it in javascript to begin with (for simple stuff at least).

That being said, as I progress to more matrix operations and simultaneous equation solvers etc. along with more engineering based stuff, I should stick with python back end, JS/HTML front end, and AJAX as a shuttle between the two.

>>56018200
When I had a big writing assignment, one thing I'd try to do is find some other examples of similar papers to read over and get a feel for the overall flow and structure of it. What they wrote a lot about, how they transitioned into different sections, that kind of thing.

If you're on good terms with the professor, you might be able to ask them about it, as long as you're clear that you just want some inspiration and don't intend to plagiarize anything. It'll also help you to get a feel for what makes a good paper in their eyes.

>>56018359
>by the time I get my python scripts running in a web browser

FYI it might help you to not think of python scripts as running 'in' a browser. The client sends a request to the server (GET request for a page or AJAX, etc), the server takes that request, breaks it down and figures out what to do with it, in this case, running it through a python script, then sends the result back to the client's browser, usually either as an html page, or as a JSON object (for AJAX)

>I may as well have just written it in javascript to begin with (for simple stuff at least)

If you're doing stuff that doesn't really need to communicate back and forth with a server, you can pretty much just do it all client-side with javascript. If it involves a centralized system that acts as a go-between for many users or needs to communicate with a database you own, you would do that serverside with django, rails, etc.

>>56018411
Yeah, I guess. Only that all the papers on UI tend to focus on tips and tricks, same as pretty much all the resources I have, so I guess I'll have to go down that route too.

>>56010252
big ears tho

>>56018974
All the better to listen to your clients needs and do what it takes to make them happy ;^)

So /wdg/, anyone learning or using elixir in production?

>>56013415
>The first block of text is somewhat hard to read (being black text on a darkblue background).
True, I've lightened it up a little bit.

>Remove the hand cursor when you hover over stuff if that stuff is not actually clickable. Just confuses the user.
Do you mean the application icons? It felt strange to have a tooltip with no pointer.
If you mean the portfolio images, they will be clickable when it's finished.

>All in all, it's decent, I would give the blocks some more breathing space. Probably would lighten up shadows and borders, things like those make the design look a bit oldschool.
Good points, I increased the padding. I need shadows though, they're my crutch.

File: dunning-kruger.png (28KB, 949x516px) Image search: [Google]

28KB, 949x516px

>>56003762
Holy kek.

>>56003762
I actually agree with you that PHP is okay, maybe not the best out there, but certainly not bad enough to warrant the hate it gets.

>There is literally no reason to use another backend language
Then you went full retard.

There is no reason to use a frontend framework.
Prove me wrong.

>>56020719
No argument here.

Can I echo a variable into HTML with ruby like I can with PHP like <?= $a ?>

>>56020870
No. You will need to use a templating engine.

>>56021023
That sounds stupid. I'm just going to stick to PHP then

>>56010438
You need to use a mysql local server, the artisan php server doesn't include that, use xampp or some shit like that que create the database by hand using phpmyadmin, thank me later

>>56021104
You're stupid. Seperation of concerns my man.

>>56021138
Ain't nobody got time for that shit. I need to echo in my modules right now!

>>56021660
>How do you attract users to your site?
By making an attractive site

Also search engine optimization and advertizing

Does anyone have the list of ideas for portfolio pieces?

Why can't I get access to my mysql server via MySQL Workbench with the same user and pass that lets me access through terminal? What the fuck is going on!?

What is the best front end framework and why is it React?

>it's not just a front end framework

I'm going to have to join the Reddit Web Dev community. 4chin is implicitly for memes.

>>56021942
Double check your connection variables.

>>56021138

What the fuck are you on about? You'd still need to output the information in the front end.

File: notinscope.png (36KB, 698x404px) Image search: [Google]

36KB, 698x404px

Ugh. Javascript has changed a lot in 10 years.

Can someone tell me why this.log(..) is not in scope at the highlighted line ?

>>56022225
I mean when I try to connect through the mysql workbench with the same user and pw i use to connect via terminal, it gives me a message, "access denied". I don't know. I've tried to open the gui with gksudo and its still no good.

>>56022247
What do you think a templating engine does dingus?

>>56017871
I think he referring to people using bootstrap because its mobile responsive but they use the entire library when its not necessary.

That kind of thing. So your both autists.

>>55990541
Our company started a new project and we want to migrate our business logic into a web project.
The team leader has chosen ember.js as a framework for our frontend.

Since I really don't have much knowledge about javascript and I'm currently learning it (worked with cobol, c++ and java before) I wanted to ask if it is a good framework?

>>56023432
no

>>56022269

rebuildCache: { code }

What's this supposed to be?

>>56023444
B-But why?

>>56004104
why link to github if you have nothing there?

>>56023516
It's way slower than modern front end frameworks and I dont think their server side rendering thing is done yet (unsure) so that's pretty bad. Also it isn't the most popular framework and has never been so finding modules and bindings for it may be more difficult than compared to Angular or React

>>56023459
It's a service that watches a directory for new files, then adds them to a .json file (the cache).

Clients load the cache, instead of getting the server to iterate over the directory each time.

>>56023643
I mean, is it really supposed to work this way, just putting a pair of curly braces and hoping that they would become a function with no arguments? Shouldn't it be

rebuildCache: function(){ code }

>>56023661
That is precisely what i was hoping.
I guess I'm not going to get that, am I ?

>>56023787
I don't know. I never used that fancy new version of Javascript with

(m) => { ... }

instead of

function(m){ ... }

File: resortedtothis.png (41KB, 720x466px) Image search: [Google]

41KB, 720x466px

>>56023810
I kind of like the new syntax.

I've resorted to using the class keyword.

I'm very unhappy about it, because it's not really a class after all.

>>56023893
Why is it not a class? The new class keyword is there to replace shit like that >>56022269

>>56020719
speeding the fuck up

File: javascriptclass.png (31KB, 636x234px) Image search: [Google]

31KB, 636x234px

>>56023920
Says so on the internet ?

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes

>>56020719
Agreed.

>>56023985
oh you meant that its just syntactic sugar, nevermind me then

>>56023893
There is absolutely no need to put semicolons after a method's closing brace.

File: nolocksonthistrain.png (30KB, 729x295px) Image search: [Google]

30KB, 729x295px

>>56024033
I'm finding myself writing "this." a lot.
It's not what I hoped.

>>56024065
I have now removed them, cheers.

>>56024103
>>56024084

(err) => 

can also be just

err =>

.
Learn about let and const. There is almost no reason to ever use var.
Technically all the semicolons in the code you posted are redundant and that is true for 99.9% of all JS code, aside from for loops. But keeping those is a matter of taste, I guess.

>>56024159
semicolons are bloat, they add bytes to your source code making everything slower

>>56024200
No, they just make it less readable. You almost never actually need that semicolon. If your next line starts with ( or [, you can just put a semicolon in front of it. But like I said, people deeply entrenched into C-like syntax might think otherwise.

File: constnotvar.png (37KB, 771x292px) Image search: [Google]

37KB, 771x292px

>>56024159
Jesus, thank you. Keep the tips coming.
The world does not need another retarded Javascript programmer.

>>56024298
If you prefer static typing, you might want to look into TypeScript. Makes large JS code bases much more manageable.

I took some vacation.

Spending an entire straight week to make a new portfolio page and finish my cordova app.

I was the guy bitching about mobile nav bars. Blueprinted and making tomorrow.

Ganbarimasu!

Any reason why vultr isn't in the recommended vps list?

>>56024512
Because it's just meant to be a starting point, not an exhaustive list of all cloud service providers and because no one put it there.

>>56018619
OK cool. I understand now.


Basically drop python for simple stuff that can be done with a JS front end.

Reserve my python for heavier stuff running standalone, or acting as a back end.

How do I get a job doing this shit like a gig or a one off thing?

>>56026175
Apply to jobs?

>>56026238
no experience lol.

>>55994023
Yo. Jade guy.

Question:

Jade compiles:

select.form-control(ng-model="main.selectedTheme", ng-options='value for value in [ "default", "cerulean", "cosmo", "cyborg", "darkly", "flatly", "journal", "lumen", "paper", "readable", "sandstone", "simplex", "slate", "spacelab", "superhero", "united", "yeti" ]')

to this:

<select ng-model="main.selectedTheme" ng-options="value for value in [ &quot;default&quot;, &quot;cerulean&quot;, &quot;cosmo&quot;, &quot;cyborg&quot;, &quot;darkly&quot;, &quot;flatly&quot;, &quot;journal&quot;, &quot;lumen&quot;, &quot;paper&quot;, &quot;readable&quot;, &quot;sandstone&quot;, &quot;simplex&quot;, &quot;slate&quot;, &quot;spacelab&quot;, &quot;superhero&quot;, &quot;united&quot;, &quot;yeti&quot; ]" class="form-control"></select>

Why is it

"

'ing my quotemarks? I've got my doublequotes within a single quote, so they shouldn't be entitying.

So why is jade entitying my quotemarks?

File: Screen Shot 2016-08-11 at 14.25.58.png (387KB, 822x462px) Image search: [Google]

387KB, 822x462px

monitoring the linodes

>>56023973
They don't speed up anything once you get good at CSS. They're a crutch for noobs.

>>56026740
This.
But frontend framework =/= CSS framework ,WTF?

File: xF0RO1r.png (2MB, 895x1024px) Image search: [Google]

2MB, 895x1024px

anyone have a link to the Udemy Complete Web Developer 2.0?

>>56026175
make a site for free so you can show people what you're capable of

offer to do it for small business owners for $50

get referrals and/or start asking people for more money

you need to bring something to the table besides html css and vanilla js (sorry fags) in order to ask for more than a few dollars for your time and invariably every client will be better off with Wordpress but they are too fucking stupid to allow you to set that up for them.

>>56024200
I'm sure making the lexical analysers job easier results in a larger speed increase than saving characters.

>get well paid fullstack internship
>they tell me to spend the next month getting familiar with frameworks
>I'm already comfy with them

Welp. Give me some ideas what apps to build, too boring to do tutorials. I'm gonna trash them all later anyway so gimme some crazy ones.

>>56020719
I like Knockout because data-binding makes the code easier to read. The more heavyweight shit like Angular though, I really don't see the point of all the extra overhead.

>>56020719
SPAs are a cancerous shitty gimmick. I hope they and the people who implement them all die in a fire.

Why the fuck does modern web dev have to be so complicated? By the time you're done installing dependencies and editing config files, your shit is outdated because everyone has already moved to the next meme-of-the-month bullshit.

>>56030469
stick with Node and Angular. Can't go wrong with those

>>56030469
>wedev
>complicated

I love it man. Only a retard would switch frameworks or languages after at least an year. New stuff coming out doesn't mean your shit is outdated.

daily reminder web devs should never call themselves engineers

>>56030583
jokes on you, but engineer is my legal title.

>>56007771
i dont understand.. isnt this what github is for?

File: no.jpg (21KB, 290x424px) Image search: [Google]

21KB, 290x424px

>>56030532
>angular

>>56030652
or version control / git in general.

>>56030532
>angular
that's a funny way to spell Vue

Is it safe to use a domain extension from a small Island with 1000 people?

Or a new domain extension with 60k registrations from a company?

File: 1361515906321.jpg (29KB, 400x400px) Image search: [Google]

29KB, 400x400px

>>56031195
>Vue
Holy fucking christ. Fuck me already.

                                                                                                                                                                                 no_homo

File: admin urls.png (8KB, 400x250px) Image search: [Google]

8KB, 400x250px

can't decide

>>56031775
Former. If you are a poorfag and get an SSL cert for the main website. You won't be able to use it on x.app.com

>>56031775
I prefer 1 because it's easier to maintain and transfer.
But 2 gives you more options to separate things.

>>56031844
good thing with letsencrypt you get any certificate for free now, so that should be a non issue.

>>56004155
Make a Pokemon team builder using the Pokemon api

>>55992264
I'm so glad I don't work with this cancerous language.

Blessed be C#.

I'm using webpack to compile the react and sass files in my project.

If I link to an image within my sass file, the compiler throws an error. I'm using sass, css, and style loaders. Is there something I'm missing?

SyntaxError: Unexpected character '�'

The unexpected character is just a blank square, so I have no idea what's actually causing the issue.

Hey guys I'm having some php issues.

My code is right, but I'm not saving the input put into a form into the $_POST variables.

I'm guessing its a documentation issue. anyone know what i can do to fix?

>>56033024
sure, my magic glass ball tells me the moons didn't align, so it didn't work.
in short, post some fucking code.

>>56033052
HTML:

        <form action="upload_video.php" method="GET" enctype="multipart/form-data">
            <p>Video:</p>
            <input type="text" name="title" id="title">
            <input type="file" name="filename" id="filename">
            <input type="submit" name="upload" value="Submit">
        </form>

 $title = $_POST["title"]; 

Output on the website with error reporting : Notice: Undefined index: title in /var/www/html/Site_1/upload_video.php

>>56033113
> method="GET"
change either the method to POST or change $_POST to $_GET

so much for
>My code is right

>>56033128
oops. was testing different things to see if anything came out. doesn't work with 'post' though.

>>56033153

<form method="POST" enctype="multipart/form-data">
    <p>Video:</p>
    <input type="text" name="title" id="title">
    <input type="file" name="filename" id="filename">
    <input type="submit" name="upload" value="Submit">
</form>

<?php
if(isset($_POST['title'])) {
    $title = $_POST['title'];
    echo "<div>title: " . $title . "</div>";
}
?>

works fine, post your entire code.

>>56033128
Nothing, huh?

>>56033242

<!DOCTYPE html>
<html>
<head>

    <link rel="stylesheet" type="text/css" href="main.css">
    <title></title>
    
</head>
<body>

    <div class="form">
        <form action="upload_video.php" method="POST" enctype="multipart/form-data">
            <p>Video:</p>
            <input type="text" name="title" id="title">
            <input type="file" name="filename" id="filename">
            <input type="submit" name="upload" value="Submit">
        </form>
    </div>

</body>
</html>

<?php
    //List all errors on webpage
    ini_set('display_errors', 1);
    error_reporting(E_ALL);
    
    $filename = $_FILES["filename"]["name"];
    $title = $_POST["title"];
    $target_dir = "/var/www/html/site_1/";
    $target_file = $target_dir . $filename;
    $uploadOk = 1;
    $videoFileType = pathinfo($target_file, PATHINFO_EXTENSION);

    //Database variables
    $servername = "";
    $username = "";
    $password = "";
    $dbname = "";

    //If $title is less than 10 & $filename is less than 45
    //connect to the database and create new row with respective
    //column inputs
    if (strlen($title) < 50 && strlen($filename) < 100) {
        //create connection
        $conn = new mysqli($servername, $username, $password, $dbname);
        //check connection
        if ($conn->connect_error){
            die("Connection failed: " . $conn->connect_error);
        }
        $sql = "INSERT INTO videos (title, loc) VALUES ('$title', '$filename')";
        $conn->query($sql);

        $conn->close();
    } else {
        echo "File too large.";
        $uploadOk = 0;
    }

    //If $_POST["upload"] is set, check if $videoFileType isn't an mp4
    if (isset($_POST["upload"])) {
        if($videoFileType !== "mp4") {
            $uploadOk = 0;
        }
    }

    //Check if $uploadOk is set to 0 by an error
    if ($uploadOk == 0) {
        echo "Sorry your file did not upload.";
    //If everything is ok, try to upload file
    } else {
        if (move_uploaded_file($_FILES["filename"]["tmp_name"], $target_file)) {
            echo "The file " . basename($filename) . " has been uploaded.";
        } else {
            echo "Sorry, there was an error uploading your file.";
        }
    }
?>

>>56033270
I don't even know where to start what's wrong with all this.

sanitize your inputs, you are vulnerable to sql injections.
why do you check the file extension after you inserted info into the database
you say it doesn't work, do you actually post to the correct file, it should be named upload_video.php and be in the same directory where your form is?
step through your code and see what doesn't work out.

I learned HTML5 and CSS in the past 2 years and I'd say I can use them flawlessly. Now I'm interested in JS. Any idea on where should I start? Outsite of html and css I have no programming skills at all.

hello

>>56033373
>>56033373
i just want to know about why the form isn't being passed. All other things I can fix.

>>56033439
I hope I don't sound rude but, 2 years? What were you doing?

>>56033615
WHY THE FUCK ISN'T IT WORKING OMG I'M GONNA KILL MYSELF

>>56033889
Are you sure it's not working? You don't have anything to check if form was actually submitted meaning you will get error just going to the page.

>>56034009
I am getting the undefined index notice and when i set a 'isset' it comes back empty. form data is simply not being passed through

>>56034033
Var_dump $_POST to check that you are actually getting something. And don't forget to actually submit something.

>>56034065
comes back as empty when its post but when i set it to "GET" then I get all the vars. With post it just passes them to the URL

Would it seem unprofessional if I monetize my personal website?

It just ran across my mind that it might look tacky as fuck, so I only show ads in the blog section.

>>56034232
okay folks I got it

File: Capture.png (11KB, 759x207px) Image search: [Google]

11KB, 759x207px

Can someone tell me if this is a trick?
I am filling out an application and I saw this (pic related). When I follow the link - http://letsrevolutionizetesting.com/challenge - the page is blank. I've already checked the console for clues and all the tabs in developer dash.
No other information was given about this 'challenge'.

>>56033709
Well, I've tried to make web pages and improve. Never used WP or other "webpage creators".

>>56034692
Maybe in a cookie. Just guessing.

>>56034436
It's pretty tacky if you're selling your services as as professional. Imagine if you went to a company's website and they had a bunch of ads for other stuff. And I doubt your personal site is getting enough traffic to make ads worth the trouble anyway.

File: chrome_2016-08-11_19-32-35.png (4KB, 433x58px) Image search: [Google]

4KB, 433x58px

How do I style stuff so it doesn't look like shit? Are there any good css themes or something?

>>56035042
BOOTSTRAP

File: ss+(2016-08-12+at+09.45.59).png (4KB, 389x49px) Image search: [Google]

4KB, 389x49px

>>56035042
add some padding &amp; border-radius senpai

new thread when

>>56003894
Go.

>>56027438
I mean shit like Bootstrap. There's also things like JQuery which is a straight upgrade to Javascript

>>56033439
>I can use them flawlessly
Post a website. We'll be the judge of that.

>>56035250
How do you make the button/input big and comfy?

>>56036168
He literally just told you.

>>56036168
Padding...
Also change the font, can't go wrong with Roboto.