• Breaking News

    Saturday, December 28, 2019

    I'm still a greenling - even after years of on/off study - but I'm really proud of this hamburger animation web developers

    I'm still a greenling - even after years of on/off study - but I'm really proud of this hamburger animation web developers


    I'm still a greenling - even after years of on/off study - but I'm really proud of this hamburger animation

    Posted: 28 Dec 2019 02:25 AM PST

    It's been 3 years since I started learning web-dev, and I've come a long way since then. But, this was the first application I built when I first started to get a handle on what I was doing. Still proud of it to this day: A Coin Puzzle called "Solve in Three". (Desktop only / Best viewed in Chrome)

    Posted: 27 Dec 2019 08:29 PM PST

    My first personal website

    Posted: 28 Dec 2019 01:15 PM PST

    Hello community,

    I have created my first personal website at https://sebastiandoe5.github.io/.

    I'm a teenager trying to get more into programming and I would really appreciate it if you could give me some constructive criticism on the website.

    Thanks a lot!

    Edit: For some reason, the Projects link is broken. Go to this link to see it. Thanks again!

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

    How do you guys go about planning a website?

    Posted: 28 Dec 2019 09:50 AM PST

    I have been attempting to plan as much as possible before getting down to coding but i feel like I have hit a roadblock. I have been creating rough sketches and writing what its meant to be, but although there is a lot left to plan out it begins to feel disorganized and too ambitious.

    What are your approaches?

    What should I do?

    Thanks in advance!

    submitted by /u/1sosa1
    [link] [comments]

    How to reuse HTML?

    Posted: 28 Dec 2019 03:13 PM PST

    I often find myself creating websites that are really simple, just some HTML and CSS, only sometimes a little JS, and most times I don't even have a backend.

    I've created a starter template for my projects: webpack, a couple minifiers, a scss processor and a dev local server. I can easily integrate different libraries when needed, and have my HTML, CSS and JS ready to deploy.

    I'm quite happy with it, except for one thing: I often find myself copy-pasting a lot of HTML. For example, if I want different images with custom containers, or if I need to have something like a grid or rows with content.

    I've thought about using something like React in order to avoid rewriting code, however I'd prefer to avoid using a whole ecosystem like React or Angular. Also, I don't like the idea of having JS rendering the website.

    I was wondering if there's a library that I could integrate into my current workflow that allows me to have reusable components, that get compiled to plain HTML, not in the client, but in my computer to then deploy the output to my server.

    All help will be very appreciated. Let me know if you need more details to help me out. Thanks in advance.

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

    [Showoff Saturday] MyProxy -Open source tool to help you host your apps on your own server under your own domain names

    Posted: 28 Dec 2019 11:12 AM PST

    We built this because when we deploy our apps, we had to setup our own CNAME records, create our own certificates, manage several servers (one for each app), and it is alot of work.

    Once you install MyProxy on your server, all it takes is 1 click to setup SSL certificates and CNAME records, and you can deploy any number of applications on your own server. It is a little complicated to understand, so I hope the video screencasts helps:

    https://garagescript.github.io/myProxy/

    Also, to help people understand how it works, we also built a Heroku alternative that lets you deploy your code quickly. No logins required. Just put in your ssh key and git clone / git push:

    https://freedomains.dev

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

    Library I made for creating UI Components with Template Languages

    Posted: 28 Dec 2019 01:55 PM PST

    I work professionally is a few different multi page apps that use vanilla js. I've compiled my "best practices" into a really small and super useful library that is totally production ready, more updates to come.

    https://github.com/tamb/domponent

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

    Why a client would choose to pay recurring costs of a web maintenance instead of just own the site web without any maintenance support?

    Posted: 28 Dec 2019 04:56 AM PST

    Prospects/clients can argue that maintenance is a great cost from them and they fail to see the value that would justify theses costs. How do you convey that value to your prospects/clients?

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

    Redesign of my personal website! Lmk what you think!

    Posted: 28 Dec 2019 08:04 AM PST

    https://steve-li.com/

    Was home for winter break and I decided to redesign my website with all the free time I have now. It's still a work in progress, but I would love some feedback on the design, content, usability, etc. Built this using bootstrap and vanilla JS

    Note: It's not responsive for mobile yet but this is still a wip.

    Some things I know I have to change:

    • Mobile optimization
    • nav bar responsiveness
    • descriptions of stuff, me/projects, etc. (I'm not very good at describing myself)
    • probably something nicer with the "other projects" header

    Any feedback is welcome!

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

    How are backend frameworks created? Django|Angel|....etc

    Posted: 28 Dec 2019 04:11 PM PST

    Hello, lately I've been obsessed with backend frameworks & I've been studying django for months & created tons of projects, some tutorials (non english), I came to the point which all I think of is I didn't get enough, I want to understand this deeper to the point I can create a very simple one from scratch which can just match urls or view templates, Nothing else, Any ideas on where to begin? I tried to go to the very first commit of django & the ones after it, But the code was already there so they didn't start from scratch on github, I don't want answers explaining (You're free to do so! but your time is precious), Just point me to the direction of where to start & I'll manage it

    Some basic notes are

    • I can start something like this with PHP, So I'm only talking about non PHP frameworks, The ones in other languages like python, dart, java ...etc (which normally doesn't manage servers without these frameworks) you get the point
    • How is the link between those languages & managing the server made, I mean, PHP is native to the browser but they aren't

    Sorry if I'm not clear, Perhaps someone can suggest edits or whatever

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

    Comparing dates in Angular

    Posted: 28 Dec 2019 04:00 PM PST

    Hey all.

    Beginner here learning Angular.

    I am trying to display one of two images (images are active and Deactivate icons) based on dates. The date someones subscription expires is in the user table of the app database and is displayed on their member profile page.

    How would I go about comparing that date to the current date to determine if the active icon, or the expired icon should be displayed? Is there an easy way to compare the two dates in the component template?

    This is what I'm currently using but obviously the active badge does not change at this time and is static.

    <br> Valid To: <span class="date">{{client.validTo}}</span> <br> Current Status: <span class="badge badge-success">Active</span> 
    submitted by /u/LIFEofNOOB
    [link] [comments]

    Resources for front end?

    Posted: 28 Dec 2019 08:14 AM PST

    I have created a back end but my front end is bland and pretty much just html, css, with data. Looking for some resources, frameworks, etc, to create a good front end. Project is in .Net

    Edit: also good with udemy course suggestions or something

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

    An Introduction to the Picture-in-Picture Web API

    Posted: 28 Dec 2019 03:49 AM PST

    Has anyone heard of The Jump part-time coding Bootcamp in London?

    Posted: 28 Dec 2019 03:23 PM PST

    I recently discovered this part-time full-stack dev. boot camp in London (https://www.thejump.tech/bootcamps/) and I am curious to know if anyone has heard of it or even attended it? The curriculum seems very complete and what I think makes it better is that you don't have to quit your full-time job to study as it's evening classes.

    Does anyone wanna share any insights on this?

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

    For a Web Dev Freelancer, how much expectation is there for Digital Marketing from the client?

    Posted: 28 Dec 2019 07:29 AM PST

    I'm just starting on my freelancing journey. Is it enough to just create a website/web app or is it an expectation of clients to offer digital marketing services.

    In other words, should i learn digital marketing to bolster my value as a web dev freelancer?

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

    New web developers needed

    Posted: 28 Dec 2019 01:31 PM PST

    Hey everyone,

     

    I've been mentoring some students recently at a coding bootcamp.

    I discovered that many of my students' problems are reoccurring:

     

    • they are with grasping crucial fundamental concepts
    • they are overwhelmed by all the new tech they have to learn
    • they are discouraged when they are not learning fast enough

     

    to name a few. These problems, I realized, are all related to their lack of in depth understanding of the basics—you know, the very foundation that everything else builds on.

     

    As you can imagine, the nature of bootcamps is to move incredibly fast and become job-ready in a very short time frame. So the above problems are made worse..

     

    Imagine a high rise tower being built at the speed of 2 stories per day, but the foundation is only 10 meters deep—the tower will soon crumble and fall far before the building is complete.

     

    The "crumbling and falling" in the case of bootcamp students, or every other new devs for that matter, are displayed as overwhelming stress and anxiety, regret for choosing this path of becoming a dev, and eventually it's escalated into complete loss of self-confidence and self-worth.

     

    Now, as someone who have been there a decade ago, I hate to see this in students. I have to constantly remind them to take breaks, to go easy on themselves, and at the same time guide them to realize that they are NOT dumb and that it's just how it is when you learn something new, especially at such a rapid pace.

     

    I'm writing this post to ask a few willing new devs to get on Zoom/Skype/Discord calls with me so I can experiment with them some of the ways I devised to tackle these problems.

    Some of the goals for my experiments include (but not limited to):

     

    • grasping new concepts faster without going through hundreds (or tens) of tutorials
    • solidifying the foundations to a point that you have most of the code written out in your mind before you even sit in front of your computer
    • developing such a passion for building things that it literally becomes addictive

     

    I'd been through a lot (if I do say so myself) when I first started out. I know how frustrating, confusing, and demoralizing it can be when you spend hours upon hours trying to learn and debug something only to still end up with zero clues on how to progress.

     

    But, it has been more than 10 years since I was a fresh new dev. Through these experiments, I'd like to organize and rework my own learnings and experiences in a way that I can share them with new devs for them to easily understand and digest and apply to their own careers.

     

    A bit about myself: I'm currently working as a Senior Front End Engineer. I started my career as a freelancer working on everything from design to dev to marketing all by myself.

     

    I've been ghosted by recruiters, rejected by interviewers, and outright humiliated by colleagues in the past.

    I've been paid anywhere from $500 for 30 minutes of work to $0 for 3 weeks of work.

    I've worked with/for employers who would disappear right after delivery. I've also worked with people who would threaten their boss to quit if I were not hired onto the team.

     

    I hope I can organize my learnings, systemize them, modify and adapt them so new devs can avoid my mistakes and also (hopefully) benefit from "secret shortcuts" I've acquired along the way.

     

    So, if you are interested, please drop me a PM with your name and your email/discord handle/Skype name/whatever cool kids these days use to talk online.

     

    Thanks for reading :)

    Note: please consider this expired after Feb 2020. That's when I'll get extremely busy with work and stuff.

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

    Webdevelopers/Front-End developers, please help me! I want to make a career switch.

    Posted: 28 Dec 2019 09:44 AM PST

    I've been working as a graphic designer doing some wordpress work for my current employer. I'm losing my job in April and I want to expand, not just cause I am losing my job but because I've been contemplating this ever since I started my first internship as a graphic designer.

    I've read about this guy asking around on how to become a front-end dev and got quite some answers. I've been looking up courses and educations for front-end dev's and they go for 1.8K-2K a year which somehow seems absurd seeing as how many people say the information is right there for the taking insinuating that it could be done for free.

    I have two problems:

    * Codecademy has BAD reviews online, should I find something else to learn HTML/CSS/JAVA? (A Front-End Dev at my work told me that quite some stuff on Codecademy seems like a waste of time cause he's never touched certain of those parts or has ever had any assignments to implement alot of the stuff he saw in the courses.
    * I am afraid I miss discipline, this is however because I lack structure in what to learn in what order.

    My question:

    Is Codecademy still a viable tool for learning Front-End Developing or should I invest my time otherwise?

    I know I get to put together my own stack in order to become a 'problem solver' but getting the basics to put together a website for example. I just want to start out with the basics and then move on to full stack, if that makes sense.

    Time is all I have, even more so in 4 months. Money however I can't spend this much.

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

    [Showoff Saturday] ReactJS side project - TypeRacer-like app. Planning to make this app multi-lingual.

    Posted: 28 Dec 2019 05:26 AM PST

    Hello, I am a web dev in Mongolia, and I made a small web application to help people type faster in mainly Mongolian Cyrillic. But, it is also available in English. In future, I am planning to add more features. Please note that my web app is not made for mobile devices. Here is my small web app -> https://devnomad.io

    Here are some of my ideas to add features upon my current app:

    1. adding a competition or racing feature like typeracer.com, I am thinking websocket. But, an another dev in my area suggested firebase real-time database. I am not sure which one is more appropriate.
    2. sending user data to backend, so that my web app has stats like the average user's typing speed, the standard deviation and etc. I can use this info to determine how the player performed, compared to others on the same texts.
    3. Tied to #2, I am also considering to add authentication system for users, so that they can log-in and see how much they are improving over time on a graph.

    I developed front-end using ReactJS and hosted on Firebase, currently with no backend API. I am leaning toward developing some NodeJS backend for the additional features.

    Please let me know what you think and your suggestions on my side project.

    Thank you for reading my post! I'd love to hear your thoughts.

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

    How to go about learning to make an HTML-based illustrated story? (Two examples of what to aspire to are provided.) Thank you.

    Posted: 28 Dec 2019 10:49 AM PST

    As an example, this is an excellent story that wouldn't work well off the internet: http://emcarroll.com/comics/prince/andthesea.html

    How does someone even go about making a website like that? What is the "base" of the pyramid, and what is the "tippy top"?

    Can a beginner/intermediate-level person make something like that? (The "internet" parts of it, not the art parts of it.) Or is it better to hire someone?

    Or even better: https://www.youtube.com/watch?v=FX2DsZngAvo Is it possible to turn that story into a clickable website? Something like that would be a dream. I looked into what the author wrote about the process of making that video, and I believe he used Unity or some other game-creation software. And then he exported it, blah, blah, blah. It seems to have caused him lots of trouble! So none of this seems particularly easy.

    I have looked into and played around with Twine, but I think I would like something more static and website-y.

    But if there's no great alternative, perhaps I will stick to Twine. It's quite robust and it's easy to do a lot of these things: clickable text, clickable buttons, adding images and gifs, etc.

    Thank you very much!

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

    Need recommendations how to approach making a multiplayer real-time web game with multiple instances

    Posted: 28 Dec 2019 10:43 AM PST

    As the title says, I want to make a multiplayer real-time web game with multiple instances.

    It should be a 1vs1 game with a matchmaking system. By multiple instances I mean having multiple different game sessions going on simultaneously.

    A web game that I would take as a golden example is https://curvefever.pro/

    What is the best practice to do so? Where can I start to learn?

    About me: I know classic web development, html, js, php, less.. A js framework I'm working with is Vue.js.

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

    Roadmap for non-technical sidehustle wanna-be Webdev

    Posted: 28 Dec 2019 10:36 AM PST

    Hi,

    This is probably an unorthodox question for this sub but after a few years on and off playing around in the web development world, I'd like to source the collective wisdom of this community to nail down a learning path for 2020. For context, I'm a business graduate in my mid-20's. No technical training however, I find myself now leading a data and analytics team in a large organisation which means I'm now playing around with SQL databases, server structures and visualisation software like R and Qlik. Having played around with Wordpress in the past as a hobby and while at Uni, I'm really enjoying having my day-to-day involve more technical stuff and it's just rekindled my desire to pick things up again on the side.

    At the same time, my SO and I are constantly dabbling with side-hustle ideas, mainly blog/ ecommerce in nature and I'd love to be able to be of even more use rather than the semi-botched WP sites I'm using at the moment.

    Overall, my needs/ experience look a bit like the below:

    Experience

    • Wordpress sites with blog sections - used Divi in the past with Woocommerce
    • Completed Angela Yu's Complete 2020 Web Developer Course - HTML, CSS, JS, Node etc
    • Used to building basic SQL queries
    • Played around with Webflow
    • Played around with Digital Ocean

    Needs

    • Fast, responsive website with 'blog' functionality that could be used by my non-developer SO ie. nice GUI or CMS front-end
    • Modular - I have 'shiny object' syndrome and I'm unlikely to go 'full developer' in the future. Therefore, I need a stack that I can continue to learn and utilise but not something I'd need to invest weeks of time into before being able to get started
    • Ecommerce functionality - both physical and digital products
    • Relational Database Structures - bit of a specific need this one but bear with me. One of our business ideas involves food recipes and I'd like to be able to create a DB structure which navigates from ingredients <- recipes <- meal plans and one could return all of the ingredients for a meal plan from it's component recipes.
    • Has potential to be full-stack long-term. I've heard JS is a good pick with Node...?

    Current Plan

    1. Revisit sections on Angela's Udemy course that I was less comfortable with
    2. Learn SASS and Flexbox
    3. Playing around with a DO droplet to get used to SSH and CLI
    4. ???

    Kinda been looking at Vue/ Gridsome but not sure if that's the shiny object syndrome talking.

    Any suggestions/ help would be massively appreciated and thanks again for all the awesome content!

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

    Testing in Production: the hard parts

    Posted: 27 Dec 2019 05:02 PM PST

    Get-paid-to Websites

    Posted: 28 Dec 2019 10:25 AM PST

    I am planning on creating my own "get-paid-to" website but not like SwagBucks or PrizeRebel. It would be something like completing 2-3 simple surveys to unlock a coupon code for something. The site would be in one specific niche. Very simple and very easy.
    But I have a problem. I only know to design websites and not to develop them.

    Is it possible to create a website like that using only a CMS and which one? What are some plugins or websites that could help me out? Are there any tutorials?

    I have been stuck with this because I don't know what to search for anymore, and whatever I do some research, google just gives me "get-paid-to" sites in result.Thank you and I'm sorry for my bad English.

    submitted by /u/Aro-Nic
    [link] [comments]

    No comments:

    Post a Comment