• Breaking News

    Monday, December 11, 2017

    I finally did it! My first web app. web developers

    I finally did it! My first web app. web developers


    I finally did it! My first web app.

    Posted: 11 Dec 2017 08:09 AM PST

    Hi peeps! I've been a lurker for quite some time now and I finally did it! I picked up web development a few months back. (july 2017) Even though I did a little bit of development in my college years, I was never very proficient. I always wanted to try and code a SAAS. As of today I think I finished an early MVP (minimum viable product).

    I coded the project with the MEAN stack. But instead of mongooseDB. I use the firebase API as a backend. I'm really curious at all the bad and good practices that have been implemented in the project. :) Stuff, more experienced web developers will see in a blink of an eye.

    If you are interested in checking it out, have advice or other questions on how I implemented everything. Feel free to give me a shout.

    Oh before I forget, maybe a little context…: The project is a web application that manages coliving spaces and student properties. you can find it here living.wandr.eu

    I must say that the application is developed for desktop work. (a little bit like asana, which I always use on a desktop) I'm curious about the advice you guys/girls can give me.

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

    Pro Tip: Using a secret pixel to detect malicious web traffic.

    Posted: 11 Dec 2017 10:56 AM PST

    I was asked to introduce web development to 3-5th graders and found Mozilla's excellent Thimble site.

    Posted: 10 Dec 2017 05:53 PM PST

    A Developer’s Guide to Better Accessibility

    Posted: 11 Dec 2017 01:07 PM PST

    I wrote a quick introduction to CSS Grid!

    Posted: 11 Dec 2017 02:30 AM PST

    krud - REST API generator for MongoDB+Express apps

    Posted: 11 Dec 2017 02:05 PM PST

    Here’s a theme that any subreddit can use to participate in the Dec. 12 #BreakTheInternet net neutrality protest, and tools for everyone else to join too

    Posted: 11 Dec 2017 01:11 PM PST

    Hey everyone,

    As we all know, the FCC is planning to gut net neutrality this Thursday. But if the Internet freaks out right now, we can still get Congress to stop them. Announcing: Break the Internet a mass online protest starting 48 hours before the FCC vote.

    We're asking folks to get creative and symbolically "break" their site, blog, videocast, app, or social media channel to get attention and drive calls to Congress. For subreddits, we think it would be cool if as many subreddits as possible changed their theme to something that gives the vibe that your subreddit is "broken" in some way, like it could be without net neutrality.

    Here is a simple CSS theme for subreddits that want to participate. If you moderate a subreddit and care about net neutrality, this is a great way to join in the day of action and make it easy for your visitors to send calls to Congress.

    The CSS theme will look like this when posted: image, live preview

    You just have to paste this into your subreddit's CSS stylesheet:

    body.hot-page:not(:lang(nt)) { margin-top: 100vh; } body.hot-page:not(:lang(nt)):before { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background-color: #FC0D1E; content: ""; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding: 0; margin: 0; border: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote p { font-size: 32px; text-align: center; font-family: "Helvetica"; font-weight: 400; color: #fff; width:80%; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote > p a { color: #ff3434; text-transform: uppercase; font-weight:bold; background-color: white; padding: 5px 15px 5px 15px; border-radius: 5px; font-size: 28px; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote > p stron em a { background-color: none; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote > p:first-of-type, body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote > p:nth-of-type(2) { animation: fadein 0.6s ease-in-out 2s both; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote > p:last-of-type { animation: fadein 0.6s ease-in-out 3s both; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote { position: relative; height: 96px; border: 0; padding: 0; margin: 0; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote p { position: absolute; top: 50%; left: 50%; width: 96px; height: 96px; margin: -48px 0 0 -48px; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote p * { display: block; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote p strong { position: absolute; left: 1px; top: 1px; width: 94px; height: 94px; animation: spin 0.8s cubic-bezier(0.75, 0.3, 0.3, 0.75) infinite; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote p em { width: 48px; height: 48px; overflow: hidden; } body.hot-page:not(:lang(nt)) .side .md h6 + h6 + blockquote blockquote p a { width: 94px; height: 94px; border-radius: 88px; border: 10px solid #FFF; box-sizing: border-box; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } 

    And paste this into the sidebar under 'subreddit settings':

    ###### [](#a) ###### [](#a) > We're sorry, but you've exceeded your allotted bandwidth for https://www.reddit.com. >Please update your internet plan to continue browsing. >> ***[](#l)*** > Loading... > The FCC will end net neutrality on Dec 14th if we don't convince Congress to stop them. [Join the Protest](https://www.battleforthenet.com/breaktheinternet/) and [Contact Congress](https://www.battleforthenet.com/) to save net neutrality. 

    Participating subreddits should also add a "sticky" post since the CSS theme won't be visible to mobile users.

    Here's sample text for a sticky post, feel free to customize it for your subreddit's audience and subject:

    Title: Today r/subredditname is going to #BreakTheInternet to save net neutrality

    Body: On Dec 14th, the FCC is going to kill the open internet, and end net neutrality. There will be nothing to stop Internet Service Providers like Comcast and Verizon from charging us extra fees to access the online content we want -- or throttling, blocking, and censoring websites and apps.

    This affects every redditor and every Internet user, and we only have a 48 hours left to stop it. Contact lawmakers now and tell them not to destroy net neutrality!

    Please, take a moment of your time to join the protest and contact Congress to save net neutrality.

    Thanks!

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

    Know Basic HTML & CSS - What's Next?

    Posted: 11 Dec 2017 11:19 AM PST

    I taught myself HTML + CSS over the last 8-10 years since I have a hobby of making websites. I never really pursued it as a career, and after taking on a few "clients" I quickly realized I do not want a job making websites for people, but still have a passion for my own projects or possible businesses down the line.

    I know the basics of HTML and CSS, and even a little PHP from using Wordpress over the years. I have never had any issues making changes on my website, and I found pretty much anything you need to know can be found online within minutes of searching.

    I was wanting to learn more, but I wasn't sure if I should focus on new languages, or try to become an "expert" at HTML and CSS? I know there is a lot more out there than I know, I have only learned what was needed to make websites function or look a certain way, but I feel somewhat proficient regardless.

    What do you guys think would be the best route to take? Are there good options for careers in web development if I can learn a bit more? Ideally I want to make $25-$30/hr starting off somewhere but that might be tough.

    submitted by /u/Whirly-Dirly
    [link] [comments]

    Comparison of new performance rendering metrics: First meaningful paint, Time to Interactive, Hero Times.

    Posted: 11 Dec 2017 01:16 PM PST

    Critique My Portfolio

    Posted: 11 Dec 2017 01:15 PM PST

    https://brandonmoore.co/

    I'm a 21 year old web development student at Alfred State. I'm nearing the end of my academic career and need to start looking for a job.

    I'm looking for any feedback that could help me improve as a developer. I feel like it's kind of bland, but I'm not really sure what else to do.

    Feel free to not hold anything back and point out any and all problems.

    Thanks!

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

    How many projects should I prepare for my first front-end/back-end/full-stack job hunt ever?

    Posted: 11 Dec 2017 11:23 AM PST

    Lately, I've been thinking about how would I go about looking for a job as a web developer when I finish my BA in Informatics . I'm neither the smartest nor the greatest web developer so I hope to show my worth through actual projects.

    My first question is, what is the optimal number of projects to showcase at an interview?

    My second question is, should I only include big and time consuming projects only or should I also include small projects that showcase my use of a certain technology? For example, a couple of days ago I started fiddling with web sockets and then decided to make a very simple website that show the price of bitcoin in real time. This didn't take long but it helped me grasp the basics of web sockets and I suppose it is a good reason to include it as well.

    Lastly, do interviewers ask you to code stuff for them during the interviews? And if so, are you allowed to use documentation whilst doing so?

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

    Need some big picture advice for an education website

    Posted: 11 Dec 2017 10:31 AM PST

    Hey team, I work in medical education and want to start a website to help facilitate some basic teaching exercises. I want to keep it free for my students so I'd like to keep costs to a minimal. That being said, I'm brand new to building a website and have been trying to struggle my way through this process over the past several weeks-months. I've made some good progress through self study, and I'm now happy with my website layout, design, and content aspects.

    Unfortunately, I've encountered so many different aspects to website development that I didn't even know existed... website security, SSL certificate, SEO, responsive design, legal aspects / privacy agreements, affiliate links, etc... I've been trying to learn these from online resources, but its clear that a lot of these resources are geared towards people in your line of work and it goes right over my head.

    What would you all recommend I do to get these all sorted out? I don't necesarily want somebody to just do everything for me, since I've heard that webdev can be very expensive, AND I'd like to learn it myself for future website projects. I'd have to think this stuff is probably quite basic to even a beginner-intermediate website developer. Are there places where you can go to have someone guide me through the process and be available for questions while I do the leg work myself? Is this included as part of BlueHost customer assistance? How much would it cost for it to just hire someone to get it done?

    Details if it helps: I'm hosting on blue host, using wordpress, have the paid basic account.

    Thank you so much for your help! Any advice is greatly appreciated!

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

    I made a repo with six different working OAuth/Express examples (and without using Passport). They were annoying to figure out how to do so I wanted to simplify it for other people.

    Posted: 10 Dec 2017 07:01 PM PST

    What's your client process?

    Posted: 11 Dec 2017 08:31 AM PST

    Good morning fellow freelancers!!

    I have a question for the web designers/developers, graphic designers or any person in a creative field that offers services.

    The good news is that, I've gained my first client!!! 🎊🎉

    The bad news is: this will essentially be my first "professional" freelance project & I have NOOOO client process or how to set everything up so it's easy for my client. (I could set it up, if I knew WHAT to set up! 😫)

    I wanted to know what's your client process? Do you onboard? Do you use tools like Trello, or Asana, BaseCamp or even Dubsado for client management? Do you send out proposals, contracts or agreements? Do you use DocuSign to send your proposals or do you use something like Prosposify to handle all your paperwork? For bookkeeping, do you manage it through paypal or do you use something like FreshBooks or Xero?

    I need to know EVERYTHING! Spill all the nitty gritty tea below & I thank everyone in advance who responds to this.

    I'm also going to post this in the freelance + web design Reddit page in case you might see a duplicate post, lol

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

    Gamee?

    Posted: 11 Dec 2017 09:10 AM PST

    Hello, /r/webdev!

    What do you think about Gamee platform for publishing HTML5-games? If someone has work experience with it — share, please.

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

    Dynamic import()

    Posted: 11 Dec 2017 02:59 AM PST

    Comparison of CSS preprocessors

    Posted: 11 Dec 2017 11:22 AM PST

    Is it okay to do z-index in multiples of 10?

    Posted: 11 Dec 2017 09:49 AM PST

    I came across an issue with a parallax effect where layers that aren't supposed to overlap did, dependent on where the page was loaded (if loaded at top, bottom was overlapped, if bottom, top overlapped, both should have been foreground)

    To fix the issue, I scaled up the z index values but I'm wondering if it's bad practice or I did something wrong?

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

    Freelance Graphic Designer turning developer. Few questions regarding express with js frameworks.

    Posted: 11 Dec 2017 02:32 PM PST

    What's up reddit. Somewhat new here too.

    As the title states, I've been studying full stack development for the last month or so, and I have a couple questions. Specifically:

    • Are there any resources or insight into using a js framework with express? (angular 4/5, vue, react) I'm still fresh so I haven't decided on one in particular.

    I haven't quite grasped this aspect yet and most resources I've found are either out-dated or doesn't cover backend.

    I have been through the documentation but something isn't clicking. ..And file structure is madness.

    I had basic prior knowledge of html, css, and js (including jquery) before really focusing on full-stack. I ran through a course that covered node, express, and mongodb concepts which was extremely insightful but didn't introduce a js framework. The apps that I built throughout the course were built with only express (ejs templates/semanticui/js).

    Am I missing something? Am I just not there yet? Any advice or friendly peers are welcomed. It's a tricky act not to get overwhelmed here.

    submitted by /u/nilo-jxn
    [link] [comments]

    CI

    Posted: 11 Dec 2017 07:04 AM PST

    Jenkins, Travis CI or Gitlab YAML configs? What do you use?

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

    Is AWS any good for hosting websites?

    Posted: 11 Dec 2017 03:53 PM PST

    I've looked into AWS for web apps and it seems like a great choice, but what's it like for very standard websites? How does it compare cost wise to other hosting services?

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

    What is the best way to test your website in different browsers and screen sizes?

    Posted: 11 Dec 2017 02:42 PM PST

    Any good emulators?

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

    Open Source Ecommerce

    Posted: 11 Dec 2017 02:31 PM PST

    Hey fellow web developers! Is there any good open source ecommerce project that is easily scalable across servers or containers (docker), has globalization and is able to handle more than 1,000,000 products

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

    A question about node and pm2 cluster mode

    Posted: 11 Dec 2017 06:53 AM PST

    Hello guys I have a node app that's starting to get pretty popular. I need to upgrade to a Digital Ocean Droplet (=VPS) with 4 CPUs.

    In order to run one instance of the node app on each CPU, I'm going to use Pm2 with cluster mode.

    Now, I have two questions :

    1) My app has a method called every 5 minutes that call an external API and update the database. If I run 4 instances of the app with PM2 cluster, will every instance call this API and update the db ?

    2) I want only one app to run this external API call +db update, not the 4 of them, how can I handle this ?

    Thanks guys

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

    Server Monitoring Service

    Posted: 11 Dec 2017 08:15 AM PST

    Hi guys, I have made a monitoring system for my ~20 linux servers. After one year of testing it i have decided to open for other sys admins as well.

    The system works as follows, you install a pre-packaged python script that monitors your server. Diskspace, cpu and a ton of other stuff. It reports this data back to our server where you can configure alerts and get notified by Email, webpush, sms or pushover.

    Alerts are defined as : notify me if the diskspace exceeds 95% for more than one hour. etc.

    Anyway, The source code of the python script is available, so you can see what is running on your server and setting up is fairly easy.

    Again, the service is free to use as a beta tester, would love to hear feedback.

    https://serverangel.net

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

    No comments:

    Post a Comment