The Web, 2018 web developers

---

• The Web, 2018
• [Showoff Saturday] I made a web application that looks up background radiation measurements and air quality index in your local area, or around the world
• [Showoff Saturday] Secret Santa Generator (with links)
• I built a Dutch social news website... here's a list of technologies and tools that I used. Would love to hear feedback.
• Someone asked me to make a site for them and I don't know how the fuck I'm supposed to go about it.
• Migration from Wordpress to Static Site Using Hugo and Netlify - A Step-by-Step Tutorial
• Halloween Themed Card Matching Game
• Redux Enterprise - Library for scaling development on Redux-based projects
• My take on the portfolio (ReactJS)
• [Showoff Saturday] I made a WebGL-based solar system simulator (desktop only)
• Git remote: Invalid username or password with Cloud9
• Which would be the better option for a website?
• Website/Bootstrap Temples for Personal Websites
• [Showoff Saturday] I made a website (Project Odense) to host movie spoilers
• Laggy interactive SVGs in React
• How to develop for clients using site builders?
• [Showoff Saturday] Webpack - Deploy ES6 modules with ES5 fallback
• Where did you get your first webdev project from and how was it?
• How do I learn AWS?
• (X-post r/wordpress) HELP: Footer not staying down
• I made Snap - a CLI tool for simple and flexible boilerplate management
• [Help] Workflow to develop a webapp from start with Docker.
• The best way to learn javascript
• Modern module bundlers besides webpack & rollup
• How to take my project from my computer and make it available online?

The Web, 2018 Posted: 20 Oct 2018 12:51 PM PDT submitted by /u/tareefdev [link] [comments]

[Showoff Saturday] I made a web application that looks up background radiation measurements and air quality index in your local area, or around the world Posted: 20 Oct 2018 06:55 AM PDT submitted by /u/Lurcho [link] [comments]

[Showoff Saturday] Secret Santa Generator (with links) Posted: 20 Oct 2018 08:31 AM PDT hello this is my first post, please be gentle. In the process of learning React, I created a secret santa generator without email/signup. I used create-react-app, SASS, and crypto-js. Link: https://linksecretsanta.netlify.com/ Github: https://github.com/kristelfung/secret-santa After you click generate, send the link to the corresponding person to open. They'll receive their secret santa assignment there! submitted by /u/butterbiscuit_ [link] [comments]

I built a Dutch social news website... here's a list of technologies and tools that I used. Would love to hear feedback. Posted: 20 Oct 2018 03:50 AM PDT This is the project: https://leesmee.com Some of the features: It allows people to start their own communities It allows creating stories, submitting comments, nesting comments, inline editing, ... Upvoting, downvoting, favoring of stories and comments It supports all forms of media like text, html, image, video, gifs, tweets, ... to be embedded automatically when you submit It keeps track of your activity scores It has a Wordpress plugin It automatically creates summaries for every news article that is added Technologies used: PHP 7.3 Laravel 5.7 Javascript Bootstrap 4 MD Bootstrap Pro No captcha: https://github.com/anhskohbo/no-captcha Only for the contact page. Embed: https://github.com/oscarotero/Embed Amazing package which gives you metadata from a page and finds the embed code for a whole series of websites. Intervention Image: https://github.com/Intervention/image For image resizing, cropping. Used mainly for generating thumbnails. Clockwork: https://github.com/itsgoingd/clockwork For PHP debugging. Similar to Debugbar. Laravel Share: https://github.com/jorenvh/laravel-share Auto generates sharing links for a variety of social media platforms. Laracasts Flash: https://github.com/laracasts/flash For easily displaying feedback messages. PHP Google translate: https://github.com/statickidz/php-google-translate-free For translating English titles to Dutch. When someone submits a story in English, it attemps to pre-populate the title field with a Dutch translation. Twitter API: https://github.com/thujohn/twitter For posting to Twitter. Laravel Socialite: https://github.com/laravel/socialite For logging in with other social platforms. Spatie Fractal: https://github.com/spatie/laravel-fractal The API is not ready yet, but I use this as a more convenient way to communicate with the League Fractal library. Aylien Text API: https://github.com/AYLIEN/aylien_textapi_php Does smart text analysis with NLP and machine learning. L5 Repository: https://packagist.org/packages/prettus/l5-repository Laravel implementation of the Repository pattern. Laravel Page Speed: https://github.com/renatomarinho/laravel-page-speed This one has a number of features for improving your site performance, it optimizes your html code by removing unnecessary elements. Spatie Image Optimizer: https://github.com/spatie/laravel-image-optimizer Amazing library that optimizes your images. They have a whole bunch of optimizers for jpg, png, svg, ... but you can add your own to the chain very easily. There's also a Wordpress plugin that adds a sharing button to blog posts: and a Slack server (Dutch) Would love to hear your critique, suggestions, insights, ideas, ... submitted by /u/ecky--ptang-zooboing [link] [comments]

Someone asked me to make a site for them and I don't know how the fuck I'm supposed to go about it. Posted: 19 Oct 2018 06:29 PM PDT Context: I'm in school and I started as a hobby. A neighbour asked me to make a site for their business. I can make a Wordpress site for it I guess but I don't know what even to do first: Send a link to buy hosting like this I guess? I don't know Is that gonna be a huge workload for me because I don't wanna do maintenance. How do I get them to buy domains and how do I set up e-mail (G suite I guess because it'd be way too much/unnecessary to do it myself but how do I even do that and get them to buy it)? Contracts? I'm kinda panicking because someone heard I was learning web dev and now he somehow thinks I'm an expert and he offered a pretty good amount of money for it and I don't wanna say no but I'm scared I'll mess it up so I feel like I should say no and wait till I learn more. Sorry if this sounds really stupid I don't really know what to do. submitted by /u/ReedANose [link] [comments]

Migration from Wordpress to Static Site Using Hugo and Netlify - A Step-by-Step Tutorial Posted: 20 Oct 2018 10:11 AM PDT submitted by /u/wyem [link] [comments]

Halloween Themed Card Matching Game Posted: 20 Oct 2018 11:19 AM PDT submitted by /u/Nebs987 [link] [comments]

Redux Enterprise - Library for scaling development on Redux-based projects Posted: 20 Oct 2018 10:52 AM PDT submitted by /u/weeeedle [link] [comments]

My take on the portfolio (ReactJS) Posted: 20 Oct 2018 03:30 AM PDT submitted by /u/Kouka20 [link] [comments]

[Showoff Saturday] I made a WebGL-based solar system simulator (desktop only) Posted: 20 Oct 2018 03:03 PM PDT submitted by /u/j_shor [link] [comments]

Git remote: Invalid username or password with Cloud9 Posted: 20 Oct 2018 01:35 PM PDT I have to use Cloud9 for a school project, and I want to be able to push to my remote. I cloned a repository, made test changes and pushed to origin master. It asks me for my username and password. I enter both correctly, but get: remote: Invalid username or password fatal: Authentication failed for ''r/https://github.com/my_username/test-repo.git/'' I do have two factor authentication on, but I don't know if that has anything to do with it. I can generate a public access token, which works, but I don't want to have to enter my username and that token / generate another every time I want to push. Any ideas? Thanks! submitted by /u/Dnlgrwd [link] [comments]

Which would be the better option for a website? Posted: 20 Oct 2018 01:22 PM PDT Example: I own a mechanic's shop. I want to make a website so I can update my customers (instead of calling them via cellphone). When the customer's car comes in I can change the car's status to arrived. If I am waiting in a car part I can change the car's status to "waiting on part". The customer would sign in into my website and would be able to see the status of all their cars. Do services like squarespace and wordpress offer the ability to do this? I know how to make basic websites (without login), but dont want to make this by writing my own code. Since I am a beginner and afraid that I would leave the company's server vulnerable. submitted by /u/tehChimichanga [link] [comments]

Website/Bootstrap Temples for Personal Websites Posted: 20 Oct 2018 03:36 PM PDT What are the best github repos to generate a template for use on personal websites? submitted by /u/StrikingSide3 [link] [comments]

[Showoff Saturday] I made a website (Project Odense) to host movie spoilers Posted: 20 Oct 2018 03:23 PM PDT submitted by /u/mrmhk97 [link] [comments]

Laggy interactive SVGs in React Posted: 20 Oct 2018 03:11 PM PDT I am attempting to create an interactive building map using SVG and React for a web app that updates React State when different parts of the map are clicked. However, the State update is laggy and takes a moment to update after clicking the SVG. The SVG when exported from Sketch and after some optimization from SVGO is ~1MB (prior to optimizing it is ~20k lines and 2MB). My belief is this lag in updating State results from the complex SVG. My method and code are below, but I am hoping someone can suggest a better way to make complex interactive SVGs for React where State can be updated without any lag when a user clicks on the SVG.   I created a complex SVG in Sketch. This SVG is a blueprint-like map of a building that consists of ~20 rooms and rows of labeled chairs in each room (each row of chairs is labeled with a letter). I have labeled each room and row of chairs in Sketch, and grouped the chair rows under each room. The SVG should allow for the following and an example of the SVG code is below:   When a user hovers over a row of chairs in any room, that row of chairs should change color --> I achieved this using CSS by adding a className="chairrow" to each grouped chair row in the SVG and this seems to work well When a user clicks a row of chairs within any room React should update its State for the name of the room and the name of the row of chairs clicked. The State consists of "roomname" and "chairrowname" --> I use a simple handleClick(e) function to pull out the id of chair row clicked and the id of the room where the chair row is located and then update the State. As mentioned above, this State update is laggy and takes a second or two to update after clicking on a row.   SVG code below: <g id="Green-Room-1" transform="translate(170.000000, 616.000000)"> <g className="chairrow" onClick={this.handleClick} id="A" transform="translate(11.000000, 0.000000)"> <g id="Chair1"> <g id="Rectangle"> ... </g> <g id="Chair2"> <g id="Rectangle"> ... </g> ...   Thanks in advance! submitted by /u/therealdocemrick [link] [comments]

How to develop for clients using site builders? Posted: 20 Oct 2018 03:00 PM PDT I just got hired for web dev/design through Thumbtack. The site assumes you use site builders, and the client says I can choose whatever builder I feel is best. So I called them and went over the basics of what they want and what the purpose of the site is and all, and we are to meet in person on Monday. So once I determine which builder is best, then what? Who's email and all am I using to sign up for SquareSpace/Wix/Weebly/etc? Am I just using their email and setting a password we both know? How is this supposed to work? This is my first professional/semi professional gig related to my college degree so I'm trying to figure out how to proceed and all on the fly. Also, if you all have any suggestions on what site builder to use, let me know. She's a beautician looking to have customers set up appointments and pre-pay online. I am out with my girlfriend for the evening so I haven't had much of a chance to research nor will I until later tonight. Just figured I'd also post on here so that by the time I get home I have a better idea and all. I appreciate any help. Thanks guys! submitted by /u/Techie97 [link] [comments]

[Showoff Saturday] Webpack - Deploy ES6 modules with ES5 fallback Posted: 20 Oct 2018 01:46 PM PDT submitted by /u/the_interrobanger [link] [comments]

Where did you get your first webdev project from and how was it? Posted: 20 Oct 2018 01:35 PM PDT I need motivation and ideas to finding my first project. submitted by /u/W41S [link] [comments]

How do I learn AWS? Posted: 20 Oct 2018 02:39 AM PDT I mean, it has a free tier but I have to give them my credit card. Am I guaranted that they wont charge me anything even if I go beyond the limit? How does it work? I really wanted to learn it but I cant afford it submitted by /u/Frectus [link] [comments]

(X-post r/wordpress) HELP: Footer not staying down Posted: 20 Oct 2018 01:11 PM PDT Hello Devs, I have been stuck on this certain WP problem for a while, I have tried to embed custom HTML code onto a client's site, the issue is that the HTML is over flowing beyond the footer. I tried making the footer stick to the bottom using the custom CSS in the theme but no difference. The theme is some weirdly customized thing. This is what it looks like ​ https://i.redd.it/evkavzirdet11.png Greatly appreciate any ideas. submitted by /u/tahadharamsi [link] [comments]

I made Snap - a CLI tool for simple and flexible boilerplate management Posted: 20 Oct 2018 07:11 AM PDT submitted by /u/_ijonatron [link] [comments]

[Help] Workflow to develop a webapp from start with Docker. Posted: 20 Oct 2018 12:43 PM PDT I want to develop a webapp with angular, php api with laravel, a node chat, mysql and nginx. I have followed this tutorial https://training.play-with-docker.com. ​ So I have this project: . ├── README.md ├── api (Laravel API) │ └── Dockerfile ├── chat (Node chat) │ ├── src │ └── package.json ├── docker-compose.yml └── www └── app (Angular app) └── index.html And this is what I want to install on each image because I want nothing installed on the host machine. Laravel API: php composer laravel framework Node chat npm node This is my workflow idea: Let's say I am developing the laravel API. I run a laravel API container and access its shell: docker container run --interactive --tty laravel-api bash (I dont know if this is correct if I use the official php image) cd api laravel new src So I would have this structure inside laravel API folder. I would map the src folder inside laravel API folder to another one inside the container to update my code. . ├── README.md ├── api (Laravel API) │ ├── Dockerfile │ └── src │ ├── app │ ├── artisan │ ├── bootstrap │ ├── composer.json │ ├── composer.lock │ ├── config │ ├── database │ ├── package.json │ ├── phpunit.xml │ ├── public │ ├── resources │ ├── routes │ ├── server.php │ ├── storage │ ├── tests │ ├── vendor │ ├── webpack.mix.js │ └── yarn-error.log ├── chat (Node chat) │ ├── src │ └── package.json ├── docker-compose.yml └── www └── app (Angular app) └── index.html And I would do the same for Node chat folder. This way I have nothing installed on the host and can upload my code to git. Is it real world workflow development? If not, is It possible? Do you have some github example? I haven't found a full tutorial. ​ submitted by /u/nx12 [link] [comments]

The best way to learn javascript Posted: 20 Oct 2018 12:22 PM PDT Hello, I am struggling with js, and I want to be able to understand the code. What is your recommendation and what to do to be able to master it? Anything from books to docs and even podcasts, I will appreciate it. submitted by /u/unudoitreiunu [link] [comments]

Modern module bundlers besides webpack & rollup Posted: 20 Oct 2018 12:21 PM PDT I'm looking for examples of modern module bundlers like FuseBox (https://fuse-box.org/) that compete with webpack and rollup. Have you come across work that a developer is doing that isn't getting a lot of marketing/attention? Thanks in advance! submitted by /u/tbranyen [link] [comments]

How to take my project from my computer and make it available online? Posted: 20 Oct 2018 12:07 PM PDT Hi everyone, So I started learning web development on my own about 1 month ago. I worked on small projects to get the gears rolling and have finished my latest project that I was planning on going live with. It's my own personal portfolio website. I was wondering if there are any good tutorials out there for learning how to do this. I understand that I need to learn git command and repos and putting my work on github. But beyond that, what else must I do to make my website accessible by anyone online? Is there a clear and simple guide for this because I see dozens of different ways to go about it online and it is confusing. ​ TL;DR: How do I take my HTML, CSS, Javascript project that I have saved offline and put it online for everyone to go to? submitted by /u/01123581321AhFuckIt [link] [comments]

You are subscribed to email updates from webdev: reddit for web developers. To stop receiving these emails, you may unsubscribe now.	Email delivery powered by Google
Google, 1600 Amphitheatre Parkway, Mountain View, CA 94043, United States