Web Development

A mini project to introduce someone to web development

webdev: reddit for web developers - Thu, 01/17/2019 - 15:55

Hey guys. So I have an upcoming event on Saturday to introduce people to web development to encourage people to join our free web development bootcamp starting in June. The session is gonna last for 3 hours and the 1st hour is gonna be an intro to the organization providing the opportunity and how to apply.

Now, in the next 2 hours I am looking to get people's hand dirty with code. Make something that is like a mini-program/game that would get them interested in the field. Gives them a moment of "aha, I did this!". It's gonna be sort of a code-along with nothing too complex, and more of a crash introduction to what you can do with html, css, and js (without getting into too much details). Does anyone have any recommendations?

Also, if you have some other sort of insight, feel free to leave it c: Thanks in advance!

submitted by /u/Lojain19
[link] [comments]
Categories: Web Development

My workplace wants to improve workflow. Maybe you guys have ideas?

webdev: reddit for web developers - Thu, 01/17/2019 - 15:52

Not sure if this is the right place to ask, but I'm a webdeveloper so I thought I'd give it a shot.

I'll tell a little about the company I work at first.

I work at an online marketing company where the main focus is, you guessed it, online marketing. There's a copywriting department, content/marketing department and a tech department (which I am part of). We build almost exclusively for WordPress and are currently managing around 1000 websites.

Our workflow is old and in my opinion outdated.

Every tech issue gets sent to one email address that three of my tech colleagues can see and open. These three people delegate those issues to themselves or the rest of us. There is no ticketing system. Oftentimes we miscommunicate because everything is going by e-mail.

We don't use any version control, everything is done directly via FTP. We make demo websites on a different server and migrate it to a live server when it's done.

So my question; what could we do to improve this medieval way of working? I'm looking for ideas from people in the field. Thanks a lot.

submitted by /u/Devnik
[link] [comments]
Categories: Web Development

How to store custom attributes efficiently in SPA-project?

webdev: reddit for web developers - Thu, 01/17/2019 - 15:44

So, we've got this system that stores and processes records off persons. Each person has a number of standard attributes like Name, Date of birth and Gender. This looks the same for all our customers.

In order to make the system more versatile, we now need to store attributes alongside each person that can vary depending on the customer. Customer X wants to store shoe size, customer Y wants to store their maiden name. The attributes can be of varying number and type.

How should we organize/store this efficiently? We use a SQL server with an ORM to query our data. And the custom attributes must be queryable through the ORM.

Example 1: Table Customer: * Name * Gender ... * Field1Int * Field1String * Field1Date * Field2Int ...

Example 2: Table Customary to Utes * CustomerID * AttributeID * IntVal * StringVal * DateVal

I guess alt 1 would be the fastest but feels hacky and is not so easy to extend, but alt 2 is more elegant and extendable, but I expected much slower?

We got max 1.000.000 persons and maby 2-20 custom attributes.

SQL Server with EF on .Net.

Really grateful for your advice!

submitted by /u/coredev
[link] [comments]
Categories: Web Development

My First Website - Feedback

webdev: reddit for web developers - Thu, 01/17/2019 - 15:22

Hey everyone. I apologize if this is against the rules of the forum.

I created my first live website, for a local business in my area. I'm just looking for some feedback in terms of UI and UX. I know it can be improved a hell of a lot more, but I'm looking for feedback in terms of like the layout, ease of navigation, white space etc.


Thanks in advance and again. I hope this isn't against the rules!

submitted by /u/benaffleks
[link] [comments]
Categories: Web Development

Old School New Start

webdev: reddit for web developers - Thu, 01/17/2019 - 14:02

I've been doing HTML since 1.0 - CSS and Javascript from the beginning. My knowledge has never been that deep though. I've done plenty, and learned as I needed to -- rather than learned and then used.
Back in the day to make a site I would create static CSS templates, graphics, and design the whole UI along with javascript to run the menu mouseovers and highlighting effects were done by switching the graphic behind via js.

In the new world you create a stub, pull in npm packages and slowly build up whatever you're doing with whatever options you want. The problem is, they're so many options! It feels like every tutorial I find is out of date before I can finish it, and they each use their own tools. I'm definitely on the node bandwagon, but asp.net is attractive since I know c# probably better than anything. Otherwise it looks like express is core, possibly bootstrap too?

I'm infrastructure by nature, so I want to know what's driving everything rather than simply following the recipe for a souffle. I'm trying to get a grip on it, I've done far too many tutorials and still can't seem to grasp the basics enough to write my own base site from scratch and find a template and implement it.
Ex. Most recently I wanted to make a form where you made selections and it would spit out a templates doc based on your values -- lets call it a madlibs.

So dear developers, may I ask of you:

1.) What are your go-to base ingredients? What do they do?
2.) How does the traditional hosting methods translate to something like node.js?
3.) Is there a single source of truth I can use to base my new world on? Who's the leader to follow?

submitted by /u/serinitism
[link] [comments]
Categories: Web Development

How to change the date format displayed on Google Chrome to DD/MM/YYYY ?

webdev: reddit for web developers - Thu, 01/17/2019 - 13:57

How to change the date format displayed on Google Chrome to DD/MM/YYYY. In this screenshot you can notice that it's displayed in MM/DD/YYYY ( https://imgur.com/a/DMw1uvG ). Thanks !

submitted by /u/MNC95
[link] [comments]
Categories: Web Development

Crawlers are requesting /user/login and /user/register... a PathAuto problem?

Drupal - Open Source Content Platform - Thu, 01/17/2019 - 13:09

Hi, I noticed in the server logs that crawlers were still getting /user/login?destination=... and /user/register pages. I have PathAuto installed, so that's possibly the culprit.

Am I safe in modifying the robots.txt file manually from

Disallow: /user/login/


Disallow: /user/login

and for similar paths too? Would that likely fix the problem?

submitted by /u/JerkySandwich
[link] [comments]

Failed to connect to FTP Server

webdev: reddit for web developers - Thu, 01/17/2019 - 13:04

I am getting this message when I am trying to proceed to my hostname in WordPress.

To perform the requested action, WordPress needs to access your web server. Please enter your FTP credentials to proceed. If you do not remember your credentials, you should contact your web host.

This is the link to my WordPress dashboard/home account - http://localhost:8080/test/wp-admin/index.php

This YouTube link here - https://www.youtube.com/watch?v=dz85lVK41Ds Showed me how to Install WordPress in XAMPP in Mac. This is to set up WordPress in my Local server. I have it all set up, WordPress zip file in opt/lampp folder, which is found in Xampp, volumes, Explore. Now I can't download any themes to my new website server in WordPress. What am I doing wrong? I have tried terminal, searched /Applications/XAMPP/mysql/bin but get this back

-bash: /Applications/XAMPP/mysql/bin: No such file or directory. Again, what am I doing wrong?

I can find the bin folder under apache2 in the lampp folder but for some odd reason, I can't find it in terminal??

submitted by /u/FriendlyMinimum
[link] [comments]
Categories: Web Development

Building a site like Unsplash.com?

webdev: reddit for web developers - Thu, 01/17/2019 - 12:20

Unsplash.com doesn't really do that much, basically people upload photos, tag them, and then search for them.

Things that Unsplash does:

  • storing millions of high quality images (seems expensive)

  • ability to tag all of said images, and retrieving images based on searching a tag

  • having user accounts (secure username + password)

If I wanted to re-create Unsplash.com from scratch, what languages/tools/software/apps would I need to learn and use?

submitted by /u/JustSayThings
[link] [comments]
Categories: Web Development

Made a DOM library and would like some feedback.

webdev: reddit for web developers - Thu, 01/17/2019 - 12:05

Hello everybody,

So I've been working on the side of a DOM-related library for javascript called TemmeJS, the idea was inspired by Emmet, and actually went through multiple changes, from parsing a string of instructions (Closer to how Emmet does it) to relying on javascript objects entirely, which opens the door for taking advantage of JSON for data transfer and storage.

The core functionality of this library isn't simply parsing javascript object into an HTML tree, but it has a very powerful feature that relies on Option inheritance, which I only implemented a portion of of what I had in mind, as I'm still planning to add data binding and easy duplication later on.

For more information, [visit the official repository here](https://github.com/EOussama/temmejs).

I believe [the wiki](https://github.com/EOussama/temmejs/wiki) has some in-depth documentation about the library as well.

[This landing page](https://eoussama.github.io/temmejs/) is a showcase of Temme as it was entirely generated using the library.

There are some [examples](https://github.com/EOussama/temmejs/tree/master/examples) in the repository and a few [unit tests](https://github.com/EOussama/temmejs/tree/master/tests) to complement the project.

Feel free to give any form of feedback, be it complimentary or criticism, and thanks for your time.

submitted by /u/Eoussama
[link] [comments]
Categories: Web Development