Monday, June 22, 2015

How I Work

You know that Life Hacker segment called "How I Work" full of intelligent people sharing how they do productive things? I never read those. I should because I feel like a hypocrite writing a blog post with this title. I digress, the point of this post is to help my friends.

Several people have asked me how I do web development. I understand they are looking to find easier ways of doing it, and I want to help. The truth is: I'm about to disappoint you. I do it the hard way (but there are some awesome advantages).



For starters, here is a list of software categories and the specific tools I like.
  • Text Editor
    • Sublime - because it is the same on all platforms (Mac, Linux, Windows).
    • Atom - I'm warming up to this one fast.
    • Notepad++ - the first hard core text editor I got to know, I still keep it around for sentimental reasons. I also have mad respect for their recent Sourceforge departure.
  • Web Browser
    • Chrome - this category might seem unnecessary, but Chrome's development tools are second to none. Take a little time to play with them, look up some tutorials, it will cut down on troubleshooting (sorry Firefox--I used to love you).
  • Local Web Server
    • Xampp - you could go through the hassle of installing Apache or IIE (eww) and setup a database and make it work with PHP, but why? Just install Xampp if you are on Windows or Mac. In Linux I Google for the all in one LAMP stack install apt-get command.
  • FTP Client
    • Filezilla - I'm tempted to look for something new because it's hosted on Sourceforge. Take care to uncheck all the crap ware when installing. While writing this I found a download san Sourceforge (linked). I cannot vouch for being up to date or lacking crap ware.
  • Revision Control
    • Git - whether you choose to use GitHub or BitBucket, this is the revision control of the Gods. GitHub has lots of nice charts, BitBucket allows for free private repositories. If you don't know how to use Git, check this place out. It's worth learning the command line tools.
That's it. Install them and mash the keyboard until a beautiful website comes out.

You want more?

Okay.

First things first. What are we doing? If there is no database or backend, you can skip Xampp. It's only needed for PHP and MySQL. Almost always you use PHP to get to the crud in the database (CRUD: Create, Read, Update, Delete I didn't just make that up). There are a ton of tutorials out there to help with that, but this PDO tutorial is a useful one.

I start with an empty folder (if you got this far please tell me you can make a new folder). Then I put an index.html file in there. Then I open it with Sublime, sometimes Atom. I start by typing:

How lazy is this guy? He didn't even indent the body contents.
Yes I type it. I don't know why, that's just how I do it. You can do it pretty quick with line duplication features all the mentioned text editors offer. There is an added bonus of looking really cool when you do in front of someone else.

At this point you should be able to open the index.html file in Chrome and see things. In Chrome on real computers, you can hit F12 to open the development tools. On a Mac I guess you have to use that single button mouse you're all so gaga about and open the tools with the menu. I have no idea how to do it on a Mac because I'm a poor college student.

Okay, so I didn't know how to make a new folder :(

I apologize if this seems patronizing and easy. It is not my intent to show off how I do things the hard way. The advantage of this method is when development gets more complex (and it will if you want it to get prettier than my "wut!" example).

You probably already know the basics of html and css, and if you want to know them better, Codecademy has you covered. Next comes JavaScript (no worries, Codecademy has that too). About half way into the JavaScript track on Codecademy, you're going to think "Damn James this is hard and you're crazy." Next let me introduce you to libraries.

About half the websites today (not a totally made up but not backed up statistic--Google it) uses a JavaScript library called jQuery. The basic goal of jQuery is to make JavaScript development easier and uniform across major web browsers. This is such a good library, it also has a course on Codecademy. Taking the time to understand JavaScript makes you pretty awesome at jQuery.

I've recently become partial to Bootstrap. All you need to know is that Boostrap is a CSS file and a JavaScript file. It's well documented and has simple examples on their website. Bootstrap is the reason so many websites look similar. Once you get to know it, you can churn out some decent looking websites in a short amount of time.

That covers just about everything. Make some files. Throw in some libraries if you want. Use Git as you go--especially if working in a group. Test on your local machine with Xampp if you need it. Then put it on your webhost with an FTP client.

No doubt there are better ways. This is my way.

80 comments:

Anonymous said...

This is exactly the lost point in web development! There are many classes out there to teach you how to do that but not the right tools!
Thank you James for sharing :)

Data Science Hyderabad said...


Excellent blog with knowledgeable information found very useful thank you.
Data Science Course in Hyderabad

Tech Institute said...

Top quality blog with very informative information found very useful thanks for sharing and hopping for some more informative posts.
Data Analytics Course Online

Data Analytics Course said...

A good blog always contains new and exciting information and as I read it I felt that this blog really has all of these qualities that make a blog.

Data Analytics Course in Bangalore

EXCELR said...

Great article. I highly recommended you. Click here for data science course in Hyderabad.

Trending Technologies said...

I finally found a great article here. I just added your blog to my bookmarking sites thank you.
Data Science Course in Bangalore

Srigokul said...


Useful information, Thank you for sharing...

Data science training in chennai
Data science training in chennai

vé máy bay từ hàn quốc về Việt Nam said...

Mua vé máy bay liên hệ Aivivu, tham khảo

vé máy bay đi Mỹ bao nhiêu

chuyến bay mỹ về việt nam

vé máy bay đi phú quốc

máy bay đi nha trang giá rẻ

vé máy bay hà nội sài gòn bao nhiêu tiền

360digiTMG Training said...


I see some amazingly important and kept up to length of your strength searching for in your on the site

business analytics course

360digiTMG Training said...


Very awesome!!! When I searched for this I found this website at the top of all blogs in search engines.

Best Institutes For Digital Marketing in Hyderabad

Data Analytics Courses in Bangalore said...

You have completed certain reliable points there. I did some research on the subject and found that almost everyone will agree with your blog.

Data Analytics Courses in Bangalore

Data Science in Bangalore said...

I wanted to leave a little comment to support you and wish you the best of luck. We wish you the best of luck in all of your blogging endeavors.
Data Science In Bangalore

madhavi reddy said...


I Want to leave a little comment to support and wish you the best of luck.we wish you the best of luck in all your blogging endeavors.
data science certification in banagalore

Data Analytics Courses in Bangalore said...

I want to leave a little comment to support and wish you the best of luck.we wish you the best of luck in all your blogging enedevors.
data science institute in bangalore

360digitmg said...

After reading your article I was amazed. I know that you explain it very well. And I hope that other readers will also experience how I feel after reading your article.
digital marketing courses in hyderabad with placement

Data Science Course in Bhilai - 360DigiTMG said...

Really wonderful blog completely enjoyed reading and learning to gain the vast knowledge. Eventually, this blog helps in developing certain skills which in turn helpful in implementing those skills. Thanking the blogger for delivering such a beautiful content and keep posting the contents in upcoming days.

data science in bangalore

Priya Rathod said...

Thanks for Sharing This Article. It is very so much valuable content.
Data Science Training in Hyderabad
Data Science Course in Hyderabad

onlyblog said...

Nice Blog. Thanks for sharing with us. Such amazing information.

Only Blog

Guest Blogger

Guest Blogging Site

Guest Blogging Website

Guest Posting Site

Maneesha said...

This is my first time pay a visit at here and i am truly happy to read everthing at single place.|
data scientist training in hyderabad

360DigiTMG said...

great article!! sharing these type of articles is the nice one and i hope you will share an article on data science.By giving a institute like 360DigiTMG.it is one the best institute for doing certified courses
data science courses

Best Data Science Courses in Bangalore said...

I am sure it will help many people. Keep up the good work. It's very compelling and I enjoyed browsing the entire blog.
Best Data Science Courses in Bangalore

traininginstitute said...

I recently came across your article and have been reading along. I want to express my admiration of your writing skill and ability to make readers read from the beginning to the end. I would like to read newer posts and to share my thoughts with you.

digital marketing courses in hyderabad with placement

traininginstitute said...

I like viewing web sites which comprehend the price of delivering the excellent useful resource free of charge. I truly adored reading your posting. Thank you!
best data science institute in Hyderabad

traininginstitute said...

Hi to everybody, here every one is sharing such knowledge, so it’s fastidious to see this site, and I used to visit this blog daily

business analytics course

360DigiTMGAurangabad said...

Amazing blog.Thanks for sharing such excellent information with us. keep sharing...
machine learning course in aurangabad

360DigiTMGAurangabad said...

Wonderful blog. I delighted in perusing your articles. This is genuinely an incredible perused for me. I have bookmarked it and I am anticipating perusing new articles. Keep doing awesome!
best machine learning course in aurangabad

360DigiTMG-Pune said...

You totally coordinate our desire and the assortment of our data.
data scientist online course

traininginstitute said...

Just the way I have expected. Your website really is interesting.
Best Data Science courses in Hyderabad

Unknown said...

It is a great pleasure to read your message. It's full of information I'm looking for and love to post a comment that says "The content of your post is amazing". Excellent work.
CCNA course in Dhule
CCNA Classes in Dhule
CCNA Training in Dhule

traininginstitute said...

Nice post! This is a very nice blog that I will definitively come back to more times this year! Thanks for informative post.
digital marketing courses in hyderabad with placement

traininginstitute said...

Thanks for the informative and helpful post, obviously in your blog everything is good..
business analytics course

Priya Rathod said...

Thank you, a lot, for providing individuals with a very spectacular possibility to read content from this site.
Data Science Training in Hyderabad
Data Science Course in Hyderabad

traininginstitute said...

I will really appreciate the writer's choice for choosing this excellent article appropriate to my matter.Here is deep description about the article matter which helped me more.
data science course

Priya Rathod said...

Thanks a lot for sharing this with all of us, I like it and we can communicate.
AWS Training in Hyderabad
AWS Course in Hyderabad

traininginstitute said...

A good blog always comes-up with new and exciting information and while reading I have feel that this blog is really have all those quality that qualify a blog to be a one.
data science training in malaysia

visa transit Turkey said...

Please share this more. Thanks for sharing useful information and don't forget to share useful information.If you are flying to your destination and transiting through Turkey, you will need to obtain a Visa Transit Turkey. This visa allows you to travel through Turkey.

sathish said...

Thanks for posting the best information and the blog is very helpful.

Python Training in Bangalore | Python Online Training

Artificial Intelligence Training in Bangalore | Artificial Intelligence Online Training

Data Science Training in Bangalore | Data Science Online Training

Machine Learning Training in Bangalore | Machine Learning Online Training

AWS Training in bangalore | AWS Training

UiPath Training in Bangalore | UiPath Online Training

Maneesha said...

I really enjoyed reading this post, big fan. Keep up the good work and please tell me when can you publish more articles or where can I read more on the subject?
artificial intelligence training in hyderabad

cyber security course in delhi said...

We are tied directly into the sate’s renewal database which allows us to process your request almost instantly.
buy essays cyber security course in delhi

tech science said...


Excellent Blog! I would like to thank for the efforts you have made in writing this post. I am hoping the same best work from you in the future as well. I wanted to thank you for this websites! Thanks for sharing. Great websites!data science in nagpur

tech science said...



I just got to this amazing site not long ago. I was actually captured with the piece of resources you have got here. Big thumbs up for making such wonderful blog page! machine learning course in nagpur

Unknown said...

I see the greatest contents on your blog and I extremely love reading them. top cyber security institute in delhi

Digital Brolly said...

Digital Marketing Training in KPHB with 100% Internships & Job Assistance

Unknown said...

Hi, I log on to your new stuff like every week. Your humoristic style is witty, keep it up cloud computing training in gurgaon

Unknown said...

this is really nice to read..informative post is very good to read..thanks a lot! ethical hacking course in gurgaon

Maneesha said...

This is a great article thanks for sharing this informative information. I will visit your blog regularly for some latest posts. I will visit your blog regularly for Some latest posts.
cloud computing course fee in hyderabad


Nathan said...

Excellent effort to make this blog more wonderful and attractive.
Business Analytics Course in Bangalore

Professional Course said...

You have completed certain reliable points there. I did some research on the subject and found that almost everyone will agree with your blog.

IoT Training Institute in Bangalore

dataanalytics said...

Very good points you wrote here..Great stuff...I think you've made some truly interesting points.Keep up the good work.
aws online training in hyderabad

Unknown said...

Very educating story, saved your site for hopes to read more! cyber security course in noida

Maneesha said...

Your blog provided us with valuable information to work with. Each & every tip of your post is awesome. Thanks a lot for sharing. Keep blogging,
data science course in hyderabad

Maneesha said...

This blog was really great, never seen a great blog like this before. i think im gonna share this to my friends..
data science course in hyderabad

Career Programs Excellence said...

Very good message. I came across your blog and wanted to tell you that I really enjoyed reading your articles.


Business Analytics Course in Kolkata

Career Academy Center said...

I'm always looking online for articles that can help me. I think you also made some good comments on the functions. Keep up the good work!


Data Analytics Bangalore

DataCharge said...


Very wonderful informative article. I appreciated looking at your article. Very wonderful reveal. I would like to twit this on my followers. Many thanks! .
Data Analytics training in Bangalore

Anand said...

Great post, Thanks for sharing a this post filled with a lot of information. keep up the good work
Business Analytics Course in Ahmedabad

data science said...

You finished certain solid focuses there. I did a pursuit regarding the matter and discovered almost all people will concur with your blog.

PMP certification in malaysia said...

360DigiTMG, the top-rated organisation among the most prestigious industries around the world, is an educational destination for those looking to pursue their dreams around the globe. The company is changing careers of many people through constant improvement, 360DigiTMG provides an outstanding learning experience and distinguishes itself from the pack. 360DigiTMG is a prominent global presence by offering world-class training. Its main office is in India and subsidiaries across Malaysia, USA, East Asia, Australia, Uk, Netherlands, and the Middle East.

Unknown said...

I feel extremely appreciative that I read this. It is extremely useful and exceptionally enlightening and I truly took in a ton from it. data science course in mysore

Professional Career Technology said...

Very informative message! There is so much information here that can help any business start a successful social media campaign!

Data Science Training in Gorakhpur

Career Program and Skill Development said...

It's like you've got the point right, but forgot to include your readers. Maybe you should think about it from different angles.
Data Analytics Bangalore

data science said...

I am glad that I saw this post. It is an informative blog for us and we need this type of blog thanks for sharing this blog,
Keep posting such instructional blogs.
Get placement along with certification by enrolling in data science course Bangalore, Learnbay.

360digiTMG.com said...

it was a wonderful chance to visit this kind of site and I am happy to know. thank you so much for giving us a chance to have this opportunity.. data science training in surat

deekshitha said...

Machine learning is the core part of AI. Machines are trained to perform actions automatically like the friend suggestion on Facebook, the recommendations about a particular product on amazon.data science course in jalandhar

data science training in lucknow said...

It is a subcategory of data analysis. It takes out the hidden patterns from big data. Its main task is to develop models for machine learning that is employed in AI.

Data Science said...

It shows how well you understand this subject.
data science institutes in hyderabad

Professional Academic Institute said...

Are you looking for a Data Science course that will aid you in your career growth. 360DigiTMG is the right place for you. Enroll now for a better tomorrow.
Data Science Course in Bangalore

Career Programs Excellence said...

Data Science is the next big thing in the IT industry. Start your career in Data Science with 360DigiTMG’s Data Science training program. Enroll now!


Data Science Course in Bangalore with Placement

nearlearnseo said...

Java full stack course in Bangalore
Java full stack Course in Bangalore with the aid of NearLearn is designed for all those who are inclined to come to be expert developers. With Java full-stack Training Certification you can discover out about gathering a without a doubt functioning internet software program application software program alongside the deep-rooted information of server pages, servlets, quintessential and most appropriate JSTL, and many more. NearLearn is one of the exceedingly applicable institutes for Java full-stack Training in Bangalore. We are famed for growing unbreakable archives of worthwhile specialists with total information of Java full-stack. We hold immoderate necessities in our session transport with real-time initiatives to make extremely good the excellence of our aspirants.
LINK: https://nearlearn.com/courses/java-full-stack-online-training

Machine Learning Course in BLR said...

Acquire a firm grounding in the theory of Data Science by signing up for the Data Science courses in Bangalore. Master the relevant skills along with all the essential tools and techniques of Data Science. Get to avail benefits like Flexible timings, the best industry trainers, and a meticulously crafted curriculum with hands-on projects that will give you exposure to a real-world working environment.

Best Data Science Courses in Bangalore

data science said...

360DigiTMG is the top-ranked and the best Data Science Course Training Institute in Hyderabad..
data analytics course in lucknow

Best Digital Marketing Course in Hyderabad said...

"Best Digital Marketing Course in Hyderabad - gain the knowledge you need to advance your career, and prove you’re equipped to take on modern marketing challenges.

"

React geeks said...


Nice Article
React JS Training in Hyderabad!

deekshitha said...

Are you still unsuccessful in your search for the top online data science courses? Several platforms provide data science courses, but it's crucial to focus on those that meet your requirements and allow for domain specialisation. A few training opportunities in data science are included below for those who are just entering the profession.data science course training in faridabad

Siridgm said...

very interesting and informative content. Thanks for the posting

data science course fees in nagpur

360digitmgmalaysia said...

Penang's IT companies are actively involved in fostering a collaborative and supportive ecosystem. it companies in penang

Cara said...

"How I Work" is an intriguing and insightful glimpse into individuals' work habits, routines, and productivity strategies. It offers valuable lessons and inspiration for those looking to optimize their work lives. Highly recommended for anyone seeking practical advice and diverse perspectives on achieving professional success. Lawyer Estate

shelby said...

Thank you for your informative blog on How I Work. Your passion for this subject shines through in every post.Abogado Conducción Imprudente Nueva Jersey

Sri Lanka unveils digital nomad visa said...

"Your blog post leads us on a reflective voyage, artfully fusing profound insights with eloquent storytelling. Your adeptness at simplifying intricate ideas is truly remarkable. Traveling through your content is like an illuminating exploration, leaving us enriched and curious. Thank you for imparting this enriching piece that deeply connects with your readers."

Cara said...


"How I Work" offers readers a valuable glimpse into the author's professional approach, providing insights and strategies. The review appreciates the transparency and authenticity in sharing work methodologies, fostering a sense of connection with the audience. The article's practical advice and personal anecdotes enhance its relatability, making it a valuable resource for those seeking inspiration in their own work routines. The review commends the article's balance of informative content and an engaging narrative, making it a compelling and insightful read. In summary, "How I Work" stands out as a practical and relatable guide to professional workflows and strategies. dui lexington va