Here is how to answer the "How much does it cost to build a website?" question from clients web developers

I have a simple test project set up with webpack installed. In my /src/ directory I have several javascript files I want to be combined and minified to my /dist/ directory, but for now I'm just trying to get a single file minified. Here is what my webpack.config.js looks like:

const path = require( 'path' ); module.exports = { entry: { 'foo.min.js': [ path.resolve( __dirname, 'src/foo-js' ), ], }, output: { filename: '[name]', path: path.resolve( __dirname, 'dist' ), } };

foo-1.js:

const FOO = {};

when I run npm run build I get my minified /dist/foo.min.js file, but it looks like this:

!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){e.exports=n(1)},function(e,t){}]);

No idea what's going on here, and the following code fails with "ReferenceError: FOO is undefined":

<script src="/dist/foo.min.js"></script> <script>console.log( FOO );</script>

What am I doing wrong?

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

Looking for a book suggestion for beginners learning JS as their first real language.

Posted: 21 Apr 2019 08:35 AM PDT

I am aware of a ton of good free resources and books online but I got a gift card to barns and noble and want a physical copy. Professional JavaScript for Web Developers 4th edition looked interesting but its not coming out for another two months and I want something already published and also not outdated. Any ideas? I do also want to learn html and css better if anyone has recommendations for those, but I would prefer a JS book.

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

Looking for a light/basic CMS (preferably using twig) for basic websites

Posted: 21 Apr 2019 04:00 PM PDT

So, I'll get straight to the point. I'm a student and know a fair bit about HTML/CSS/JS.

I have recently used the CMS system of Lightspeed eCom, which I really liked. The system used Twig as a template engine, and it allowed completely custom webpages using plain HTML/CSS/JS.

As in the name, Lightspeed eCom is for websites in the eCommerce world. Now I'm looking for a similar CMS that's more fitting for very basic sites, like onepages and stuff.

The most important thing for me is the combination of an "CMS interface" that is very easy to use + complete freedom in creating a template for the content the website owner writes/uploads.

Stuff like Wordpress is way to bloated for my liking, and I have yet to find a way to get complete freedom in building templates in Wordpress.

A few google searches have shown some possible CMS systems, but I haven't come across something that convinced me right away.

Would love to hear some experiences and suggestions.

Thanks in advance!

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

Is there a way to make globally unique ID's in Postgres like you can in MongoDB?

Posted: 21 Apr 2019 02:28 PM PDT

By globally unique I mean unique primary keys not only in it's own table but across the entire database. I'm using GraphQL on the front end and want to use that dataIdFromObject property on the Apollo client, but I need to be sure that every primary ID across every table is unique in my database.

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

Svelte 3 released with completely new APIs

Posted: 21 Apr 2019 02:07 PM PDT

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

Using https in application vs using it on reverse proxy

Posted: 21 Apr 2019 02:07 PM PDT

Is there any difference if you use TLS in your application for example in node or java(spring), and if you use normal HTTP in your application and then set up Nginx as a reverse proxy and configure your TLS certificate throw Nginx?

What would be the benefits of using one instead of another?

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

Wireframe code

Posted: 21 Apr 2019 01:51 PM PDT

Hi there!

I'm super new to the html coding game. I'm great with creating the design for websites but putting the code behind it... not so much. I have two designs that are kicking my ass trying to figure out how to code. I tried a table design and ultimately ended up hating life trying to make the brackets white, changing the size of brackets etc, etc.

I'm trying to set up these frames so I can go in and customize them further afterwards. I'm good with the codes for linking and putting in actual imagery but me and dreamweaver are having issues when it comes to columns and floating codes. I end up just getting them in a row vertically -instead of horizonally. or having one of the buttons fly off somewhere I don't want it to be. I'm at the end of my rope. Any pointers for this code noob?

https://i.redd.it/xa8kxhwahot21.jpg

https://i.redd.it/bowjvrwahot21.jpg

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

Using a datalist for autocompletion but without the option to display all the possible options by clicking on the input?

Posted: 21 Apr 2019 01:46 PM PDT

Straightforward question, let me know how/if that's doable. I basically need something that autocompletes from entries in a database, similar to what Facebook and LinkedIn do. If there's another workaround for that that does not involve datalist, please do let me know too, thanks!

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

Opinions on Multi-Vendor Marketplace Job

Posted: 21 Apr 2019 09:57 AM PDT

Hi all,

I would describe myself as a Junior/mid level developer undertaking some free work to build my portfolio whilst working for the family business.

I have been asked to create a Multi-Vendor Marketplace, I have looked at some of the CMS systems + Extensions on the market (CS-Cart , Magento, OpenCart) and was wondering if anyone had any experience building one of these or opinions on the best current systems available?

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

Best practices for optimising video streams on the web

Posted: 21 Apr 2019 01:32 AM PDT

submitted by /u/ms-maria-ma
[link] [comments]

How much would it cost to make this?

Posted: 21 Apr 2019 12:37 PM PDT

I have a YouTube channel and I need a page where people can make purchases. This is kind of an example. I don't need a whole website, just the domain and this one page for purchases

https://www.reddit.com/coins/

submitted by /u/12many4u
[link] [comments]

Need help getting familiar with web dev!

Posted: 21 Apr 2019 12:31 PM PDT

Hey guys! So I've been into programming for a few years now. Started learning HTML and CSS in my free time about 3-4 years ago, and spent around a year and a half just messing around, never doing anything serious. Then I moved onto Python, and have spent about 2 years focusing pretty much solely on python, creating programs that are useful to my life and school. I have a developer position lined up, and am looking to get more familiarized with web development. I have built websites in the past, mostly using templates and then adding custom CSS to it, but haven't written much HTML myself.

I'd love some help with getting familiar with the companies practices. 1st, here is the company website: https://rangemarketing.com/ I looked through the code and am not sure where to begin with dissecting it. Are there any habits/things you notice that may be worth practicing and familiarizing myself with?

2nd, what did you do to begin your journey into web development?

3rd, what's your favorite part of web development and why are you a web developer?

Any feedback is appreciated! Thanks

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

Perspective correct texture mapping using HTML 5 Canvas (no WebGL)

Posted: 21 Apr 2019 12:20 PM PDT

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

ADFS Login for simple Web Form

Posted: 21 Apr 2019 12:18 PM PDT

Total noob here, looking to protect a simple web form behind an ADFS login. Also looking to pass the email address from the login to the webform so it can be included in the submission email for the webform.

Is there any prebuilt template I can find anywhere to base this off of?

Thanks in advance!

submitted by /u/save-me-oprah
[link] [comments]

What is the most cost/time efficient way to get into web development?

Posted: 21 Apr 2019 11:39 AM PDT

I'm 20 years old and have been out of college for almost a year. I have an associates in business but really don't think it's what I want to pursue. I've started to look into going back to school next year and I'm very interested in web development and also heard a lot about cyber security. The more I've researched this, the more I've been turned off to the idea of getting a degree in the field as it seems to be much more skill based than credential reliant. For those of you in the field, is this true? I guess my fear is pouring time into a bunch of online classes only to hit a wall trying to get a job because I have no degree. Also what is the general consensus on bootcamping? I've seen mixed reviews with those as well despite the fact that they seem very time efficient (9-12 weeks is crazy). Any responses would mean a lot. Thanks for your time.

Edit: I should probably also mention that I work ~4 days a week at a restuarant. The rest of my free time I could put into learning. I'm a relatively intelligent individual and I can pick things up quickly. Figured I should mention this in case it effects what option would be best for me.

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

How can I make a form (input box) identical to Google login. I mean there are tutorials for label sliding on focus. But to have the label appear on border, how can I do it ??

Posted: 21 Apr 2019 11:36 AM PDT

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

Thinking about whether it's too early to go remote as a front end developer

Posted: 21 Apr 2019 07:32 AM PDT

I have been working for the last 3 years as a front-end developer specialising in modern MVC frameworks such as angularjs and reactjs.

Originally started my career with the full intention of going remote but now I'm at a crossroads. Ideally I'd like to go back to the country I previously lived in in Asia but I have slight concerns that I might be doing this prematurely.

I've been given career advice from a family member and senior front end developer here in the UK that the best thing for me to do for my career its to move to a big company with lots of senior front end developers so that I can gain further input.

However I've been doing well so far and I've told myself a lot of things I managed to keep up-to-date via discord groups and other such things and I'm starting to think whether it's worth the trade off. I'm young I would like to experience other cultures I would like to spend my youth in a country I really enjoy.

To anyone who has gone remote earlier in their career or to anyone who has gone remote later and then career, what are your thoughts on this?

I don't consider myself junior anymore. Want to know if I can get the same I would have done from senior colleagues in the office from other means such as the discord groups mentioned, co-working spaces etc. I feel I am at the stage where I can provide help to juniors myself and I have been working unattended mostly for the last 2 years.

Interested to know your thoughts.

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

What areas can be used in conjunction with web development?

Posted: 21 Apr 2019 11:06 AM PDT

Well, basically I can use anything (taking things like desktop applications, mobile etc), but I'm looking for something that is relevant to web development, but that does not have to do with simply creating crud systems.

For example, I do not know ML, but I think NPL can be a vantagam for some things, like websites that use this to improve their articles, or, for example, ML to improve a site's recommendation system etc.

But, preferably, I'm looking for something that is not so advanced. For example, I'm learning Web Scraping, I know I can do this for a number of things, such as receiving input from a form and searching on various news sites, and returning links from those different sites, which contains the input in your title.

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

Request for info on script loading performance tools.

Posted: 21 Apr 2019 06:45 AM PDT

Hello wonderful person on the other side of the screen. First of all, I want to thank your time regardless of your input. With that said, I am currently trying to determine what the best tools might be to assess the impact on loading speed that a script might have. On that note, any tools regarding loading performance you might be familiar with and deem useful would be appreciated.

To clarify, what I am looking for is some tool that I could use to test various webpage loading performance aspects. For example, let's say I am considering adding a particular JavaScript library to handle some functionality vs. creating custom functionality of my own. How could I best determine the performance cost that going the library route might have.. and for that matter, contrast it with the performance of a self-made solution?

If you think that there is another sub-reddit where this might be more appropriately answered, please do not hesitate to let me know.

Thank you again for your time, Arty

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

Namecheap and NC.ME auto-renewal settings are not connected

Posted: 21 Apr 2019 02:27 AM PDT

I'm just writing this to warn others who may be using the free for 1 year NC.ME (namecheap's site for students) domain from the github student developer pack that the auto-renewal process is apparently not tied to the main namecheap.com website at all despite being able to manage the domain through namecheap.com.

I was charged for auto-renewal of the domain because I thought I had auto-renewal set to off (which I did on the namecheap.com site) but, apparently, this setting doesn't transfer over to the NC.ME site that also stores credit card information separately as well.

The NC.ME site has no login and the only way to manage your domain is through a link in their renewal reminder emails that conveniently don't mention auto-renewal at all but implies that they'll assist me in renewing if I click on a button labeled "Renew Now". As a result, I never clicked on the link in the email since I didn't plan on renewing.

After getting charged for the renewal (my Credit Card alerted me of the charge, I never got a receipt or email telling me it renewed), I contacted support and they said it's part of their terms that renewals are final and can't be refunded. I also had another issue with another .me domain through NC.ME that didn't even let me update the auto-renewal status and gave me a "It's not possible to update this renewal. The order has been already renewed" error.

After this experience, I think I'm going to avoid NameCheap for a while.

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

Breaking News

Programming29

Sunday, April 21, 2019

Here is how to answer the "How much does it cost to build a website?" question from clients web developers

Here is how to answer the "How much does it cost to build a website?" question from clients web developers

No comments:

Post a Comment

Popular

Blog Archive