Comments (8)
- try to update the scraper to point to the html output from https://github.com/h5bp/Front-end-Developer-Interview-Questions ... appears that the README content is all contained in <article> ... verified that this is a unique outer element for the existing scraper logic
- or alt look at markdown parser (but those appear to output html instead of json)
from angular_front_end_interview.
- skimmed docs for one markdown parser (https://github.com/evilstreak/markdown-js) and it sounds like their output is basically .MDN to HTML. I want the interim JSON. need to test it out
- on a little further reading, it is possible to use an interim function to get from .MDN to JSONML but it does not look super easy to go from JSONML to the JSON I am interested in. the kicker is the embedded html tags like <code> and then a bunch of nested lists
- would it be viable to grab a copy of the raw .MDN file, run it through the MDN parser (to HTML) and then apply my current logic to those results? but then there are additional variables like what if the parser introduces bugs and causes my app to fail?
- would there be a way to automate grabbing a copy of the raw .MDN file (weekly), run that thru MDN parser, save HTML results to my github repo. then my existing logic should work automatically (and there wouldn't be a slowdown from doing parsing every time)
from angular_front_end_interview.
retried doing web scraping on the master github pages for the project root and the project README.mdn file. but got errors like:
- XMLHttpRequest cannot load https://github.com/h5bp/Front-end-Developer-Interview-Questions. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access.
- XMLHttpRequest cannot load https://github.com/h5bp/Front-end-Developer-Interview-Questions/blob/master/README.md. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8000' is therefore not allowed access.
- Believe both errors are related to security and cross origin (or cross domain) access for XHR requests. But that means my data source is going to be unreliable unless I can get useful results out of a markdown parser
from angular_front_end_interview.
(self note: from what I can tell, the updates from original h5bp project README to their gh-pages index.html is being maintained manually by one person; I cannot detect any automated update process in the repo source files)
from angular_front_end_interview.
temp workaround for time being...
- grabbled h5bp raw README.mdn (master) and put it into http://dillinger.io/ > output as html
- 03 29 15: 2 04a ... see one issue related to the readme formatting inconsistency. the coding questions are using <p> tags and <pre> tags so the max number counts by category are getting messed up. probably should swap the order of fun questions and coding questions. 2nd issue is that the form labels are currently hard coded and they should be dynamic based on the readme html contents
- 03 29 15: 1 29a ... got slightly further trying to read the generated readme html on my gh-pages. now am getting a legit list of categories but for some reason the questions are not getting read and appended into the final js array of categories/questions
- trying to test the results but the jquery .find() is not reading the html results correctly so I don't know what is the difference between the dillinger.io output and the html format used in h5bp's gh-pages index
- plan to add resulting HTML into a new src folder in my repo and point to that file from my XHR
- don't like introducing a manual dependency but really hate giving people unreliable content
- in long term, would need better solution but in short would really prefer working on app functionality and improving angular skills
from angular_front_end_interview.
- temp workaround to inconsistent formatting for the coding questions section
- hardcode the form labels. swap positions of fun questions and coding questions
- set coding questions to just a read only text or input where it communicates that all coding questions will be returned no matter what
- store the coding questions (category and questions set) in a different variable than the other category/question groups
from angular_front_end_interview.
fixed handling the inconsistency with coding questions (non list format and using different html tags).
a16c78b
from angular_front_end_interview.
- this is about as much as I plan to do for this iteration
- in the future may want to revisit having a better data model and better way of pulling data from the h5bp repo's README file.
- but would like to wrap up this project more quickly and work on different projects
from angular_front_end_interview.
Related Issues (20)
- add link to source list HOT 2
- refactor service
- fix fouc (aesthetic bug) HOT 1
- add print stylesheet HOT 1
- ability to check off completed items
- ability to order favorite items??
- (low) minimize dependencies on bower_components folder HOT 3
- (dependency) refactor form inputs to use ng-repeat
- documentation (README and comments) HOT 1
- nav menu style a little strange HOT 1
- css cleanup
- on mobile device top lines of content are hidden under toolbar HOT 1
- checked on jquery and bootstrap.js dependency HOT 1
- sync list of questions with h5bp project HOT 2
- add affirmations HOT 1
- h5bp has questions in a public json file HOT 1
- either firebase or indexedDB version
- main application not responsive HOT 1
- goals for updating source questions list
- fix hosting issue HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular_front_end_interview.